Read this page on the Filament Group website

Email Love is a new online resource curating the best email designs, templates and tools.

A sensible Webpack 4 boilerplate. Contribute to taniarascia/webpack-boilerplate development by creating an account on GitHub.

Write accessible tabs with minimal markup. Contribute to jonathantneal/posthtml-aria-tabs development by creating an account on GitHub.

Tabs in browsers (not *browser tabs*) are one of the oldest custom UI elements in a browser that I can think of. They've been done to death. But, sadly, the majority of times I come across them, the tabs have been badly, or rather *partially* implemented. So this post is my definition of how a tabbing system should work, and *one* approach of implementing that.

The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the

There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android.

Preview maskable icons in the browser!

UW 2014 "Boundless" Wordpress theme. Contribute to uweb/uw-2014 development by creating an account on GitHub.

I recently published an article on animating variable fonts with the help of the Javascript library Splitting.js. A few people asked about…

A step-by-step guide on moving the default WYSIWYG content to your theme Advanced Custom Fields with descriptions and code samples.

Create an accessible navigation bar that works on mobile, desktop, and everything in between - mvsde/a11y-navigation

...

A11y-101 is an introductin to web accessibility. We'll have a look at accessibility from a designer's and a developer's point of view.

Hides the site header on scroll down, reinstates on scroll up, while producing zero visual jank....

...

Im using http://foundation.zurb.com/sites/docs/accordion-menu.html But the root folder only open/close. Im looking for an idea where the text on the root is a link and the arrow open/close the folder

Search and discover, create and get inspired by thousands of design and color combination examples from our vast visual inventory.

The Embedded Image Preview (EIP) technique introduced in this article allows us to load preview images during lazy loading using progressive JPEGs, Ajax and HTTP range requests without having to transfer additional data.

One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This

Here’s two tutorials on using these query arguments: Customizing the WordPress Query – using pre_get_posts for the main query Custom WordPress Queries – For generating custom queries

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!

(WordPress Tips) How to create a custom WordPress mega menu. Keep up-to-date with the latest WordPress trends, tips and tricks with Slicejack

I built a massive mega menu for a client in WordPress, from scratch, without using a plugin. I explain everything, step-by-step, and provide all my code.

Signs & Symptoms Articles

simpleParallax is a simple and tiny JavaScript library which adds parallax animations on any images.