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 Code Snippets for Creating CSS Blend Modes

8 Code Snippets for Creating CSS Blend Modes

Web design, and particularly CSS, has taken on a predictable pattern in recent years. First, we create special effects that make heavy use of images, outside libraries or both. Then…

8 CSS & JavaScript Dark & Light Mode Code Snippets

8 CSS & JavaScript Dark & Light Mode Code Snippets

We share eight unique CSS and JavaScript code snippets for switching between dark and light modes on your website.

10 CSS Snippets for Creating Carousel Sliders

10 CSS Snippets for Creating Carousel Sliders

We have collected ten of the best open-source CSS code snippets that you can use as a template for creating your own carousels sliders.

8 CSS & JavaScript Snippets That Recreate Retro Computers

8 CSS & JavaScript Snippets That Recreate Retro Computers

A collection of CSS and JavaScript snippets that celebrate retro computing. The Commodore 64, the original Mac, Windows 95, and much more.

8 CSS & JavaScript Snippets That Celebrate Spring

8 CSS & JavaScript Snippets That Celebrate Spring

A collection of CSS and JavaScript snippets that celebrate spring. Plenty of pastels, flowers, and chicks, and some amazing coding skills too.

8 CSS & JavaScript Snippets for Creating Weather Widgets

8 CSS & JavaScript Snippets for Creating Weather Widgets

We share some of the best CSS & JavaScript code snippets for creating beautiful weather widgets. They all make weather data easier to digest.

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

10 CSS & JavaScript Snippets for Advanced Image Hover Effects

We show you some truly creative CSS snippets that you can use to integrate image hover effects into the UI of your own websites.

8 CSS & JavaScript Snippets for Creating Sticky Elements

8 CSS & JavaScript Snippets for Creating Sticky Elements

Learn how to use CSS and JavaScript to build sticky headers, navigation bars, and UI elements. Includes working examples and practical tips.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

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