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 Comic-Inspired Snippets Powered by CSS & JavaScript

8 Comic-Inspired Snippets Powered by CSS & JavaScript

We share a collection of copy and paste CSS and JavaScript code snippets you can use to create highly creative comic-style UI designs.

8 CSS Snippets That Demonstrate the Power of Shadow Effects

8 CSS Snippets That Demonstrate the Power of Shadow Effects

A collection of useful code snippets that demonstrate the usefulness and what you can fully achieve with CSS shadow effects.

10 CSS Snippets for Creating Unique Background Effects

10 CSS Snippets for Creating Unique Background Effects

By combining CSS with a sprinkle of JavaScript, you can create some truly creative background effects, as these code snippets demonstrate.

8 CSS Snippets for Creating Horizontal Rules & Dividers

8 CSS Snippets for Creating Horizontal Rules & Dividers

If you’re looking to take your HR’s up to the next level, this stunning collection of free CSS divider code snippets goes beyond the default.

8 CSS & JavaScript for Creating Stunning ASCII Artwork

8 CSS & JavaScript for Creating Stunning ASCII Artwork

Take a look at our collection of ASCII artwork code snippets that have been enhanced and animated with CSS & JavaScript.

8 CSS Snippets for Creating Toggle Switches

8 CSS Snippets for Creating Toggle Switches

We highlight some inspiring examples of how web designers are bringing excitement to toggle switches with CSS, while still maintaining their functionality.

8 Radiant Glow Effects Made with CSS and JavaScript

8 Radiant Glow Effects Made with CSS and JavaScript

Glow effects are a design staple, adding style and setting the mood. Here’s a collection of CSS and JavaScript snippets for creating those stunning glow effects.

CSS Properties to Make Hyperlinks More Attractive

CSS Properties to Make Hyperlinks More Attractive

There are several new CSS properties available for customizing hyperlinks, giving you a higher level of control over spacing, sizing, and more.

The CSS Practices That Can Hurt Accessibility

The CSS Practices That Can Hurt Accessibility

CSS

We take a look at a few CSS practices that can hurt accessibility, including common features that will require careful consideration.

8 Code Snippets for Creating Amazing Patterns with CSS

8 Code Snippets for Creating Amazing Patterns with CSS

Patterns are among the most flexible design assets. They can be the star of the show or fit neatly into the background. As such, they can also range from minimal…

8 CSS & JavaScript Snippets that Celebrate the Sky & Outer Space

8 CSS & JavaScript Snippets that Celebrate the Sky & Outer Space

The natural world has always served as a great source of inspiration. And we can see some of its most amazing wonders by looking up towards the heavens. A crystal-blue…

8 HTML Code Snippets for Creating Responsive Newsletter Templates

8 HTML Code Snippets for Creating Responsive Newsletter Templates