Multi Colored Text with CSS
Author Archives: Bramus!
CSS @supports rules to target only Firefox / Safari / Chromium
TablesNG — Improvements to <table> rendering in Chromium
The CSS Podcast
Mono Icons
A simple, consistent open-source icon set designed to be used in a wide variety of digital products. The folks at Mono have released an update to their Icon Set, now totalling 177 icons in total. Available as SVGs (recommended) but can also be included as an icon font. Mono Icons →Mono Icons (GitHub) →
How to optimize ORDER BY RANDOM()
How to Clean up Async Effects in React
Dmitri Pavlutin walks us through properly cleaning up side-effects in React: From time to time you might have difficulties at the intersection of component lifecycle (initial render, mount, update, unmount) and the side-effect lifecycle (start, in progress, complete). Tackled are fetch requests, timers like setTimeout(), debounce or throttle functions, etc. With the techniques applied, you …
CSS: inherit, initial, unset, and revert
PPK: Today we’re going to take a quick look at a few special CSS keywords you can use on any CSS property: inherit, initial, revert, and unset. Also, we will ask where and when to use them to the greatest effect, and if we need more of those keywords. Inherit, initial, unset, revert →
Pure HTML + CSS Calculator
Let this blow your mind: a functioning calculator done using only HTML and CSS by Lillian Kodi. Leverages the Checkbox Hack and the Space Toggle Trick. Crazy. As you may notice the option to divide is missing. I guess it was omitted because / is a character that might throw the parser off due to …
Chrome 92 — What’s New In DevTools
New in DevTools that ship with Chrome 92 (selection): A new CSS grid editor (pictured above), similar to the Flexbox editor which shipped with DevTools in Chrome 90 Support for const redeclarations in the Console — Oh, didn’t know I needed this! Source order viewer Enhanced CORS debugging support Lighthouse 7.5 [Experimental] Protocol monitor — …