Delicious

A combination of CSS variables and calc() to empower your frontend templating.

Create compelling grid patterns by harnessing specificity.

Jen Simmons has been coining the term intrinsic design, referring to a new era in web layout where the sizing of content has gone beyond fluid columns and

The free tool for creating updatable and sharable brand style guides. Perfect for your logos, fonts, colors, and more all in one place. Share your guides with clients or employees. Made with designers, developers, and agencies in mind.

Solve accessibility issues before they reach your customers.

This used to be the color scheme for Envoy’s web dashboard.

...

...

The methods for white-boarding algorithm questions serve us quite well when writing CSS algorithms. This post is a written portion of the second half of version 1 of the Algorithms of CSS.

These are 3 steps to add a WooCommerce cart icon with the cart count to your theme. The number of items will be updated automatically as items are add

By mapping the current scroll offset to an attribute on the html element we can style elements on the page based on the current scroll position. We can use this to build, for example, a floating navigation component.

Out of the box, WordPress search results include matches from any Custom Post Types that may be enabled via the theme template. For example, at...

WordPress security should be a top priority for site owners. Why? Because there are up to 90,000 attacks on WordPress sites every minute. Learn how to harden your site and prevent attacks in this comprehensive guide.

Build static websites with automated build processes, a local development server, production minification and optimizations, and the latest standards.

Getting into progressive CSS rendering with WordPress: easier than you’re expecting.

Last year, while working at Mud , I worked on the CSS on a site for Warner Brothers Leavesden Park studios . A large part of my…

My fantabulous Nuxt.js project

Rik Schennink documents a system for being able to write CSS selectors that style a page when it has scrolled to a certain point. If you're like me,

In this Smashing TV webinar, join us with Léonie Watson as she explores the web alongside some unexpected properties of HTML elements that have a huge impact on accessibility and performance.

This page is part of the plugin documentation for the Date Pagination plugin. Here you'll find examples about how to use this plugin in your theme. The loop with pre_get_posts The loop with a custom Q…

Genesis Page Archive Template Showing Posts By Year - Press Avenue

Genesis Page Template displaying posts by year. Inspired by Alex Sexton's blog archives: https://alexsexton.com/blog/archives/ and built using code modified from Joe Mar Aparecio: http://www.jo...

WWhen inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. This article will help you understand how to overcome these limitations using CSS variables — and how you can start building with Container Units.

What is fragmentation, why might you want to use it, and what is the current state of browser support? Rachel Andrew has the answers.

CSS has a neat feature that allows us to test if the browser supports a particular property or property:value combination before applying a block of

Simple tool to find, customize and generate common SVG icons for your project

A curated collection of web accessibility tips, tricks, and best practices

The simplest free web video player without branding and quality loss, which loads 2x faster than others and support HQ previews.