Create a Statistics UI Panel Using HTML & CSS3

Create Statistics UI Panel using HTML & CSS3

Topic: HTML / CSS3 Difficulty: Intermediate Estimated Completion Time: 45 minutes In this tutorial, we are going to create a Statistics Panel using HTML and CSS3. We’re going to use Google Fonts for this tutorial, specifically “Roboto.” HTML of Statistics …

Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

Create an Apple TV Poster Parallax Effect in CSS3 & jQuery

Have you seen the new Apple TV parallax effect? It is awesome! We have decided to reproduce this effect using CSS and jQuery, and it looks very close to Apple’s parallax effect. This tutorial has been created Marius Balaj, and …

Examples of CSS Website Designs for Inspiration

Examples of CSS Website Designs for Inspiration

The expansion of modern technologies like WebGL or Three.js has opened numerous doors to the web developers; however, they still keep coming back to CSS and effects powered by it. Whatever extravagant tools and solutions we have, we still fall …

Cursive Fonts: Most Popular Typefaces, Best for Webfonts

Cursive Fonts: Most Popular Typefaces, Best for Webfonts

Before delving to cursive fonts, it is important to understand where they came from. Cursive fonts is also known as script or joint writing and is a unique form of handwriting in which the language symbols are conjointly written in …

How to Create Off-Canvas Sliding Navigation Menu in HTML, CSS, JS

Off Canvas Sliding Navigation

Off-Canvas Navigation has been on the web for quite some time and is widely used on different types of websites to provide better user experience primarily for mobile device users. It’s a trendy sidebar design that is attractive to website …

How to Build Public & Private Status Pages for Websites

How to Create Public & Private Status Pages for Websites

Status pages are essential for many online businesses, applications, and platforms in today’s fast-moving technology. They provide a transparent way of communicating up-to-date incidents, website status, and downtimes to a certain level. They build trust between the business owner and …

Building a Responsive Knowledge Base Theme using Bootstrap 5

Building a Responsive Knowledge Base Theme using Bootstrap 5

The term “knowledge base” usually attributes to the information stored in a system. Generally, knowledge bases are used to basically store any information in a container, formerly, in a form of a database. With the new advances in technology, this …

20 Useful CSS Graph and Chart Tutorials and Techniques

Usually, Graphs and Charts are mainly used for representing and organizing a set of numerical data with a graphical representation such as pie chart, line charts, bar graphs and many more. The static images would be reduced using these techniques …

Animating SVG Gradients

Animating SVG Gradients

SVG gradients are so handy. We can fill complex shapes and create depth and character for our artwork all while having access to it in the DOM. Within SVG linear and radial gradient elements there are several attribute options available …

How to Create a CSS3 Mega Menu

How to Create a CSS3 Mega Menu

Topic: CSS3 Difficulty: Intermediate Estimated Completion Time: 1 hour In this tutorial I will teach you how to create a pure CSS3 Mega Menu. Mega Menus are usually used on corporate/e-commerce websites, but they become more popular because they are …