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 Coded Animated Scenes for Halloween Design Inspiration

10 Coded Animated Scenes for Halloween Design Inspiration

If you have been hunting around for some Halloween design ideas and inspiration, we have created a collection of animated scenes to help you out. Some of them may give…

Show Me Emoji: Iconic Code Snippets

Show Me Emoji: Iconic Code Snippets

We showcase some of the more interesting and fun emoji examples. They use simple CSS and clever animation to brings them to life beautifully.

10 Stunning 3D Projects Built Entirely With CSS & JavaScript

10 Stunning 3D Projects Built Entirely With CSS & JavaScript

CSS

The web has come a long way from dial-up Internet and GeoCities pages. Websites are now fully responsive and accessible from touchscreen devices. But modern browsers have taken things even…

An Hilarious Collection of CSS Puns & Jokes

An Hilarious Collection of CSS Puns & Jokes

Most web design languages tend to be quite sober. We can’t help that; we’re very serious about what we do. HTML. PHP. JavaScript. Not even a little smile from them….

Amazing Collection of CSS & JavaScript Calculators

Amazing Collection of CSS & JavaScript Calculators

We have a collection of code snippets that calculate all sorts of things. Not only are they useful, but also demonstrate the power of both CSS and JavaScript.

8 CSS & JavaScript Snippets for Recreating Music Legends

8 CSS & JavaScript Snippets for Recreating Music Legends

The biggest inspiration for artists is often the art they consume. What we see and hear has an undeniable impact on the things that we ourselves produce. Web designers are…

8 Caffeine-Powered CSS and JavaScript Snippets

8 Caffeine-Powered CSS and JavaScript Snippets

Caffeinated beverages have always helped web designers power through projects and, ironically, they can also fuel the learning process, as these snippets demonstrate.

8 Animated CSS & JavaScript Code Snippets That Celebrate Summer

8 Animated CSS & JavaScript Code Snippets That Celebrate Summer

There’s a reason why so many of us look forward to summer. It provides an opportunity to get outdoors and away from our desks. Then there’s the chance to spend…

The Silly Side of Code Snippets

The Silly Side of Code Snippets

Sometimes the daily grind of web design can make us take things a little too seriously. While that’s good for getting things done, it can also drain us of the…

10 Code Snippets for Creating Masonry Grid Layouts

10 Code Snippets for Creating Masonry Grid Layouts

We have ten free open source snippets for creating custom masonry grid layouts. Easy to copy, easy to edit, and perfect for all web designers and developers.

Code as an Ode to Hackers

Code as an Ode to Hackers

Over the last 40 years or so, it seems that society has become fascinated by the art hacking.  Of course, the nefarious kind is always of concern when it comes…

Boom! Examining Explosions in Web Design

Boom! Examining Explosions in Web Design