From Futura to ITC Bauhaus, our survey of Bauhaus type continues with a look at typefaces that adopted the school’s simplified, geometric ideals.

Recently I was faced with the following problem. I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row.

brycewray.com — Observations, opinions, geekery.

Generate font size variables for a fluid type scale with CSS clamp. Grab the output CSS and drop it into any design system.

agoodmovietowatch is the world’s first portal of highly-rated but little-known movies and shows. Curated by humans and not algorithms.

Creates and solves problems. Sometimes in that order.

Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown library parser.

Working with content data (e.g. Markdown files or CMS) is a surprisingly difficult and laborious task when developing modern sites (e.g. with Next.js). Contentlayer is a content SDK that aims to make content easy for developers.

Free JSON storage service hosted on your Github Gist, access with JSON CRUD API and Dashboard, with Private and Public JSON.

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for copypasta or as a tree-shakeable React component library.

Discover 30+ insanely useful websites that will come in handy someday. You should bookmark these insanely useful sites because you may need them someday.

Thanks to FormData, it's pretty easy to apply Progressive Enhancement onto forms.

The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.

I'm Mattia Astorino, UX Engineer in Milan and member of Open Source Design.

Quickly create presentations by writing a simple markdown document.

We share a collection of CSS and JavaScript snippets that will allow you to enhance and expand the capabilities of your hamburger menus.

Recently I was faced with the following problem. I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row.

Walkthrough of what steps are required to migrate a Gridsome blog to Nuxt and highlight potential problems with the migration.

A quick video detailing how destructuring works with nested objects and arrays. Check out my https://ES6.io course for more!

Free and open source icons designed with attention to detail to make your design stand out.

Forced colors is a CSS media query that when active radically changes the way your site looks, without any of your input…

Late last week, I was very delighted to see that Chromium will start prototyping with CSS Toggles, a proposal currently only available as an Unofficial Draft, authored by Tab Atkins and Miriam Suzanne (who else?!). CSS toggles are a mechanism for associating toggleable state with a DOM element. This state can be defined and connected … Continue reading "The Future of CSS: CSS Toggles"

Font loading can hurt performance a lot. This article shows you how to reduce the impact

An online font subsetting tool. Subset otf,ttf,svg, sfd, woff fonts to reduce their size and protect your full font from piracy.

Awesome image component for vue2 & vue3 & nuxt. Lazyload / Responsive / Progressive / WebGL Filter / WebGL Transition / WebP - newbeea/awesome-image: Awesome image component for vue...

I tell visual stories on the web.

A foundational overview of how to build color-adaptive, responsive, and accessible mini and mega modals with the dialog element.

A simple guide on how to use the Spotify API to show off one's music taste using Nuxt.js.