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 Reflection & Refraction Effects

8 CSS & JavaScript Snippets for Reflection & Refraction Effects

CSS / JavaScript / UI Design

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 Code Snippets for Responsive Text Techniques

10 CSS Code Snippets for Responsive Text Techniques

CSS / UI Design

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

CSS / UI Design

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

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

8 CSS & JavaScript Snippets for Creating Realistic Liquid Effects

CSS / JavaScript / UI Design

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

Fun Examples of SVG Shape Usage in Web Design

Fun Examples of SVG Shape Usage in Web Design

CSS / UI Design

Learn how SVG shapes can enhance web design, offering scalable, responsive, and visually appealing elements for modern websites.

8 CSS & JavaScript Snippets for Creating Polygons

8 CSS & JavaScript Snippets for Creating Polygons

CSS / JavaScript / UI Design

We’ve collected some stunning examples of what polygons can do when leveraging the power of CSS and JavaScript.

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats

8 Tasty CSS & JavaScript Snippets for Recreating Sweet Treats

CSS / JavaScript / UI Design

A sweet collection of CSS & JavaScript snippets for recreating some of your favorite candies, baked goods, or even soft drinks.

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

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

CSS / UI Design

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

How CSS Variables Can Improve Efficiency & Consistency

How CSS Variables Can Improve Efficiency & Consistency

CSS / UI Design

Learn how CSS variables can improve efficiency and consistency in your projects, allowing for easier maintenance and streamlined updates.

8 CSS Snippets for Creative Hyperlink Hover Effects

8 CSS Snippets for Creative Hyperlink Hover Effects

CSS / JavaScript / UI Design

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

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

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

CSS / WordPress

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

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

CSS / JavaScript / UI Design
Previous Page678910Next Page