Delicious

SassMeister is a playground for Sass. Add some Sass and SassMeister will show you the rendered CSS.

A few years ago I didn’t know what the term “accessibility” meant. I built Web sites that were partially inaccessible because I didn’t know better. Fast forward to today, I know enough to be able to write, speak and run workshops on accessibility, helping others build more a accessible and inclusive Web. Much like everyone …

This beautifully designed collection of free invoice templates - Word, Excel, Photoshop PSD & InDesign - are all easy to edit, use and repurpose.

Find your perfect color using our online image color picker. Click on the image to get color in HEX, RGB, HSL and CMYK format. You can upload your own image file or put image URL.

A Vue/Nuxt frontend boiler plate optimzed to work with the Stackhaus-Backend WordPress theme. - funkhaus/stackhaus

My name is Dan Davies, an experienced and highly skilled web designer and front-end developer from Flintshire, North Wales and currently working in Cheshire. Specialising in Web Design, WordPress, HTML, CSS3 and Sass, I build responsive websites that incorporate modern, clean code and am a big advocate of the content first approach. I have worked for some large digital agencies and with some very well known brands.

Julie Grundy kicks off this, our fifteenth year, by diving headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and customised yourself. But can it be done while staying accessible to every user?

It's almost 2020 but ads are still not responsive, they still block the natural render flow, they trigger z-index wars and on top of that some of them steal your secrets. This is about how to deal with them without losing your sanity.

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