Motion Paths – Past, Present and Future
6.12.2019
Cassie Evans has a great intro to motion paths. That is, being able to animate an element along a path. Not just up/down/left/right, but whatever curvy/wiggly/weird path you want.
It's an interesting subject because there are so many different technologies helping to do it over time. SMIL...
Case Study: lynnandtonic.com 2019 refresh
6.12.2019
Lynn Fisher walks us step-by-step through the redesign process of her latest outstanding personal website. In this design, increasing the width of the browser window will cause the illustrations on the page crack to open and reveal more within them:
This case study reminded me that Lynn also has...
Techniques for Rendering Text with WebGL
6.12.2019
As is the rule in WebGL, anything that seems like it should be simple is actually quite complicated. Drawing lines, debugging shaders, text rendering… they are all damn hard to do well in WebGL.
Isn’t that weird? WebGL doesn't have a built-in function for rendering text. Although text seems like...
CSS Architecture for Modern JavaScript Applications
6.12.2019
There is a lot to like from Mike Riethmuller here:
The title. When you're building a website from JavaScript-powered components anyway, that is a moment to talk about how to do styling, because it opens some doors to JavaScript-powered styles that you probably wouldn't otherwise choose.
The...
Weekly Platform News: Upgrading Navigations to HTTPS, Sale of .org Domains, New Browser Engine
5.12.2019
In this week's roundup: DuckDuckGo gets smarter encryption, a fight over the sale of dot org domains, and a new browser engine is in the works.
Let's get into the news!
DuckDuckGo upgrades and open-sources its encryption
DuckDuckGo has open-sourced its “Smarter Encryption” technology that enables...
Auto Layout lands in Figma
5.12.2019
Here’s a fresh update to my favorite design tool that is thoroughly exciting: Auto layout! That means we can make frames that resize based on the size of the content within it. That's particularly useful for buttons in a design system where you want to drop a button on the page and then keep...
The Rising Complexity of JAMstack Sites and How to Manage Them
5.12.2019
When you add anything with user-generated content or dynamic data to a static site, the complexity of the build process can become comparable to launching a monolithic CMS. How can we add rich content to static sites without stitching together multiple third-party services?
For people in...
Firefox 71: First Out of the Gate With Subgrid
5.12.2019
A great release from Firefox this week! See the whole roundup post from Chris Mills. I'm personally stoked to see clip-path: path(); go live, which we've been tracking as it's so clearly useful. We also get column-span: all; which is nice in case you're one of the few taking advantages of...
WDRL — Edition 278: Cname Cloaking, Dark mode favicons, a guide to mastery, and better custom select fields
5.12.2019
Hey,
It’s interesting to reflect on our own behaviour: We can often enough catch ourselves complaining or ranting about other people — some of them we know personally, some we don’t. I’m currently reading a (German) book that’s written mostly for farmers but I can’t stop thinking...
2019 Year in Review
5.12.2019
The beginning of every year starts out with all of us setting ambitious goals — goals being personal and professional. Many of us rarely complete half of those goals, most abandoning them by the end of the year. In January of this year I published my list of goals for the year. Let’s...
Collective #571
5.12.2019
CSS Layout * Advent of Code 2019 * DrumBot * Better Web List * The State of UX in 2020 * Binary Music Player
Collective #571 was written by Pedro Botelho and published on Codrops
Filtering Lists Dynamically With Vue on the Server Side is Easier Than You’d Think
4.12.2019
I recently attended the ARTIFACT conference in Austin, TX, and was inspired by a few talks about accessibility through the lens of site performance. It became clear to me that there is this tendency to rely on big JavaScript frameworks to handle the work — like React, Vue, and Angular — but that...