Chris Ferdinandi has been writing an excellent post series on Service Workers. After first explaining what Service Workers are and how to create one, he — as per usual on Go Make Things — also provides us with practical scenarios such as making pages available offline, caching web fonts to improve rendering, etc. Go Make […]
Tag Archives: link
Understanding Git: Dispelling the magic of git merge
If you’ve ever wondered how Git internally manages commits and merges, Zvonimir Spajic (@konrad_126) has got you covered: Creating branches in git is blazingly fast and having a bunch of them is pretty cheap. This means we get to merge them quite often. But how is a branch represented internally and what does it mean […]
Making Facebook.com accessible to as many people as possible
With the new Facebook coming soon to all users, the developers saw an opportunity to build a11y in from the start: To make the new site more accessible, we were able to introduce guardrails right from the beginning, integrate focus management into the core infrastructure, support features that weren’t available when we built the original […]
A Five-Minute Guide to Better Typography
A talk by Pierrick Calvez. I especially like the part on the hyphen vs. en dash vs. em dash — the latter being a symbol which I use quite a lot — and the mentioning of keming 🙂 A Five-Minute Guide to Better Typography →
Remote Control OBS Studio with obs-websocket
If you’re using OBS Studio for your streaming needs, obs-websocket might come in handy: ot’s a WebSocket Server that allows you to remotely control OBS. Once installed and activated you can then use something like obs-tablet-remote as a GUI for it. obs-websocket WebSockets API for OBS Studio →OBS Tablet Remote → Via Patrick 💡 If […]
Creating 3D Illustrations with CSS
Alex Trost at Frontend Horse: One style I’ve been loving is the 3D work that Ricardo Oliva Alonso creates on CodePen. It’s a style that looks like it was drawn in Adobe Illustrator or modeled with Three.js. Ricardo will often find a piece on Dribbble and recreate it on CodePen, styling it entirely with HTML […]
CSS leading-trim – The Future of Digital Typesetting
Ethan Wang, who works at Microsoft: In a standard text box, there’s almost always extra space above and below the actual text. Because of this, when you use a text box to measure and implement spacing, it ends up larger than you intended. The bigger the line height, the bigger the problem. You can see […]
The Case of the Top Secret iPod
David Shayer, who was an iPod Software Engineer – the 2nd one they hired for the iPod project when it started in 2001 – back in the day: It was a gray day in late 2005. I was sitting at my desk, writing code for the next year’s iPod. Without knocking, the director of iPod […]
Feature Detecting CSS Flexbox Gap Support
In my post on Flexbox Gap I wanted to feature detect support for it using @supports. That however failed. As I then noted: In the demo above I wanted to show a warning in browsers that don’t support flexbox gap. For that I tried using @supports, which has proven to be successful before. .warning { […]
Legacy to Laravel: How to Modernize an Aging PHP Application
The folks at Tighten: In this post, I’ll present some strategies we use at Tighten to convert legacy apps to Laravel gradually over time, without needing to perform a full rewrite. Whether you’re upgrading from an old framework or moving to a framework for the first time, following these steps will let you start benefitting […]