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.

Fun Examples of SVG Shape Usage in Web Design

Fun Examples of SVG Shape Usage in Web Design

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

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

8 Beautiful Nature Inspired CSS & JavaScript Code Snippets

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…

A Long Time Ago: Code Snippets Inspired by Star Wars

A Long Time Ago: Code Snippets Inspired by Star Wars

A collection of Star Wars-inspired code snippets, including characters, quotes, games, and even the opening crawl. May the 4th be with you!

Nostalgic Code Snippets That Bring Back the 1990s

Nostalgic Code Snippets That Bring Back the 1990s

I’m not ashamed to admit that I came of age during the 90s. It’s also when my design career started. So sometimes I find it rejuvenating (and somewhat amusing) to…

Better Responsive Design With CSS clamp()

Better Responsive Design With CSS clamp()

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…

8 CSS & JavaScript Snippets That Celebrate Spring

8 CSS & JavaScript Snippets That Celebrate Spring

A collection of CSS and JavaScript snippets that celebrate spring. Plenty of pastels, flowers, and chicks, and some amazing coding skills too.

8 Virtual Winter Wonderlands Created with CSS & JavaScript

8 Virtual Winter Wonderlands Created with CSS & JavaScript

We share an outstanding collection of winter-themed CSS and JavaScript code snippets. Bundle up and check out these creative & fun examples!

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!

CSS Flexbox Toolbox – Learning Guides, Web-Based Tools & Frameworks

CSS Flexbox Toolbox – Learning Guides, Web-Based Tools & Frameworks

CSS

Dive into CSS Flexbox with this complete toolbox. Get tutorials, tips, and tools to improve your web design skills and projects.

Better Design & Testing for Mobile Viewport Madness

Better Design & Testing for Mobile Viewport Madness

We discuss the common pitfalls of mobile testing and share some tips for making your designs look great on every screen.

CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials

CSS Animation Toolbox – Libraries, Tools, Snippets & Tutorials

CSS

An extensive collection of libraries, frameworks, web-based tools, cheatsheets, and tutorials to help you better create and understand CSS animation.

Get into the Halloween Spirit with These Spooky Snippets

Get into the Halloween Spirit with These Spooky Snippets