Delicious

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

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.

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…

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

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