Collective #518
23.5.2019
Take Back Your Web * Animation Handbook * Accessible Icon Buttons * The State of Fluid Web Typography
Collective #518 was written by Pedro Botelho and published on Codrops
The Browser Can Remember Edited Content
22.5.2019
You can make the text inside any HTML element editable by adding the contenteditable attribute.
<div contenteditable>
Hey, I'm like a textarea kinda now!
</div>
I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be...
Getting Started with React Testing Library
22.5.2019
I can guess what you are thinking: another React testing library? So many have already been covered here on CSS-Tricks (heck, I’ve already posted one covering Jest and Enzyme) so aren’t there already enough options to go around?
But react-testing-library is not just another testing library. It’s...
Creating Grid-to-Fullscreen Animations with Three.js
22.5.2019
Learn how to create thumbnail to fullscreen animations for image grids using Three.js.
Creating Grid-to-Fullscreen Animations with Three.js was written by Daniel Velasquez and published on Codrops
Resize Observer
21.5.2019
Creating websites that are reactive and responsive used to be considered advanced but responsiveness is a necessity for successful websites and apps. We’ve added media queries, matchMedia, and a host of other APIs to help developers make responsiveness easier and now we get a new one:...
What Does it Mean to Be “Full Stack”?
21.5.2019
I was asked this recently by a fellow developer who was at the same web tech conference I was at. This developer had met a lot of new people who literally introduced themselves as full-stack developers sort of the way Bob Vance, Vance Refrigeration would on The Office, but it was Tony Frank...
How I Use CleanMyMac X
21.5.2019
[Chris]: I'm a lifelong Mac user. Ever since our family upgraded from a Commodore 128 to an Apple Macintosh Performa 636 (CD) when I was in middle school, I've never owned or worked on anything other than a Mac. I'm pretty dedicated to running a clean, fast, optimized, safe, and organized machine....
10 Web Performance Audit Tips for Your Next Billion Users in 2018: TTI: Time to Interactive
21.5.2019
First Meaningful Paint is close to useless because it’s an illusion. It’s a decoy to keep the user from bouncing off your website while we get them the real thing. When does the user get this r
10 Web Performance Audit Tips for Your Next Billion Users in 2019: TTI: Time to Interactive
21.5.2019
First Meaningful Paint is close to useless because it’s an illusion. It’s a decoy to keep the user from bouncing off your website while we get them the real thing. When does the user get this r
Animated Page Transitions in Gatsby Websites
21.5.2019
GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s
AI-Backed Image Background Removal (Sponsored)
21.5.2019
I’ve worked on dozens of eCommerce sites in my career and many of them were hamstrung by the same pain points: tax collection, payment customization, and image optimization. While tax collection and payment customization were important, image optimization was always the hardest and most...
Collective #517
20.5.2019
Tornis * Folding the DOM * Gitfolio * Devchecklists * A practical guide to JavaScript Proxy
Collective #517 was written by Pedro Botelho and published on Codrops