A rather geeky/technical weblog, est. 2001, by Bramus
grex
grex is a library as well as a command-line utility that is meant to simplify the often complicated and tedious task of creating regular expressions. It does so by automatically generating a single regular expression from user-provided test cases. The resulting expression is guaranteed to match the test cases which it was generated from. As …
Continue reading “Automatically Generate Regular Expressions from User Input with grex“
Nice little video explaining SVGs and how the d attribute of paths work. The aforementioned SVG Path Visualizer might come in handy too.
<colgroup>
Interesting find by Manuel Matuzovic: The other day I looked up colgroup on MDN […] the demo at the beginning of the page caught my attention. The author adds a class to the col element, which does nothing with the col element itself, at least not visually, because the element doesn’t get rendered on the …
Continue reading “Highlight columns in HTML tables with <colgroup>“
Massive round-up over at Smashing Magazine listing a bunch of accessible front-end components: from tabs and tables to toggles and tooltips. A Complete Guide To Accessible Front-End Components →
In Table of Contents with IntersectionObserver on CSS-Tricks, Chris Coyier talks about sticky table of contents on long pages whose active state updates as you scroll. When talking about those, you can not not mention the wonderful Progress Nav by Hakim El Hattab. Final version of the progress nav! Switched to SVG and made it …
In this episode of GUI Challenges, Adam Argyle builds a Settings Component with sliders and checkboxes. In this post I want to share thinking on building a Settings component for the web that is responsive, supports multiple device inputs, and works across browsers. Tons of CSS-knowledge in there: CSS Nesting CSS Grid Custom Properties for …
Test your GDPR skills by speed running a cookie consent banner Cookie Consent Speed.Run →
:is()
Continue reading “Three important things you should know about CSS :is()“
Over at the Cloud Four blog, Paul Hebert digs into HSL colors Colors on the web are confusing — but they don’t have to be! The HSL format makes it easy for humans and computers to work with color. Included are some nice CodePen-hosted Color Pickers, such as this one: See the Pen HSLA Color …
Whenever I write a Twitter Thread I carefully lay out my planned tweets in advance in a text editor. After manually adjusting my sentences to have tweetable parts, I tweet them out one by one. Quite a cumbersome work, where ThreadStart can do the heavy lifting for me instead: Creating a Twitter thread without guidance …
Continue reading “Easily write Twitter threads with ThreadStart”