A rather geeky/technical weblog, est. 2001, by Bramus
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 …
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 …
The Stack Overflow team walks us through their Dark Mode implementation. Building dark mode on Stack Overflow → 💡 Writing a JS app (React / Angular / Vue / …) and looking to implement Dark Mode? No worries, I’ve got you covered.
Video from Kai Sassnowski’s talk at Laracon EU 2019: The goal of this talk is to explain how dependency containers work by building our own. We start out by building the simplest DI container possible to demonstrate the underlying concept. Most people will be surprised about how little code this actually takes (3-4 effective lines …
Continue reading “Demystifying Dependency Injection Containers”
One of the additions that shipped in Chrome 80 is the ability to link to Text Fragments. To easily create such links, I stumbled upon the “Copy Text Fragment URL” Plugin which adds an extra option to the context menu. Handy! Makes me wonder why it’s not a default Google Chrome feature. Chrome Web Store: …
Continue reading “Easily link to Text Fragments in Chrome with the “Copy Text Fragment URL” Plugin”
In this post Andréas Hanss gives us a tour on Flipper. Flipper is a platform for debugging iOS, Android and React Native apps. Visualize, inspect, and control your apps from a simple desktop interface. To add flipper support to your React Native project, I recommend the “Add Flipper Support” section from the Upgrade to React …