Sarah Drasner
CSS-Tricks
San Francisco, CA, United States
Contact Sarah
Discover and connect with journalists and influencers around the world, save time on email research, monitor the news, and more.
| Recent: |
|
| Past: |
|
Past articles by Sarah:
Good Meetings
Like it or not, meetings are essential to a good working environment and communication. Therefore, it’s crucial that we work on making them as productive → Read More
Splitting Time Between Product and Engineering Efforts
At each company I’ve worked, we have had a split between time spent on Product initiatives and Engineering work. The percentages always changed, sometimes → Read More
Creating Arrays in Hasura
Hasura is one of my favorite ways to create a managed GraphQL API for my applications. I find it easy and straightforward as well as suitable for a wide → Read More
How to Create a Timeline Task List Component Using SVG
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you → Read More
Creating UI Components in SVG
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you → Read More
Quick LocalStorage Usage in Vue
localStorage can be an incredibly useful tool in creating experiences for applications, extensions, documentation, and a variety of use cases. I've → Read More
The Empty Box
When I was in high school, we learned about “The Black Box” which is concept in theater. If memory serves me right, the approach was a simple and elegant one: that you can take any space, any black box, and make it come to life with a story. I liked the idea that it’s possible to convey anything, tell any story, and create any reality — all in the confines of what equates to a black box, a… → Read More
Setting up and Customizing the Ant Design System in a Nuxt App
I don’t typically work with UI libraries because they can be cumbersome and hard to override, which can contribute to a bloated. However, Ant Design has → Read More
The Making of: Netlify's Million Devs SVG Animation Site
The following article captures the process of building the Million Developers microsite for Netlify. This project was built by a few folks and we've → Read More
Vue 3.0 has entered Release Candidate stage!
Vue is in the process of a complete overhaul that rebuilds the popular JavaScript framework from the ground up. This has been going on the last couple of → Read More
In Defense of a Fussy Website
The other day, I was doom-scrolling Twitter and saw a delightful article titled “The Case for Fussy Breakfasts.” I love food — especially breakfast — and → Read More
How to Convert a Date String into a Human-Readable Format
I'll be the first to admit that I'm writing this article, in part, because it's something I look up often and want to be able to find it next time. → Read More
How to Build a Chrome Extension
I made a Chrome extension this weekend because I found I was doing the same task over and over and wanted to automate it. Plus, I’m a nerd during a → Read More
Advice for Writing a Technical Resume
Marco Rogers asked a very good question on Twitter: I’ve been on both sides of the interview → Read More
How To Create A Headless WordPress Site On The JAMstack —
In this post, we’ll set up a demo site and tutorial for headless WordPress, including a starter template! We’ll use the WordPress dashboard for rich content editing, while migrating the front-end architecture to the JAMstack. → Read More
How to Turn a Procreate Drawing into a Web Animation
I recently started drawing on my iPad using the Procreate app with Apple Pencil. I’m enjoying the flexibility of drawing this way. What usually keeps me → Read More
How to Animate on the Web With Greensock
There are truly thousands of ways to animate on the web. We’ve covered a comparison of different animation technologies here before. Today, we’re going to → Read More
Understanding Async Await
When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so → Read More
How to Stack Elements in CSS
If you want to create fantastic and unique visual experiences on the web, you will eventually need two elements to overlap or exist in the same place. You → Read More
How to Contribute to an Open Source Project
The following is going to get slightly opinionated and aims to guide someone on their journey into open source. As a prerequisite, you should have basic → Read More