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 Code Snippets for Creating Amazing Patterns with CSS

8 Code Snippets for Creating Amazing Patterns with CSS

Patterns are among the most flexible design assets. They can be the star of the show or fit neatly into the background. As such, they can also range from minimal…

10 CSS & JavaScript Snippets for Creating Drag-and-Drop UIs

10 CSS & JavaScript Snippets for Creating Drag-and-Drop UIs

We share ten CSS and JavaScript code snippets for implementing drag-and-drop interfaces that you can use on your own web projects.

8 CSS Snippets for Creative Hyperlink Hover Effects

8 CSS Snippets for Creative Hyperlink Hover Effects

A collection of code snippets for creating stunning hyperlink styles that can also provide greater context and fit into your overall branding.

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.

CSS Snippets for Creating Responsive HTML Tables

CSS Snippets for Creating Responsive HTML Tables

There are techniques we can use to make HTML tables more mobile-friendly. We explore a few approaches you can take to make data accessible on all screens.

8 CSS & JavaScript Snippets for Creating Beautiful Bokeh Effects

8 CSS & JavaScript Snippets for Creating Beautiful Bokeh Effects

Bokeh has long been a celebrated photographic style. In simplistic terms, it features a primary focus on a subject and a gently blurred background. The technique is both beautiful and…

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 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 Building Mega Menus

8 CSS & JavaScript Snippets for Building Mega Menus

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

8 CSS & JavaScript Snippets for Creating eCommerce Microinteractions

8 CSS & JavaScript Snippets for Creating eCommerce Microinteractions

A collection of code snippets for adding simple microinteractions to your eCommerce store. Improve the UX of your online store!

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 Content Excerpts

7 CSS Snippets for Creating Content Excerpts