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.

8 Excellent Examples of Using Stacked Text Blocks in Web Design

8 Excellent Examples of Using Stacked Text Blocks in Web Design

CSS / Inspiration / UI Design / 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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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

CSS / UI Design

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

CSS / UI Design

This collection of snippets features ten open-source login page CSS & HTML templates you can use and reformat for any type of web design project.

10 Custom CSS & JavaScript Snippets for Hover & Click Effects

10 Custom CSS & JavaScript Snippets for Hover & Click Effects

CSS / UI Design

If you know a little JavaScript and CSS, you can easily tweak these effects to work in any browser, for any website, and spruce up any layout.

10 Modern Examples of Slide-Out Sidebars

10 Modern Examples of Slide-Out Sidebars

CSS / JavaScript

Slide-out sidebars are invaluable. And some helpful CSS & JS code snippets that give you a perfect base for creating your own, are always welcome.

Snippets That Recreate Board Games in the Virtual World

Snippets That Recreate Board Games in the Virtual World

CSS / JavaScript / UI Design

Board games are a favorite pastime for all ages. When you think about it, they were the original portable gaming systems. Take one over to a friend’s house or get…

Using Images to Improve the CSS Hover Effect

Using Images to Improve the CSS Hover Effect

CSS

Hover is one of the oldest selectors in the CSS family. While we are accustomed to believing that it only pairs up beautifully with a link, in fact it can…

9 Custom Open Source File Upload Field Snippets

9 Custom Open Source File Upload Field Snippets

CSS / JavaScript / UI Design

If you’re looking to customize your upload inputs, this collection of CSS & JS code snippets will help. They prove you can truly create stunning fields.

10 Free CSS & JavaScript Select Box Snippets

10 Free CSS & JavaScript Select Box Snippets

CSS / JavaScript / UI Design

We’ve curated a collection of our favorite JavaScript and CSS select box styles. They’re all easy to setup and even easier to restyle for your own purposes.

10 Code Snippets for Creating Beautiful Forms

10 Code Snippets for Creating Beautiful Forms

CSS / UI Design

This is a collection of beautifully designed HTML form designs with free CSS & JS source code so that you can create your own.

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

CSS / UI Design

You can do some amazing things with SVG masks. This technique has been around for years but only recently made its way into mainstream web development. I’ve scoured the web…

10 Dramatic Examples of Splash Screens in Web Design

10 Dramatic Examples of Splash Screens in Web Design

CSS / JavaScript / UI Design

Splash screens in web design are effective as long as they are lightweight, straight-to-the-point, and always improve the experience of the user, as these inspiring examples prove.

Avoiding ‘Wasteful’ CSS in Your Projects

Avoiding ‘Wasteful’ CSS in Your Projects

CSS

It seems like web designers are constantly striving to optimize their creations. In the short term this benefits performance. Over the long haul it can simplify maintenance as well. Quite…

12 Landscape Scenes Built Entirely With CSS & SVG

12 Landscape Scenes Built Entirely With CSS & SVG

CSS / UI Design

You can do some pretty amazing things with SVGs, including creating impressive landscapes just like the free to use snippets we share here.

10 Code Snippets for Creating Stunning Text Masking Effects

10 Code Snippets for Creating Stunning Text Masking Effects

CSS / UI Design

We have ten simple CSS (and some JavaScript) code snippets for creating stunning and time-proven examples of text masking in web design.

10 Super-Useful Bootstrap 4 Code Snippets

10 Super-Useful Bootstrap 4 Code Snippets

Bootstrap / CSS / UI Design
Previous Page89101112Next Page