Fluid Width Video | CSS-Tricks
IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video
CSS loading spinners
Create a simple animated loading spinner with just a few lines of CSS.
51 CSS Background Patterns
Collection of hand-picked HTML and CSS background pattern code examples. Update of February 2019 collection. 11 new items.
1 element card background patterns (see description)
Pure CSS, simple and compact method, no SVG, no images other than CSS gradients. Uses the `mask` compositing technique I described in so much detail in...
ffoodd/a11y.css
This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an ext...
alpinejs/alpine
A rugged, minimal framework for composing JavaScript behavior in your markup. - alpinejs/alpine
Open WordPress Post in Modal Without Plugin - Allure Web Solutions
Search no more! We have the coolest, cross-browser compatible, modal functionality ever
Babc
You can download here this beautiful seamless Babc tartan pattern. It's available both as an svg file or in a PNG format.
Accessible Offcanvas
Paged.js — Paged.js
The home of paged.js, the library to turn HTML into PDF
Why the GOV.UK Design System team changed the input type for numbers
We take a look at why the GOV.UK Design System changed the element it uses for inputting numbers, making it more accessible and easier to use
Masked & Layered Linear Gradients
Starting a design system in a start-up
A guide to how we designed and built our design system in 8 steps
HTML: The Inaccessible Parts
A11y Dialog
Custom Tooltips
Creating A Blog With Eleventy
This article covers creating a blog from scratch using the static site generator Eleventy (aka 11ty). Eleventy keeps things simple and as you’ll see, enables you to very quickly create a fully functional site.
Google’s new treatment of nofollow links has arrived
Here’s what you need to be aware of as Google begins viewing nofollow links as a hint for crawling and indexing.
Where Does SEO Belong In Your Web Design Process?
The word “SEO” holds a lot of weight. We know how critical it is to the success of a website and, yet, it often becomes one of those things that’s left until the very end of a web design project to deal with.
ghosh/microtip
💬 Minimal, accessible, ultra lightweight css tooltip library. Just 1kb. - ghosh/microtip
ghosh/Micromodal
⭕ Tiny javascript library for creating accessible modal dialogs - ghosh/Micromodal
5 Common Web App Accessibility Issues And How To Fix Them
PDF File 508 Checklist (WCAG 2.0 Refresh)
PDF File 508 Checklist
nickdeny/darkmode-js
DarkModeJS helps you to auto detect user's time and switch theme to darkside - nickdeny/darkmode-js
Mort Modern, a typeface in 56 styles
Meet Mortimer Leach. Mortimer was a lettering artist. Mort Modern is a typeface inspired by his work.
The Power of Titles
A few Mr. Obvious facts about titling and how they affect people.
Responsive Designs and CSS Custom Properties: Building a Flexible Grid System | CSS-Tricks
Last time, we looked at a few possible approaches for declaring and using CSS custom properties in responsive designs. In this article, we’ll take a
WordPress Website Audit Checklist
Quickly audit your WordPress website. A helpful checklist to audit your website for formatting, WordPress specific optimization, accessibility, performance, and security. Best used before a launch or on a monthly basis.
How can I retrieve a list of a Wordpress page's sibling pages?
I am trying to create a list of sibling pages (not posts) in WordPress to populate a page's sidebar. The code I've written successfully returns a page's parent's title. <?php $parent_title =
WordPress conditional function to check if a page is a parent/child/ancestor. In other words, if the page is within a tree of another page, show the code. Other code I've seen either only work with IDs, only check if it's a child, or detect all subpages (even outside of the direct tree).
WordPress conditional function to check if a page is a parent/child/ancestor. In other words, if the page is within a tree of another page, show the code. Other code I've seen either only work...