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 Retro Video Games Recreated with HTML, JS & CSS

10 Retro Video Games Recreated with HTML, JS & CSS

A collection of classic video games that have been recreated with HTML, CSS, and JavaScript. Pac-Man, Super Mario Bros, Sonic, and more.

8 Password Field Forms Built with CSS & JavaScript

8 Password Field Forms Built with CSS & JavaScript

A combination of aesthetically pleasing and functional CSS & JS snippets that range from simple password fields to password generation utilities.

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

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

CSS

Dive into CSS Flexbox with this complete toolbox. Get tutorials, tips, and tools to improve your web design skills and projects.

8 CSS Snippets for Creating Stylish Drop Caps

8 CSS Snippets for Creating Stylish Drop Caps

A collection of eight CSS code snippets for creating elegant, professional and accessible drop caps. Add creative flair to your plain text!

10 CSS & JavaScript Snippets for Creating eCommerce UIs

10 CSS & JavaScript Snippets for Creating eCommerce UIs

There are many free JavaScript and CSS shopping carts available that you can restyle for any type of store. These are some of our favorites.

8 Code Snippets for Creating Animated Paths

8 Code Snippets for Creating Animated Paths

A collection of code snippets for creating animated CSS paths that will allow you to achieve a number of exciting effects.

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

We share a collection of CSS and JavaScript snippets for creating unorthodox container designs that eschew standard layouts.

8 CSS & JavaScript for Creating Animated Backgrounds

8 CSS & JavaScript for Creating Animated Backgrounds

We share a collection of CSS and JavaScript snippets for creating animated backgrounds. They will all add flair to previously-static features.

10 CSS Grid Snippets for Creating Unique Layouts

10 CSS Grid Snippets for Creating Unique Layouts

A collection of ten free CSS grid code snippets for creating some truly creative and experimental web layouts.

8 CSS & JavaScript Snippets That Celebrate Old School Technology

8 CSS & JavaScript Snippets That Celebrate Old School Technology

After reaching a certain age, you’ll find yourself revisiting the technology that was part of your younger life. Suddenly you pine for the VCR or the C64.

8 CSS & JavaScript Snippets for Creating Chat UIs

8 CSS & JavaScript Snippets for Creating Chat UIs

A collection of CSS and JavaScript code snippets for creating modern messaging and chat UIs that your users will love.

8 CSS & JavaScript Snippets for Creating Accordion UIs

8 CSS & JavaScript Snippets for Creating Accordion UIs

A collection of accordion UIs, built with CSS & JavaScript, that showcase what can be achieved with modern coding techniques.

8 CSS & JavaScript Snippets for Stylish Quotes

8 CSS & JavaScript Snippets for Stylish Quotes

Eight compelling CSS & JavaScript snippets to present quotes on your website. There is a style here to fit just about every need.

8 CSS & JavaScript Snippets for Recreating Iconic Titles

8 CSS & JavaScript Snippets for Recreating Iconic Titles

A collection of CSS & JavaScript code snippets that will allow you to recreate popular titles, like Avengers, Frozen, Netflix, and more.

CSS Filter Toolbox – Libraries, Web-Based Apps & Tutorials

CSS Filter Toolbox – Libraries, Web-Based Apps & Tutorials

CSS