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 …
Things I come across from day to day.
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 …