Continue reading “petite-vue — A 5.5kb subset of Vue optimized for Progressive Enhancement”
petite-vue — A 5.5kb subset of Vue optimized for Progressive Enhancement
Tag Archives: link
Custom Scrollbars In CSS
Ahmad Shadeed shows us how to stylize scrollbars in CSS. See the Pen Custom Scrollbar – 2 by Ahmad Shadeed (@shadeed) on CodePen. While I’m no big fan of doing so in general, I can see some specific situations where it might come in handy, such as styling the scrollbars of overflowing tab button bars. …
A Look at Building with Astro
Chris did the experimenting I’ve been meaning to do and wrote the blogpost I wanted to write, covering Astro: Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is …
Detecting Hover-Capable Devices
Media Queries in Times of Container Queries
Max Böck: With container queries now on the horizon – will we need media queries at all? Is there a future where we build responsive interfaces completely without them? As Max details we will still need both, but will see a shift from some Media Queries to Container Queries. Good read; I found myself nodding …
Continue reading “Media Queries in Times of Container Queries”
“Web Component DevTools” extension for Chrome DevTools
“Web Component DevTools” is a Chrome Extension for Chrome DevTools that adds support for Web Components / Custom Elements. Web Component DevTools is aimed at all developers working with Web Components. The tooling provided creates a new Chrome Devtools panel, which allows a quick look at the custom elements on the current page, and enables …
Continue reading ““Web Component DevTools” extension for Chrome DevTools”
Brickit — Build new creations from your LEGO
This is crazy: Brickit is an iPhone app that scans your pile of assorted LEGO bricks, and gives you instructions to building things using the bricks it finds. The instructions also show you where the bricks you need are placed. Would be nice if it also supported a search function, to find one specific brick …
Continue reading “Brickit — Build new creations from your LEGO”
Drawing Graphics with the CSS Paint API
Over at Codrops, Georgi Nikolov digs into Houdini’s Paint API and the Properties and Values API along with that. Recommended, as it’s all well explained and easy to follow along. Drawing Graphics with the CSS Paint API → Related: css-houdini-circles — A Houdini Paint Worklet that draws Colorful Background Circles →
Perfect Tooltips With CSS Clipping and Masking
In this post Louis Hoebregts creates nice tooltips. No, not a typical triangle injected at the bottom but a nice curved one, also letting the image underneath peek through. For it he uses mask-image consisting of two parts: one rectangle overlaying the top part of the image + one SVG arrow overlaying the bottom part. …
Continue reading “Perfect Tooltips With CSS Clipping and Masking”
Feels — Where’s Waldo with Emoji
Now this is a fun time-waster: Where’s Waldo (Wally) using Emoji 🙂 Using p5.js the emoji get randomly drawn onto a <canvas> Feels — Find all the feels in this hide ’em up. →