Category Archives

CSS

Where HTML elements give a web page structure, CSS (Cascading Style Sheets) controls how those HTML elements are presented on that web page. A style sheet can be applied to any web page and makes it much easier to edit and manage the appearance and layout of a multi-page website.

Here you will find collections of articles, tutorials, snippets, covering almost all areas of CSS, including flexbox, grid, animation, image filters, responsive toolkits, frameworks, libraries, and so much more.

10 Free CSS & JavaScript Onboarding User Interfaces

10 Free CSS & JavaScript Onboarding User Interfaces

We have an amazing collection of free CSS and JavaScript onboarding UI snippets that offer plenty of inspirational ideas and solutions.

12 Modal Window Libraries & Plugins For Your Site

12 Modal Window Libraries & Plugins For Your Site

A collection of the best free plugins, libraries, and frameworks for creating modal windows. Varied features and styles to choose from.

10 CSS Snippets for Creating Simple Bar Graphs

10 CSS Snippets for Creating Simple Bar Graphs

If you are looking for a simple way to create bar graphs, this collection of free and open-source HTML & CSS bar charts is for you.

10 Code Snippets For Creating Animated Headers & Video Backgrounds

10 Code Snippets For Creating Animated Headers & Video Backgrounds

All of these animated backgrounds offer different styles, but if you know what you’re looking for, there’s a snippet here for you.

10 Free CSS & JS Notification Alert Code Snippets

10 Free CSS & JS Notification Alert Code Snippets

We’ve curated the CSS & JavaScript source code of our favorite notification messages, dialog boxes and alert windows. All free and offer plenty of options.

12 Stunning Retro Neon Effects in Web Design

12 Stunning Retro Neon Effects in Web Design

Evolved from the Geissler tube, the neon sign was a characteristic trait of America from the 1920s to the ’60s. It has marked several decades and created its own distinct…

How Modernizr Can Help You Implement CSS Fallbacks

How Modernizr Can Help You Implement CSS Fallbacks

For websites that still have a significant number of users with older browsers, we show you how to utilize the Modernizr feature detection library.

8 Excellent Examples of Using Stacked Text Blocks in Web Design

8 Excellent Examples of Using Stacked Text Blocks in Web Design

Stacked text blocks can be seen everywhere. But, the problem with them is that sometimes designers can get carried away and include a wealth of information, resulting in TL;DR-like content….

8 CSS & JS Snippets for Creating Stunning 403 Pages

8 CSS & JS Snippets for Creating Stunning 403 Pages

Web designers have gotten used to turning errors into opportunities. It’s no secret that the common, most widely occurring (and surprisingly recognizable) HTTP status code 404, aka “Not Found,” was…

10 Amazing Animated Text CSS & JavaScript Code Snippets

10 Amazing Animated Text CSS & JavaScript Code Snippets

You will be able to make some pretty dazzling animated text effects with the basic CSS (and few lines of JavaScript) code snippets we have for you here.

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

10 CSS Snippets for Creating Stunning Animated Underline Text Effects

You may not think there’s a lot you can do with standard text underlines, but if you delve into CSS animation you’ll see just how much you really can do!

10 Open-Source Login Page Templates Built With HTML & CSS

10 Open-Source Login Page Templates Built With HTML & CSS