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 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.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

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 Audio Visualizations

8 CSS & JavaScript Snippets for Creating Audio Visualizations

A collection of JavaScript and CSS snippets that bring a visual element to sound. Some work with audio files, while others merely facsimile the effect.

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.

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

Free CSS & JavaScript snippets that show how color, movement, and typography contribute to building a stunning testimonial UI.

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 & JavaScript Snippets for Creating Halftone Effects

8 CSS & JavaScript Snippets for Creating Halftone Effects

Discover various CSS and JavaScript snippets for adding halftone patterns to your web designs and making them interactive.

CSS Flexbox Toolbox – Learning Guides, Web-Based Tools & Frameworks

CSS Flexbox Toolbox – Learning Guides, Web-Based Tools & Frameworks