Home » Tag Archives: CSS

Tag Archives: CSS

jQuery children() Example

Hello readers, in this tutorial we will show how to use the jQuery library and the jQuery children() function in a simple HTML application. 1. Introduction jQuery is nothing but a JavaScript library that comes with rich functionalities. It’s small and faster than many JavaScript code written by an average web developer. By using jQuery developers can write less code ...

Read More »

AngularJS Get Current Date Time Example

Hello readers, in this tutorial, developers will learn what AngularJS is and how to display the current date and time using the angular filter. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the creation of a real application using ...

Read More »

HTML5 – Styling a Progress Bar

The progress tag introduced in HTML5 can be used to represent the progress of a task. For example, the following code: <progress value="80" max="100"></progress> displays: Unsupported browser Different browsers display the progress bar in different styles: Changing the colour of the progress bar: Now let’s say that you wish to change the colour of the progress bar so that it ...

Read More »

JavaScript: Porting from react-css-modules to babel-plugin-react-css-modules (with Less)

I recently found a bug in react-css-modules that prevented me from upgrading react-mobx which prevented us from upgrading to React 16. Then, I found out that react-css-modules is “no longer actively maintained”. Hence, whether I wanted to or not, I was kind of forced into moving from react-css-modules to babel-plugin-react-css-modules. Doing the port is mostly straightforward. Once I switched libraries, the rest of the ...

Read More »

AngularJS Filters Example

Hello readers, in this basic example, developers will learn what AngularJS is and how to use the angular filters in the angular applications. 1. Introduction 1.1 What is AngularJS? AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the creation of a ...

Read More »

AngularJS Autocomplete Example

For years, Autocomplete is a common UX pattern. In this basic example, developers will learn what AngularJS is and how to create an Autocomplete textbox by using the angular Library. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. Before we start with the ...

Read More »

CSS Margin Bottom Example

1. Introduction It is usually a good practice to space out the elements on your web page for easier viewing and readability. CSS provides properties like padding and margin which help with this. They both essentially add space around an HTML element, but with a key difference. While the padding property adds or increases the space between the element and ...

Read More »

CSS Horizontal Line Styling Example

1. Introduction In any web page or blog post, it is usually a good practice to identify and divide elements and sections which are logically separate. You could use HTML elements like div for encapsulating multiple page elements, ul and ol for organizing lengthy text into a more readable list-based format, or simply use hr to create a horizontal line. ...

Read More »

CSS Input Type Submit Example

1. Introduction When designing a website, one of the key points to consider is how the user is going to interact with it. A good website UI makes it easy for the end user to navigate your website and send information back to you, while maintaining a beautiful visual experience at the same time. CSS plays an important role in ...

Read More »