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 & JavaScript Snippets for Icon-Based Navigations

8 CSS & JavaScript Snippets for Icon-Based Navigations

We share a collection of unique CSS and JavaScript code snippets that you can freely use to create icon-based website navigations.

An Introduction to CSS Grid

An Introduction to CSS Grid

CSS

If you’re looking to learn more about CSS Grid, we provide a rundown of what you need to know, along with some helpful resources and tools.

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

8 CSS Grid & Flexbox Snippets for Creating Magazine Layouts

We share a collection of exciting CSS snippets for creating magazine web page layouts using both CSS flexbox and grid.

8 CSS & JavaScript Snippets for Lighting & Shading Effects

8 CSS & JavaScript Snippets for Lighting & Shading Effects

A collection of lighting and shading effect CSS & JavaScript snippets for recreating the incredible effects we see in modern video games.

8 Black & White CSS & JavaScript Snippets That Make a Bold Statement

8 Black & White CSS & JavaScript Snippets That Make a Bold Statement

Find inspiration from this collection of B&W CSS and JavaScript code snippets. Eye-catching animation, typography, and other bold elements.

8 CSS & JavaScript Snippets for Creating Mega Menus

8 CSS & JavaScript Snippets for Creating Mega Menus

A collection of CSS & JavaScript snippets for building mega menus. Everything from simple, text-based navigation to richly-styled UIs.

8 CSS & JS Snippets for Creating Pixelated Backgrounds

8 CSS & JS Snippets for Creating Pixelated Backgrounds

A collection of CSS and JavaScript snippets for creating unique pixelated backgrounds. They will all add an element of fun to your layout.

7 CSS Snippets for Creating Stylish Content Excerpts

7 CSS Snippets for Creating Stylish Content Excerpts

A curated collection of CSS (and some JavaScript) snippets for improving the appearance and functionality of content excerpts.

8 CSS & JavaScript Snippets for Creating Onboarding Carousels

8 CSS & JavaScript Snippets for Creating Onboarding Carousels

A collection of CSS and JavaScript code snippets gives you a solid base for creating your own user-friendly onboarding user interface.

10 CSS & JavaScript Snippets for Interactive Skeuomorphic UIs

10 CSS & JavaScript Snippets for Interactive Skeuomorphic UIs

What is really impressive about skeuomorphic design is that when paired with CSS & JS, you achieve a new level of interactivity.

10 CSS & JavaScript Snippets for Creating Responsive Navigations

10 CSS & JavaScript Snippets for Creating Responsive Navigations

These responsive CSS navigation examples are free to edit and use on your own projects. We have a menu type for all types of websites.

10 CSS & JavaScript Snippets for Text Distortion Effects

10 CSS & JavaScript Snippets for Text Distortion Effects