Things I come across from day to day.

Garamond

Georg Duffner provided an open source of EB Garamond, which is a beautiful humanist typeface, originating back to the mid 16th century. Massimo Vignelli has …

Public Sans, Arvana, and Brucker

An interesting compilation of types from Typographica. Resonating: Public Sans Arvana Brucker Public Sans # A neutral sans serif for interfaces, text, and headings by the US …

Weeknotes 02

Katy DeCorah´s Github read-action “…tracks the books that you’ve read by updating the _data/read.yml file in your repository.” David Seidman on how to add commas between …

Weeknotes 01

ET Book, a webfont of the typeface used in Edward Tufte’s books. Free! It is used for example by Jeremy Keith in his Resilient Web …

Went with the bike into the snow

Beautiful high beech forest around Neuenbeken Typical Paderborn plateau Me, enjoying nature

Early morning on our way to the Kindergarten and it´s snowing.

Emil writing his name in the snow. It´s on the engine hood of my car and Emil asked "Are we allowed to do that?" Not …

Weeknotes 53

Learned from the Accessible Footnotes article, there is a :target pseudo-class in CSS that allows to select and to style a targeted element on a …

Letterspacing of <code> elements

Widening the letterspacing of <code> elements in the flow of text emphasizes the code-nature of the element without using a different font or a different …

Weeknotes 52

Sarah Fossheim publishes her new project website ethicaldesign.guide. “… Ethical Design Guide is made to share resources on how to create ethical products that don’t …

Weeknotes 51

A CSS utility class for covering elements from CSS in real life. Ellograph monospaced typeface. “Ellograph is a friendly monospaced typeface with a soft, rounded construction …

Unconventional and free stock images ★

A list of unconventional and free stock images by Mel Choyce in her CSS-Tricks article: British Library (unsplash) New York Public Library The State Library of New South …

Split a figure

A responsive technique of splitting a figure equally into an image (one half of the available space), and the corresponding caption (other half of the available space).

Using Trello as a Super Simple CMS

In his CSS-Tricks article, Phil describes a very nice and generic approach to use 11ty data files for fetching contents from Trello. Phil doesn´t talk about …

Anekdote

Anekdote is a directory celebrating great, independent businesses. These companies are not run by stockholders, layers of bureaucracy or an algorithm. They are full of …

Our last day of open air bathing in 2020?

Emil alone in the open-air pool

Weeknotes 29

Utopia is an algorithm to calculate fluid type size for responsive websites. It´s made by James Gilyead and Trys Mudford. There’s no program or dependency …

We are building a house

Our weed-covered land is starting to transform. This house project might take a time of seven years in the end. We bought the property in …

Weeknotes 26

“The mystery font that took over Ney York” is an article about Choc, a typeface designed by Roger Excoffon. Choc specimen cover, …

Weeknotes 25

I published markdown-it-fitmedia, a markdown-it plugin to set aspect-ratio of responsive images, make images lazy loading, and to make videos responsive. Use it in the …

Open air bathing

German Corona App

The German Corona-Warn-App is unique because the code is open source, there is no obligation to install it, and central data processing is limited to what is necessary …

Man conquers the cosmos

Today I saw this picture in “der Freitag”, Nr. 24, June 4th 2020. "Man conquers the cosmos." Mosaic made by Fritz Eisel in 1972. Located at …

Weeknotes 22

Reading “The Details” by Matthias Ott. convertacolor.com is a minimalistic yet quick way of converting hex, rgb, hsl, and cmyk colors in any direction. I migrated my …

The first ever website

The first ever website, Tim Berners-Lee´s original home page for the Word Wide Web. Responsive and fast.

My favorite Yoga flows

Yoga Ganzkörper Flow | Bauch, Beine & Balance | 30 Minuten für Kraft & Stabilität Power Vinyasa Yoga für Kraft & Willensstärke | 25 Minuten Home …

Fluid videos with my adaption of FitVids

Embedded videos are not automatically responsive or fluid. They come with a fixed setting for width and height. To make them responsive while keeping aspect …

The 10 Principles of Good Design

Dieter Rams The 10 Principles of Good Design as stated by Dieter Rams: Good design is innovative. The possibilities for innovation are not, by any means, exhausted. …

Weeknotes 18

This week I pushed my little website a step further by enhancing the service worker to pre-cache selected pages and by runtime-caching images as well …

Google Webfonts Helper ★

Mario Ranftl has written the Google Webfonts Helper, which makes self-hosting Google fonts as simple as it can be. The service worker of my website …

Weeknotes 17

I´ve created my first service worker and turned my website into a Progressive Web App 💪. After doing precaching for static resources (JavaScript, CSS, Google …

Social distancing while protesting

A photo taken by Tomer Appelbaum, showing thousands of Israelis maintain social distancing while protesting Natanyahu in Tel Aviv´s Rabin sq. I took the photo …

Weeknotes 16

Emil draws “Ladybirds, fairy dust, and witches on witches broomsticks.” As of this week, Germany has 138,221 infected people and 4,098 people died on COVID-19. Four …

Weeknotes 15

Emil discovers the luxury of whitespace. Kristian Lumme describes the collaborative approach of Fournova, who are the makers of Tower for Git. Article “How We Work.” Stretchy …

Newspaper designs during the pandemic

Some remarkable newspaper designs I got aware of via Twitter. Michael Bierut pointed me towards the handwritten front page designs of the New York Times. A …

Weeknotes 14

Emil draws “Snakes with Poison Dots.” Max Böck published a boilerplate Emergency Website Kit, which, especially these days, aims to provide a quick way to publish …

An RSS feed for GitHub Pages

RSS is a good thing. It simplifies to overview information that is produced by potentially many different sources. If someone has an RSS feed on …

Weeknotes 13

Write personal: “Into the Personal-Website-Verse” is a plea for personal websites from Matthias Ott. That gets a ★. “Advice from Ten Years of Leading Remote Teams” …

Weeknotes 12

Emil pictured the virus. I get the case counts from The Johns Hopkins Coronavirus Resource Center. At the end of this week we are counting 22.000 …

Weeknotes 11

This guy Jack McDade knows how to design a web page. Jack made Justin Jackson´s page, which I think is an exceptional piece of work. …

Weeknotes 10

Watched “Thereabouts 3: Discovering Colombia” again. It´s the best of the series. I can recommend this film for anyone who is into cycling. Restarted my sports …

Weeknotes 9

Signed assange-helfen. A state has been caught in a war crime and for that reason the state takes revenge on the person who helped to …