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 CSS Snippets for Creating Bento Grid Layouts

8 CSS Snippets for Creating Bento Grid Layouts

Dive into CSS bento grid layouts. A collection of CSS flexbox and grid code snippets, and examples for enhancing your web development skills.

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

The simple act of light reflecting off of or refracting through a surface can produce stunning visuals. We see it every day in the physical world. It might be the…

10 CSS Snippets for Creating Loading Spinners

10 CSS Snippets for Creating Loading Spinners

Whether designing an Ajax-powered app or wanting to add a fun preloader to your website, these CSS spinner snippets are just what you need.

10 CSS Code Snippets for Responsive Text Techniques

10 CSS Code Snippets for Responsive Text Techniques

We take a look at a number of different approaches you can take to implement responsive text into your web design layouts.

8 CSS Grid Snippets for Creating Common Website Layouts

8 CSS Grid Snippets for Creating Common Website Layouts

A collection of common website layout concepts built using CSS grid. Each one demonstrates how they can make life easier for web designers.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

A collection of liquid effects CSS & JavaScript snippets that are incredibly realistic, while others are reminiscent of a sci-fi fantasy.

25 Lightweight & Minimalist CSS Frameworks Worth Considering

25 Lightweight & Minimalist CSS Frameworks Worth Considering

CSS

A collection of lightweight and responsive CSS frameworks that provide everything you need to get started on your next web project quickly.

8 CSS & JavaScript Snippets for Bokeh Effects

8 CSS & JavaScript Snippets for Bokeh Effects

Enhance your website’s look with these CSS and JavaScript snippets for creating eye-catching bokeh effects. Perfect for adding visual flair.

8 CSS & JavaScript Snippets for Animating Words

8 CSS & JavaScript Snippets for Animating Words

Explore a collection of CSS and JavaScript code snippets for creating eye-catching animated typographic effects.

8 CSS & JavaScript Snippets for Creating Blur Effects

8 CSS & JavaScript Snippets for Creating Blur Effects

We share some excellent examples of CSS & JavaScript blur effects. They are a surefire way of making a design element stand out.

8 CSS & JavaScript Snippets for Creative Audio & Video Players

8 CSS & JavaScript Snippets for Creative Audio & Video Players

A collection of CSS & JavaScript code snippets for creating incredible HTML5 audio and video players. Feel free to experiment with the source code.

8 CSS & JavaScript Snippets for Creating Gamification Badges

8 CSS & JavaScript Snippets for Creating Gamification Badges

Covering a variety of styles and levels of complexity, we have an amazing collection of gamification badges that have all been built using HTML and CSS.

Many Plugins, Many Styles: Creating a Consistent User Experience with WordPress

Many Plugins, Many Styles: Creating a Consistent User Experience with WordPress

We share techniques for keeping the often opinionated CSS of an installed WordPress plugin from disrupting the UX of your site.

8 CSS & JavaScript Snippets for Creating Paginated Navigations

8 CSS & JavaScript Snippets for Creating Paginated Navigations

We share some highly creative CSS and JavaScript code snippets that you can use for free to improve the pagination on your own website.

8 CSS & JavaScript Snippets for Card UI Hover Effects

8 CSS & JavaScript Snippets for Card UI Hover Effects

From bold transformations to simple highlights, we share some fantastic CSS & JavaScript card UI hover effect snippets.

10 CSS Snippets for Creating Responsive Pricing Tables

10 CSS Snippets for Creating Responsive Pricing Tables

A collection of snippets for creating responsive pricing tables. You can further customize the CSS or reuse the code as a template.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables