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.

The 10 Best SVG Filter Resources & Tutorials

The 10 Best SVG Filter Resources & Tutorials

CSS

A collection of the most useful SVG filter resources and tutorials you can use on your projects and designs today.

30 Simple Responsive Navigation Solutions & Tutorials

30 Simple Responsive Navigation Solutions & Tutorials

JavaScript plugins and CSS solutions to help you find the responsive navigation solution that best suits the website you’re currently working on.

Code Snippets That Demonstrate the Repelling Effect in Web Design

Code Snippets That Demonstrate the Repelling Effect in Web Design

A collection of inspiring examples, complete with code snippets, to showcase the beauty and intrigue of the repelling effect in web design.

9 Free Progress Bar JavaScript Plugins For Web Designers

9 Free Progress Bar JavaScript Plugins For Web Designers

With these free JavaScript plugins, you can redesign your progress bars beautifully, and also add many useful features and custom animations.

The Good & Bad CSS Practices for Beginners

The Good & Bad CSS Practices for Beginners

CSS

Learn about some of the most common pitfalls when writing CSS and how to avoid them for cleaner, more efficient code.

Getting Started With CSS Flexbox Using Practical Examples

Getting Started With CSS Flexbox Using Practical Examples

CSS

Learn the basics, understand the syntax, and dive into the advanced techniques for creating flexible layouts with flexbox.

10 CSS Snippets for Creating a Material Design UI

10 CSS Snippets for Creating a Material Design UI

We touched on Material Design a few months ago (Material Design GUI kits, you should check them out!) just as Google’s innovative visual language began building up a head of…

9 Simple CSS & JS Snippets for Creating Beautiful Tabs

9 Simple CSS & JS Snippets for Creating Beautiful Tabs

If you are building a tabbed widget you could start from scratch, or you could use one of the CSS & JavaScript code snippets we have here.

Bootstrap Turns 10: A Look at Its Impact on the Web

Bootstrap Turns 10: A Look at Its Impact on the Web

With a decade under its belt, we take a look at the overall impact Bootstrap has had on the web. A blessing, curse, or somewhere in-between?

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

8 CSS & JavaScript Code Snippets for Creating Realistic Animation

A collection of CSS and JavaScript code snippets that bring an element of realism to web animation. Full-on recreations to real-world effects.

8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

8 CSS and JavaScript Code Snippets Celebrating Our Feline Friends

Because cats are so universally loved, they make a great subject for CSS & JavaScript code demonstrations. You will love this fantastic collection of snippets!

10 CSS & JavaScript Snippets for Beautiful Syntax Highlighting

10 CSS & JavaScript Snippets for Beautiful Syntax Highlighting