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.

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.

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

If you write many coding articles or need to add code onto your landing page, then these free CSS and JS code snippets are what you need.

10 Free CSS & JavaScript Onboarding User Interfaces

10 Free CSS & JavaScript Onboarding User Interfaces

We have an amazing collection of free CSS and JavaScript onboarding UI snippets that offer plenty of inspirational ideas and solutions.

12 Modal Window Libraries & Plugins For Your Site

12 Modal Window Libraries & Plugins For Your Site