lllustrations have been dominating website design for a while. So, we have collected the best free avatar and character creator apps for you.

Find out who can use your color combination. Whocanuse is a tool that brings attention and understanding to how color contrast can affect different people that have visual impairments.

I find myself web searching for some tool by Yoksel at least every month. I figured I'd list out some of my favorites here in case you aren't aware of

The Open source Headless CMS Front-End Developers love. Manage your content. Distribute it anywhere.

Simple example workflow for integrating design tokens into your build process. - MindSculpt/design-tokens

Large set of opensource illustrations

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.

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

A really common design pattern I see come up a lot are those angled blocks of colour in the bottom of containers, you’ve probably come…

I’m a front-end developer who is passionate about building inclusive web experiences. Currently I’m teaching what I know about HTML, CSS, & JavaScript on YouTube.

In this post, we’re going to use CSS superpowers to create a visual effect where two elements overlap and weave together. The epiphany for this design

Easy to digest browser details to help you with QA and tech support

Terrabites sesame squares are made of premium, natural ingredients in a range of delicious new flavours.

Free, open-source, full-featured Markdown editor.

The world of web development has always had a gap between the design-to-development handoff. Ambitious designers want the final result of their effort to

Using the flickr API, jQuery, AJAX, Masonry, and featherlight lightbox lib.

I recently had to craft a newspaper-like design that featured multiple row and column spans with divider lines in between them. Take a look at the mockup

I started this year on a new path at Knowbility — to help people and organizations create accessible content and apps. But what was exciting and helped

Glide turns spreadsheets into beautiful, easy-to-use apps, without code. Pick a spreadsheet or start with a template, customize your app, then share it instantly with anyone. Start today for free!

In these two videos (a webinar recorded for our Smashing Members and a presentation from SmashingConf Freiburg), you can discover all the tips and tricks you need to help you design HTML emails. Follow along as Rémi Parmentier shares what he knows about taming email clients.

A faster youtube embed. Contribute to paulirish/lite-youtube-embed development by creating an account on GitHub.

An 11ty starter kit designed to help you add rich features to a site without a complicated build process.

An interactive presentation on masking techniques originally created for a Creative Front-end Belgium meetup hosted by Reed.

In UI/UX, a common pattern that’s needed time and again is that of a simple animated opening and closing panel, or 'drawer'. You don’t need a library to make these. With some basic HTML/CSS and JavaScript, we’re going to learn how to do it ourselves.

I don’t remember exactly when it happened but about a year ago WordPress introduced a prefix at the front of WordPress archive titles. This prefix is designed to give context to archives.

I have a div with this css class: .pos { -webkit-filter: brightness(0.5); -moz-filter: britghtness(0.5); -o-filter: brightness(0.5); -ms-filter: brightness(0.5); filter: bright...

A highly-flexible variable font for design, code, and UI.

Author: Ed Spencer, Article: Migrating from WordPress to Eleventy