Kirby Kosmos Episode 23

Originally published via email on May 4, 2018.

There is so much interesting stuff going on in our industry: with browsers supporting more features seemingly on a daily basis, with the possibilities CSS opens up for designers (and the crazy stuff people do with it), with helpful tools for all sorts of problems, and a lot more.

Kirby in the Wild

Frank Schätzing
Author/Book Website

Kirby Enhanced

Always test third party plugins thoroughly before using them in production!

CSS I

  • If you are planning to use CSS grid in in an upcoming project, check out CSSGr.id, an interactive tool for generating quick boilerplates for common layout problems as a basis to expand upon.

Fonts

  • Variable fonts promise more flexibility regarding font attributes such as width, slant, x-height, slabs or rounding, facilitating responsive design on the typography layer. Examples of what you can do with variable fonts can be found here and here. Browser support is unfortunately still somewhat limited.

JS

  • Micro.js is a collection of small JavaScript frameworks and libraries that solve a single problem.

CSS II

  • GridToFlex is a new open source project by Una Kravets. It provides flexbox fallbacks for CSS grid layouts. Participation welcome.

  • Osvaldas Valutis wrote an article about how to implement the "priority navigation pattern" using progressive enhancement to reduce the amount of JavaScript needed to the min.

Forms

This & That

  • Dear Data is a beautiful project by Giorgia Lupi and Stefanie Posavec. Each week – over the period of a year – they sent each other postcards with visualizations of data related to their daily lives. Now available as a book.

Our partners

CDN by KeyCDN Search by Algolia

Top