Delicious

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

A basic starter template for Eleventy blogs, with added support for webmentions. - maxboeck/eleventy-webmentions

With Eleventy, consuming data coming from a GraphQL API to generate static pages is as easy as using Markdown files.

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

Most Modern Mobile Touch Slider

This jQuery plugin will provide you an accessible carrousel system using ARIA.

This script will transform some Hx/contents into an accessible carrousel, using ARIA

Drew McLellan draws this, our fourteenth season to a gentle close by getting a little Inside Snowball and gives an account of how we put the robots to work in generating custom dynamic social media sharing images for each of the articles here on the site. Christmas is a time to share what you have, even if it’s just a grid of pixels.

Sidenotes have been around for ages in print, but they're surprisingly hard to do well in HTML.

Free illustrations, for everything. Memorable products, brands, & presentations start with our curated royalty-free illustration library

In Firefox 70, the Accessibility Inspector has become an auditing facility to help identify and fix many common mistakes and practices that reduce site accessibility. In this post, Marco Zehe ...

This entire post was written using Markdown in Visual Studio Code. That may seem a bit ridiculous. However, with a few tweaks VS Code can become an excellent tool for writing. Writing in VS Code doesn’t have the features of Ulysses, the Syncing of Bear App or the polish of IA Writer. It doesn’t have […]

People say JAMstack sites are fast — let’s find out why by looking at real performance metrics! We’ll cover common metrics, like Time to First Byte

Sometimes you stumble over things where your first thoughts are, "Hey, thats great for accessibility!" or "Nice, it's always better to solve things in a browser-native way instead of relying on JavaScript". And this has ...