A rather geeky/technical weblog, est. 2001, by Bramus
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 …
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? …
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”
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”
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 …
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”
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. …
php.ini changes, a fix
If you have Laravel Valet not picking up php.ini changes, try this: .@laravelphp Valet wasn't detecting any of the changes I made to php.ini. Restarting brew services and restarting Valet had no effect. Turns out the valet.sock file was being persisted and somehow caching settings. `rm ~/.config/valet/valet.sock` solved my problem! 🙌🏽 — Jose Soto (@JoseCanHelp) …
Continue reading “Laravel Valet not picking up php.ini changes, a fix”
Using CSS Counters, Josh W Comeau injects his own number in ordered lists. That way he can style the number itself separately. ol li { counter-increment: muffins; } ol li:before { content: counter(muffins) ". "; color: hotpink; } ol { list-style: none; counter-reset: muffins; } Apart from styling, I find this technique come in handy …