CSS

How to use pseudo-classes in CSS

Reading Time: 4 minutes What are Pseudo-classes in CSS? A Pseudo-class in CSS defines the special state of an element. It is a keyword that we use after the selector to apply the style based on the state of the element. For example, the active pseudo-class can be used on an anchor tag (<a>) to add extra styling if the link is active So, CSS Pseudo-class helps you apply Continue Reading

Introduction to Liferay DXP: A simple way of web development.

Reading Time: 4 minutes Introduction Liferay Portal is an open-source enterprise portal software, which provides companies with a single platform to manage all their content and applications. It brings together all the disparate systems in your business, such as email, intranet site, knowledge base, discussion forum etc. Liferay DXP is an extension of Liferay 7 CE (Community Edition) and contains additional modules such as EJB container and JMS broker Continue Reading

A guide to Animations in Angular

Reading Time: 4 minutes Introduction Animations are an important part of your website. It helps us in enhancing the user experience and also calls the user’s attention where it is needed. Animations are created by transforming the styles over time whose timing you can control. In this blog, I will be covering the basics of angular animations and an example of it to understand the concept better. Animations in Continue Reading

Let’s learn all about Responsive Web Design

Reading Time: 5 minutes Either if you want to create a page, website, or anything, you have to know about responsive web design. Not only it’s the latest design trend, but it is also important to get good business now a days. Responsive web design is the thing that permits your page or the website to looks good on any type of device, regardless of whether it be mobile Continue Reading

CSS and CSS Box Model a powerful design aid

Reading Time: 3 minutes Cascading style sheet or CSS is a simple design language that aids Hypertext markup language or HTML. In easier words, CSS is the backbone of HTML which helps in designing and presenting HTML elements beautifully on a web page. CSS is simple yet versatile that allows controlling every element and its aspects present in HTML including size, layout, separation, colour, positioning, fonts, and much more. Continue Reading

Usage of Axios in React Applications

Reading Time: 6 minutes In this blog, we will see how to work with Axios in a React application to make GET, POST, PUT, and DELETE requests to perform CRUD actions. Axios is a popular, promise-based HTTP client that sports an easy-to-use API and can be used in both the browser and Node.js. A very common task of a web client application is making HTTP requests to API and Continue Reading

Grid vs Flex

Difference between CSS Grid and Flexbox

Reading Time: 5 minutes The way you display your content on can say a lot about you or your company. Showing content in a nice and clean way is really important. Using CSS layouts like Grid and Flexbox makes it so much efficient than using float or positions properties. Thinking about which layout to use for your project can really help you save time in the future in refactoring, Continue Reading

Building an Ionic Application using Cordova for Android

Reading Time: 2 minutes Ionic Framework is an open-source UI toolkit for building performant, high-quality mobile, and desktop apps using web technologies (HTML, CSS, and JavaScript). Ionic Framework is focused on the frontend user experience, or UI interaction of an app (controls, interactions, gestures, animations). It’s easy to learn and integrates nicely with other libraries or frameworks, such as Angular, or can be used standalone without a frontend framework Continue Reading

HTML, CSS, and JS as a Framework

Reading Time: 7 minutes For beginners, the thought of designing a website from scratch can seem like a really difficult task. Let’s ease it a little bit in this blog. The online market is expanding at a good rate and for most of us, websites form part of our daily life. HTML, CSS, and JS are special web languages that work together as a framework to form the front-end Continue Reading

Develop Chrome Extension using Angular 7 | Part – 1

Reading Time: 3 minutes Extensions are the small software programs that are used to customize the experience of browsing. They enable the user to customize the browser’s functionality and behavior to individual needs or requirements. An extension is basically there to fulfill a single purpose that is narrow defines and easy to understand. Chrome extensions are in demand because they add features to Chrome browser to do functionalities/things easier Continue Reading

Manipulating Server returned dates at client Side in Angular

Reading Time: 2 minutes Hey Visitor, Have you ever faced an issue with the date values on your website, when the date and time returned from server doesn’t change according to the client timezone , for eg. values returned from server at US will be different for a client at India so we need to manipulate the received time according to Indian Time Zone. So recently, I encountered this Continue Reading

CSS Flex: with all examples

Reading Time: 2 minutes Confused with HTML elements positioning in CSS and by using other libraries or CSS snippets from stackoverflow? Don’t worry CSS flex is here. Flex means flexible box. “The flex CSS property specifies how a flex item will grow or shrink so as to fit the space available in its flex container.” So overall flex provides you the way to make your content flexible/responsive according to Continue Reading

Display long dynamic text into adjacent columns like newspaper layout

Reading Time: 3 minutes Folks, If we have quite a long text, and we want to show it into three adjacent columns, One way to implement it via three <div>’s  or <p>’s in HTML and adding CSS properties. For example If we have a long text as following : And We want to show it into three separate adjacent columns for better readability, it can be done as follow: HTML: And furthermore for adjacent Continue Reading