Delicious

When designing for accessibility, there are six key areas of disability to consider: visual, hearing, mobility, cognition, speech and neural.

Minimum HTML/CSS/JS for creating Heydon Pickering & Andy Bell's Every Layouts. - aprietof/every-layout

CSS has a whole lot of power. There are properties and values for any number of amazing designs. With all that power comes a lot to remember. If you don't know about all the tools in your toolbox, how will you find the right one for the job? In this post, we'll take a look at three lesser-used, but super useful tools for various jobs in CSS.

Rob Weychert reaches for the top notes to sing us a song of typographic scale. A little attention to scale and to the mathematics will help you to hit a high note with your designs this Christmas and beyond.

CSS layouts and patterns

Guidance for developers who wish to implement BBC GEL component patterns in ways that follow all BBC accessibility standards.

Royalty Free Stock Photos and Images .eps detail #452955607 - Stingray lines logo. Diving club emblem. | Author: indra-east | Hqstockphotos.com

Potra is a futuristic display font with rounded lines designed by Alejo Bergmann. It contains all caps letters, numerals and symbols. This font perfectly suites for variety display purposes, including logotypes, badges and labels, headlines and banners, p…

Paralines is a free font with a retrofuturistic vibe to it. Inspiration for this came from both modern day fonts and retro design in the past. Feel free to use this in any of your projects, link me when you use it would love to see it in use! I had a lot …

Argon is a unique typeface with a sporty, modern, adventurous edge.Each letter is a solved three line thick puzzle that took me many months to put together. Hopefully you enjoy the result!If you're interested in making the most out of Argon, please ge…

Free download of LIBRARY 3 AM Font Family with 2 styles. Released in 2018 by Igor Kosinsky and licensed for personal and commercial-use

Skipping servers and using the JAMstack to build and deliver websites and apps can save time, money, and headache by allowing us to deliver only static assets on a CDN. But the trade-off of ditching traditional server-based deployments means that standard approaches to dynamic, asynchronous interactions in our sites and apps aren’t available anymore. Does that mean that JAMstack sites can’t handle dynamic interactions? Definitely not! JAMstack sites are great for creating highly dynamic, asynchronous interactions. With some small adjustments to how we think about our code, we can create fun...

A curated list of awesome framework-agnostic standalone web components - davatron5000/awesome-standalones

How we are using Git, Markdown, CSS and Marked to create proposals more quickly.

I'm using the WordPress gallery to display a thumbnail group of images. I want to be able to use jQuery in order to add data-fancybox="whatever" immediately after the <a> tag like this: <a

A hero image that uses height: 100vh to cover the entire screen for a magazine cover effect. When scrolled, it has a subtle animation similar to openin...

Recreation of a print layout from The Intelligent Lifestyle Magazine book using CSS Grid....

...

Generate colors based on a desired contrast ratio.

With the Power of CSS Variables

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

Michelle Barker appears as one of a heavenly host, coming forth with scroll in hand to pronounce an end to janky scrolljacking! Unto us a new specification is born, in the city of TimBL, and its name shall be called Scroll Snap.

I recently attended the ARTIFACT conference in Austin, TX, and was inspired by a few talks about accessibility through the lens of site performance. It became clear to me that there is this tendenc…

position: sticky works on some mobile browsers now, so you can make a menu bar scroll with the page but then stick to the top of the viewport whenever the user scrolls past it. But what if you wan...

...