Things I come across from day to day.

Nice bullet list layout

A presentation slide from Netlify with an interestingly styled bullet list.

GitHub Learning Lab

The GitHub Learning Lab provides online training courses for free about DevOps, GitHub Actions, Languages and Tools, and GitHub :-).

Snow-world

Early morning on our way to the Kindergarten. Wonderful snow. Emil is exited.

How to pick a Typeface for User Interface and App Design?

TL;DR: Make the Il1 coe test to check whether a typeface is suitable for functional text. Il1 should be easy to distinguish and the apertures …

The Pixi books

While Emil and I were doing the food shopping, he found a book stand with Pixi books.

Japanese Carpentry

Our tiny family is building a house. We are shortly before moving into the new place and I´m exhausted by the entire process. Building a …

Just write the parser

Just write the #!%/* parser is one of multiple interesting notes by Tiark Rompf.

Traces

Thrush-traces in the snow. This might be a result of Emil and me feeding the birds.

Feeding the birds

A thrush with an apple. During this winter, Emil and I started feeding the birds on our terrace.

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 …