Back in 2012 at dotJS – which I attended – Brian Leroux gave his talk WTFJS. Somehow the video of that talk got recommended on YouTube to me. It was fun watching this again 🙂 Gotta love coercion 😍 Also: Wat?
dotJS 2012 – Brian Leroux – WTFJS
98.css – A design system for building faithful recreations of old UIs.
98.css is a CSS library for building interfaces that look like Windows 98. 😂 98.css → UPDATE 2020.04.28: Jordan Scale, the author of the library, has done a write-up on 98.css.
CSS Parallax Hero
The key property for the parallex effect itself is the perspective set on the .parallax-wrapper, in combination with the height and object-fit: cover; set on its containing img element. The shadow is injected using ::after ⚠️ Doesn’t seem to work in Safari …
Think About Solving Problems
Photo by Zach Lucero on Unsplash When presented with a problem, Nicholas C. Zakas has settled on a set of 5 questions he asks himself for each problem as it arises. Asking these questions, in order, helps him make the best decision possible: Is this really a problem? Does the problem need to be solved? …
CC Symbols – A webfont with Unicode-compatible Creative Commons license symbols
New in Unicode 13 is the addition of the Creative Commons License symbols (along with 5382 other characters): U+0229C No derivatives U+1F16D Creative Commons U+1F16E Public Domain U+1F16F Attribution U+1F10D No rights reserved U+1F10E Share-alike U+1F10F Non-commercial Daniel Aleksandersen was quite excited to use these on his site, but then noticed: No system fonts — font files …
Continue reading “CC Symbols – A webfont with Unicode-compatible Creative Commons license symbols”
Gatsby Starter Book – A Gatsby Starter to Create eBooks
Sara Vieira recently published a (digital) book. The book itself is written in a Markdown File, of which the HTML, PDF an Epub versions are generated. Sara was kind enough to share her tooling on GitHub 🙂 I built this in order to be able to publish a book I wrote and I think it …
Continue reading “Gatsby Starter Book – A Gatsby Starter to Create eBooks”
Visual Studio Code “Custom Editors”
An exciting new feature that shipped with Visual Studio Code 1.44 is support for Custom Editors. Custom editors let extensions provide custom editing experiences using HTML, CSS, and JavaScript in place of VS Code’s normal text based editor. Custom editors support both text based files and binary files, and enable some neat new scenarios such …
Automatically Fix Bluetooth Audio Balance Drift in macOS with “Balance Lock”
It’s been over 10 years that I’ve been using macOS (then OS X) and every now and then I notice that the audio balance of my Bluetooth headset is off for no apparent reason. Hmm, why is the balance for my headphone suddenly off? Back in 2014 I was lucky enough to see this tweet …
Continue reading “Automatically Fix Bluetooth Audio Balance Drift in macOS with “Balance Lock””
useImmer – A React Hook to use Immer to manipulate state
useImmer(initialState) is very similar to useState. The function returns a tuple, the first value of the tuple is the current state, the second is the updater function, which accepts an immer producer function, in which the draft can be mutated freely, until the producer ends and the changes will be made immutable and become the …
Continue reading “useImmer – A React Hook to use Immer to manipulate state”
Guidelines for text fields design
Text fields are probably one of the most used interface components; contact forms, payment details, account creation, lead generation. Users definitely need to interact with text fields when using your product. The purpose of this post is to highlight some of the key guidelines which I follow when it comes to designing better text fields. …