The Power of Serverless v2.0! (Now an Open-Source Gatsby Site Hosted on Netlify)
23.5.2019
I created a website called The Power of Serverless for Front-End Developers over at thepowerofserverless.info a little while back while I was learning about that whole idea. I know a little more now but still have an endless amount to learn. Still, I felt like it was time to revamp that site a bit....
Front-End Documentation, Style Guides and the Rise of MDX
23.5.2019
You can have the best open source project in the world but, if it doesn’t have good documentation, chances are it’ll never take off. In the office, good documentation could save you having to repeatedly answer the same questions. Documentation ensures that people can figure out how things work...
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