Design

Highway helps you manage your page transitions.

A collection of bad practices in HTML, copied from real websites.

portfolio

The what, why, and how of Eleventy Image.

A post by Zach Leatherman (zachleat)

Break out of the mould of your fixed-width container to create visual interest.

How to create filters, shortcodes and plugins in Eleventy.

Stephanie Eckles teaches us how to make a Food Menu with CSS Grid, container queries, CSS functions, aspect-ratio, and more!It was streamed live on Twitch so...

A Lifecycle for Components that stray from the happy path

New York-based designer working in between Visual Design and Product Design.

Multidisciplinary Artist / Art Director Represented by Pocko Founder of Flaco Studio

I’m so excited for Twitter’s updated visual language to become a reality. 🎉 To set the tone of the visual presentation of the product, we took a principles-first approach. With these principles, we are able to unify around a shared sense of what matters most to us. (🧵) pic.twitter.com/kMxrTLUpnz— ashlie ford (@ashlie) August 11, 2021

🧵 Here’s the tea on Design Tokens for Twitter’s new Visual Design Language. Specifically, the learnings that I gained working on Android, iOS, and Web for the Revenue, Marketing, and Consumer design systems.(1/7) pic.twitter.com/4FZkyJTkmk— Edward Wang 🍁 (@EdDaWord) August 11, 2021

Badrul Rupak is a New York City based product designer.

Gradient is an independent type foundry and design practice with main focus on the production of high quality typefaces and type systems. In Gradient, we strongly believe that the deconstruction of traditional approach in typography combined with various type experiments, can re-imagine the future of contemporary typography. Gradient is run by Milos Mitrovic, and is based in the wonderful city of Bergen, Norway.

View source anywhere.

The personal place on the web of Matt Northam, a front-end developer living in Bournemouth. Featuring photography, writing, and some other things.

Start from a blank project and build up to an Eleventy site that includes a blog collection and is prepared to source content from a headless CMS. You'll also learn how to add Sass as the styling solution, complete with triggering 11ty to re-compile when the Sass changes. These lessons will help explain key 11ty features and concepts to help you make the most of this amazing static site generator. By the last lesson, you'll have learned how to: define custom input and output directories create a layout that accesses front matter variables watch for Sass changes and include CSS in the build proces create an 11ty collection using tags define front matter for an entire collection make and apply a filter to a collection generate pages from an external data source, such as a CMS or API

Cargo

Design Portfolio

show me your eleventy websites NOW pic.twitter.com/dDSZiuSXA2— ceora🌺🌸 (@ceeoreo_) June 15, 2021

The Font Awesome design team recently started using Figma for icon design for its ease of use and collaborative features. Read to learn more.