Search
clipPath vs. mask
27.12.2020
These things are so similar, I find it hard to keep them straight. This is a nice little explanation from viewBox (what a cool name and URL, I hope they keep it up).
The big thing is that clipPath (the element in SVG, as well as clip-path in CSS) is vector and when it is applied, whatever you...
A Utility Class for Covering Elements
26.12.2020
Big ol’ same to Michelle Barker here:
Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....
Responsible, Conditional Loading
25.12.2020
Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...
Visa Grants Principal Membership to Crypto Payments Platform Wirex
24.12.2020
London-based crypto-payments platform Wirex can now issue Visa accounts and process transactions autonomously, as the firm became a principal member of the payments giant. Crypto Payments Platform Wirex Gets Principal Membership From Visa to Issue Cards Autonomously According to the announcement...
Integrating TypeScript with Svelte
24.12.2020
Svelte is one of the newer JavaScript frameworks and it’s rapidly rising in popularity. It’s a template-based framework, but one which allows for arbitrary JavaScript inside the template bindings; it has a superb reactivity story that’s simple, flexible and effective; and as an ahead-of-time (AOT)...
A Calendar in Three Lines of CSS
24.12.2020
This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct...
3 reasons why XRP price can continue to fall after a 63% crash in four days
24.12.2020
XRP price dropped to as low as $0.2138 on Binance as three key factors pushed the cryptocurrency down
Custom Styles in GitHub Readme Files
23.12.2020
Even though GitHub Readme files (typically ./readme.md) are Markdown, and although Markdown supports HTML, you can’t put <style> or <script> tags init. (Well, you can, they just get stripped.) So you can’t apply custom styles there. Or can you?
You can use SVG as...
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
23.12.2020
Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...
Digital banking: How DeFi can lower costs for everyone
23.12.2020
There’s often talk about how decentralized finance could eliminate the need for traditional banks… but what if DeFi could enhance their digital services?
“Yes or No?”
23.12.2020
Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course:
Use radio buttons if you expect the answer to be equally...
You Can (Carefully) Pet The Zombie Dogs In Black Ops Cold War
22.12.2020
I love when games give me the option to pet dogs, and surprisingly, you can pet the Plaguehounds in Call of Duty: Black Ops Cold War’s Zombies mode. But unless you use a specific weapon effect, you’d never even know you had the option to pet them.Read more
Edge Everything
22.12.2020
The series is a wrap my friends! Thanks for reading and a big special thanks to all the authors this year who shared something they have learned. Many authors really swung wide with thoughts about how we can be better and do better, which of course I really love.
Adam showed us logical properties...
Recognizing Constraints
22.12.2020
There’s a “C” word in web development that we don’t give enough attention to. No, I’m not talking about “continuous integration”, or even “CSS”. The “C” word I’m talking about is “constraints”. Understanding constraints is a vital part of building software that works the best it can in its targeted...
WooCommerce on Mobile
22.12.2020
Whether you use the eCommerce features on WordPress.com or use WooCommerce on your self-hosted WordPress site (like we do), you can use the WooCommerce mobile app. That’s right WooCommerce has native apps for iOS and Android. They’ve just released some nice upgrades to both, making them...
Xbox Players Can Explore the Past and the Future for $71 in This Assassin's Creed: Valhalla and Watch Dogs: Legion Double-Feature
22.12.2020
Assassin’s Creed Valhalla + Watch Dogs: Legion Bundle | $71 | MicrosoftRead more
Deploying a Serverless Jamstack Site with RedwoodJS, Fauna, and Vercel
22.12.2020
This article is for anyone interested in the emerging ecosystem of tools and technologies related to Jamstack and serverless. We’re going to use Fauna’s GraphQL API as a serverless back-end for a Jamstack front-end built with the Redwood framework and deployed with a one-click deploy on Vercel.
In...
If You're Not In US, You Can Now Bet on Coinbase IPO
22.12.2020
Popular crypto derivatives exchange FTX has listed Coinbase pre-IPO contracts, as the CEO Sam Bankman-Fried announced today.
As reported four days ago, major US-based crypto exchange Coinbase confirmed it is preparing for its initial public offering (IPO), though specific details are not available...
Break a forEach Loop with JavaScript
22.12.2020
I’ve written a number of blog posts about JavaScript tricks: Promise tricks, type conversion tricks, spread tricks, and a host of other JavaScript tricks. I recently ran into another JavaScript trick that blew my mind: how to break a forEach loop. To break the forEach loop at any point,...
How The Web is Really Built
22.12.2020
My 2020 was colored by the considerable amount of time I spent analyzing data about CSS usage in the wild, for the CSS chapter of the Web Almanac, by the HTTP Archive. The results were eye-opening to me. A wake-up call of sorts. We spend so much time in the bubble of bleeding-edge tech that we lose...