Kirk Pettinga

Design Engineer. Dad of 3. Husband to the amazing @MrsPettinga. I enjoy most nerd things.

[Kirk Pettinga @KirkPettinga]

If my 2010-developer-self could see this... Carousels with pure CSS 😲

https://t.co/XCaPlojmuX

#WebDevelopment #CSS #nojs

[Kirk Pettinga @KirkPettinga]

https://t.co/jsQTiuzzya

Beautiful DIY project by @scottbez1.

[Kirk Pettinga @KirkPettinga]

Experimenting on a theme. #particles #energy

#workinprogress #css #js #javascript #WebDevelopment

[Kirk Pettinga @KirkPettinga]

Working on some new #UI...

#workinprogress #css #js #WebDevelopment

[Ryan Chenkie @ryanchenkie]

⚠️ Developers, please be careful when installing Homebrew.

Google is serving sponsored links to a Homebrew site clone that has a cURL command to malware. The URL for this site is one letter different than the official site.

[Kirk Pettinga @KirkPettinga]

I appreciate this 🙏🏼

“I’ve seen firsthand that frontend development is as complex as backend work” — Aviv Segal https://t.co/KGdnOWQG2f

[Kirk Pettinga @KirkPettinga]

Looking for that "just right" feeling... 👨🏻‍💻 #designengineering #webdev #react #ui #animation

[Kirk Pettinga @KirkPettinga]

Diving deep on Web Workers. I know they've have been around for a while but I've never needed them until now.
Helpful intro into the subject:
https://t.co/rQMD5NRX6k
#javascript #optimize #WebDevelopment

[Kirk Pettinga @KirkPettinga]

Today's reading: https://t.co/4dfORLNkUa
#js #animation #design

[Kirk Pettinga @KirkPettinga]

TIL: The "apothem", in a hexagon, is the distance from the center to the mid-point of a side. It can be calculated using the radius like so:

apothem = radius • cos( π / 6 ) 🎉

[Kirk Pettinga @KirkPettinga]

#javascript #react #js

[Kirk Pettinga @KirkPettinga]

Global state management without cumbersome third-party libraries... React's Context API with reducers seem quite capable. Here's my shot at a simple example:

https://t.co/pEzA5ZkZ1t

#usetheplatform

[Kirk Pettinga @KirkPettinga]

Currently, dev tools just closes when I use that keyboard shortcut but it would be great to easily switch back to my dev tools window.

[Kirk Pettinga @KirkPettinga]

Hey @browsercompany! Feature request for @arcinternet, if I may:
If you already have dev tools open for a page but it's in a separate, unfocused, window, can you refocus the dev tools window when I press cmd + option + i ?

[Kirk Pettinga @KirkPettinga]

@bettsoff @browsercompany @ArcInternet @bettsoff this is exactly what I was looking for! Thank you.

[Kirk Pettinga @KirkPettinga]

@browsercompany : how about isolating cookies and session data within each workspace? As a web developer, I often need to be logged into the same site as more than one user. Would be nice to just switch between spaces instead of having to log out and log back in.
@ArcInternet

[Kirk Pettinga @KirkPettinga]

@ChatGPTBot Who will win the Super Bowl in 2023?

[Kirk Pettinga @KirkPettinga]

Other than VSCode, Arc is becoming the only other app I run. @browsercompany

[Kirk Pettinga @KirkPettinga]

The name is weird (to me) but my interest is piqued.

https://t.co/xVarZS9nk9. 👀

[Kirk Pettinga @KirkPettinga]

@nQaze I actually grabbed an invite from another person. Thanks though!