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.

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

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

CSS / JavaScript / UI Design

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

CSS / JavaScript / UI Design

A collection of the best free plugins, libraries, and frameworks for creating modal windows. Varied features and styles to choose from.

10 CSS Snippets for Creating Simple Bar Graphs

10 CSS Snippets for Creating Simple Bar Graphs

CSS / UI Design

If you are looking for a simple way to create bar graphs, this collection of free and open-source HTML & CSS bar charts is for you.

10 Code Snippets For Creating Animated Headers & Video Backgrounds

10 Code Snippets For Creating Animated Headers & Video Backgrounds

CSS / UI Design

All of these animated backgrounds offer different styles, but if you know what you’re looking for, there’s a snippet here for you.

10 Free CSS & JS Notification Alert Code Snippets

10 Free CSS & JS Notification Alert Code Snippets

CSS / JavaScript / UI Design

We’ve curated the CSS & JavaScript source code of our favorite notification messages, dialog boxes and alert windows. All free and offer plenty of options.

12 Stunning Retro Neon Effects in Web Design

12 Stunning Retro Neon Effects in Web Design

CSS / UI Design / Web Design

Evolved from the Geissler tube, the neon sign was a characteristic trait of America from the 1920s to the ’60s. It has marked several decades and created its own distinct…

How Modernizr Can Help You Implement CSS Fallbacks

How Modernizr Can Help You Implement CSS Fallbacks

CSS / JavaScript
Previous Page7891011Next Page