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.

Code Snippets That Demonstrate the Repelling Effect in Web Design

Code Snippets That Demonstrate the Repelling Effect in Web Design

CSS / JavaScript / UI Design / Web Design

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

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

CSS / JavaScript / UI Design

Nature has been a source of design inspiration since the beginning of time. Its beauty touches everything from the clothes we wear to the gadgets we use. So, it’s not…

Better Responsive Design With CSS clamp()

Better Responsive Design With CSS clamp()

CSS / Web Design

With so many mobile devices on the market, we’re flooded with viewport sizes. That makes it especially challenging to design a fully-responsive website. CSS media queries have long been the…

9 Free Progress Bar JavaScript Plugins For Web Designers

9 Free Progress Bar JavaScript Plugins For Web Designers

CSS / JavaScript / UI Design

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

CSS / UI Design

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

CSS / UI Design

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

Bootstrap / CSS

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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design
Previous Page1112131415Next Page