Css style

CSS Flexbox tutorial: the basics

Flexbox is a great way to manage layouts in CSS. It can manipulate the height and width of an element to occupy all the space in the parent container (“flex-container”) and control the vertical and horizontal flow of each child (“flex-items”). If you’re new to flexbox, you’ll learn everything you need to get started right […]

Css style

W3C: CSS Nesting Module for grouping style rules is in progress

The World Wide Web Consortium (W3C) has published the first working draft of a new module for CSS Nesting Modules. At the current stage as a first public work project, it is still not clear whether the consortium will ultimately approve the module and include it in the CSS specifications. Cascading Style Sheets (CSS) have […]

Css style

5 neumorphic design components in HTML, CSS and JavaScript

Neumorphism is a new design trend that combines flat design and skeuomorphism. It’s a minimal way of designing with soft, extruded plastic, almost 3D look. Currently, this design is all the rage on the Internet and is widely used by designers and developers. If you want to try neumorphism for your next project, here are […]

Css style

How to Create a Digital Clock Using HTML, CSS, and JavaScript

The digital clock is among the best projects for beginners in JavaScript. It is quite easy to learn for people of all skill levels. In this article, you will learn how to create your own digital clock using HTML, CSS, and JavaScript. You will get hands-on experience with various JavaScript concepts, such as creating variables, […]

Css style

Tailwind CSS: discover the joys of functional and responsive CSS

Tailwind CSS is a new CSS framework first released in late 2017. It takes a different approach to styling that might surprise you. In particular, Tailwind abandons semantic class names in favor of more targeted classes found in “functional CSS”. Functional CSS vs Semantic CSS To get an idea of ​​the difference, let’s consider a […]

Css style

How to Create a Simple Calculator Using HTML, CSS, and JavaScript

The best way to learn JavaScript is to create projects. If you want to become a good web developer, you need to start creating as soon as possible. You can start by creating beginner level projects like a simple calculator, digital clock, stopwatch, etc. In this article, you will learn how to create a simple […]

Css style

What is CSS? Understand the coding language that stylizes a web page beyond plain text and photos

CSS is a programming language that allows you to customize the color, font, and layout of an HTML coded website. CSS adds dynamism to the online experience, because without it, websites would look like identical bland lines of text and images. There are three distinct CSS styles that you can use when designing your website. […]

Css style

Charts.CSS, a library of pure CSS graphics

Charts.css is a new data visualization library that relies only on CSS and HTML. Avoiding the use of JavaScript / Canvas avoids many accessibility issues in existing solutions while keeping the assembly size under 10KB when minified and compressed. While there is no shortage of JavaScript data visualization libraries that offer an impressive set of […]

Css style

How to implement Glassmorphism via HTML and CSS

Glassmorphism is a new design trend that uses a transparent background and a blur effect above the background to create a glassy effect. With the release of the Big Sur update for macOS, this was the first large-scale adoption of this design trend by a large company. Microsoft also uses this style in the Fluent […]

Css style

How to use before and after pseudo-elements in CSS

Pseudo-elements are one of the most advanced selectors available for use in CSS. The main purpose of these selectors is to create a unique style, without altering the HTML document used to create the basic structure of a given web page. Here’s how to use pseudo-elements in CSS. Common pseudo-elements There is a long list […]