A rather geeky/technical weblog, est. 2001, by Bramus
Tim Kaldec has measured the JavaScript bytes and the JavaScript CPU time for a bunch of sites. Right now, if you’re using a framework to build your site, you’re making a trade-off in terms of initial performance—even in the best of scenarios. Some trade-off may be acceptable in the right situations, but it’s important that …
<input type=”color”> with <datalist>
Christian Heilman: The input type colour supports the list attribute, which allows you to define a preset list of options. The colours need to be defined as hexadecimal colours. They can be defined as values or text inside the option tags, but the values take precedence. Pictured at the top of this post is how …
Continue reading “Limit the colors to choose from in <input type=”color”> with <datalist>“
Robin Rendle writing for CSS-Tricks, on leveraging Variable Fonts when implementing a Dark Mode: Oddly enough, these two bits of text [shown above] are actually using the same font-weight value of 400. But to my eye, the white text looks extra bold on a black background. How do we fix this? Well, this is where …
BlinkMacSystemFont: A Workaround
UPDATE 2020-04-28: Good news everyone! A workaround for this bug has landed in Canary (Chromium 84) and will be merged into the M83 release! The workaround described here still applies for Chromium 81. The problem As detailed before there’s this bug that shipped with Chromium 81 which somehow prevents the font-weight CSS property from being …
Continue reading “Chrome vs. BlinkMacSystemFont: A Workaround”
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?
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.
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”