A handy tool for creating mailto: links that supports mail subject, mail body, cc and bcc parameters.
Journal
Here are some articles I’ve written. You will also find some shorter notes as well as activities and shared links in this section.
Easy Sunday Ride
- distance:
- 27,73km
- riding-time:
- 1:37h
- elev-gain:
- 131m
- speed-avg:
- 18km⁄h
- speed-max:
- 36km⁄h
- elev-lowest:
- 185m
- elev-highest:
- 242m
It finally arrived! Can't wait to dig into @adactio's latest book.
You probably don’t need input type=“number”
Brad Frost on wether an input type="number" is always a good idea. (Hint: it's not)
Happy Birthday World Wide Web!
Two days ago I booked two flights, made a reservation for an apartment and for a rental car — without leaving the office or even picking up the phone. All thanks to an invention made 30 years ago.
What seems so abundantly obvious to most people (I guess) is still somewhat of a technical marvel to me. This may sound like I'm exaggerating given that I'm a web developer but the truth is I am still amazed how the web has changed so many aspects of our lives so fundamentally.
That's what went through my head when I sat there, watching a live stream of birthday celebrations commemorating a medium that I was using at that very moment to watch said live stream on.
Chromium Blog: Chrome Lite Pages - For a faster, leaner loading experience
This sounded like another flavour of AMP to me, especially when I read this:
We use built-in optimizations and Google servers to improve page loading.
At least Google clarifies:
Lite pages are only triggered for extremely slow sites, so we encourage developers to measure how well their pages are currently performing over slow networks.
Happy Birthday World Wide Web!
Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
Harry explains Cache-Control headers and directives with use cases and cache busting strategies.
AddyOsmani.com - JavaScript Loading Priorities in Chrome
A handy reference for JavaScript loading priorities in Chrome.
It was about time: I finally relaunched my website.
ICONSVG - Quick customizable SVG icons for your project
This is neat: customise and download commonly used interface SVG icons.
FLEX: A simple visual cheatsheet for flexbox
And another really nice visual cheatsheet for CSS flexbox properties.
GRID: A simple visual cheatsheet for CSS Grid Layout
A really nice cheatsheet for CSS grid properties.
Hörnle-Tour
- distance:
- 30,74km
- riding-time:
- 2:40h
- elev-gain:
- 526m
- speed-avg:
- 11km⁄h
- speed-max:
- 47km⁄h
- elev-lowest:
- 186m
- elev-highest:
- 343m
The Flexbox Holy Albatross | HeydonWorks
I still have to fully get my head around this but it seems Heydon Pickering solved container queries with this one.
Use the :lang pseudo-class over the lang attribute selector for language-specific styles
This might be useful at some point!
Afternoon Run
- distance:
- 4,33km
- riding-time:
- 0:31h
- elev-gain:
- 97m
- speed-avg:
- 7km⁄h
- speed-max:
- 14km⁄h
- elev-lowest:
- 216m
- elev-highest:
- 271m
Bruce Lawson’s personal site : The practical value of semantic HTML
Made me nod during the read: Bruce Lawson answering the question “What is ‘good’ HTML?”