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 That Feature Wood Textures

8 CSS & JavaScript Snippets That Feature Wood Textures

A collection of unique CSS and JavaScript snippets for creating wood backgrounds, textures, and components.

The 10 Most Popular Open Source Front-End Web UI Kits

The 10 Most Popular Open Source Front-End Web UI Kits

You can save loads of development time by working with frontend UI kits. To help, we have curated the best open source UI frameworks available.

8 Magical CSS & JavaScript Harry Potter Code Snippets

8 Magical CSS & JavaScript Harry Potter Code Snippets

We share a collection of spell-binding CSS and JavaScript Harry Potter code snippets. Let’s journey into the wonderful world of Hogwarts!

The CSS Practices That Can Hurt Accessibility

The CSS Practices That Can Hurt Accessibility

CSS

We take a look at a few CSS practices that can hurt accessibility, including common features that will require careful consideration.

10 Popular Web Typography Frameworks & Libraries

10 Popular Web Typography Frameworks & Libraries

There was a time when web typography was simply a matter of putting a few fonts together. Modern web design has now evolved to the point where we expect the…

10 JavaScript & CSS Frameworks for HTML Forms

10 JavaScript & CSS Frameworks for HTML Forms

We have free tools, frameworks, and libraries for improving HTML forms, such as adding validation, input masks, and other visual guides.

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…

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.

The 10 Best SVG Filter Resources & Tutorials

The 10 Best SVG Filter Resources & Tutorials

CSS