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.

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

There are many ways to grab the audience’s attention. We are spoiled with choice, even though the current state of technologies is still imperfect. We are experiencing some browser compatibility…

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

Styleguide Toolbox – Templates, UI Kits, Tools & Generators

CSS

A consistent style is vital to brand recognition, readability and looks more professional. We’ve many free templates, UI kits, and tools to create your own.

10 Examples of High-End Artwork Recreated with Code

10 Examples of High-End Artwork Recreated with Code

They say that code is poetry. While that may be the case, code can also be used as a building block for other artforms as well. Combining code with more…

10 Free Material Design Web Frameworks Worth Considering

10 Free Material Design Web Frameworks Worth Considering

CSS

We have collected the best free web design frameworks that will allow you to quickly create your next Material Design styled web and mobile app project.

Code Snippets That Pay Homage to Apple Devices

Code Snippets That Pay Homage to Apple Devices

As much as we associate Apple with its handheld devices these days, their history is filled with a great depth of other compelling products. Desktops, laptops, even printers and monitors….

10 Examples of Generating Randomness with Code

10 Examples of Generating Randomness with Code