Delicious

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.

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

...

...

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.

(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.

A lot of people are confused about what JAMstack is. The acronym stands for JavaScript, APIs, and Markup, but truly, JAMstack doesn’t have to include all

Point & click on the data you want to create your custom API. Our smart selectors retrieve data on all similar pages and are resilient to website updates.

Bypass links blurb. This will pulled into both homepage and component page.

While working on the site's 24th redesign, my goal was to simplify the UI as much as possible. As much as I enjoy lots of cool effects, I wanted the new...

Concise is a lightweight front-end framework that provides a number of great features without the bloat.

SVG Backgrounds hosts a collection of customizable SVG-based repeating patterns and backgrounds for websites and blogs.

...

The web is for everyone. That includes web apps built on web architecture. If you haven't heard the word accessibility mentioned in the last couple of years, you may have been living under a rock.

Frend components are modest and dependency-free. They are built with web standards as a priority and aim to avoid assumptions about tooling or environment.

This post covers the loading attribute and how it can be used to control the loading of images and iframes.

This blog post is an illustrated guide to regex and aims to provide agentle introduction for people who never have fiddled with regex, wantto, but are kind of intimidated by the whole thing.

Documenting everything through the journey of learning web accessibility.

surround_img_tags_with_figure.php · GitHub

As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page

This article covers designing and developing a Weather App webpage using Responsive Web Design (RWD) techniques.

Introducing Eleventy, the simplest and most intuitive static site generator. With Eleventy, you can build data-driven sites quickly and…