0xBrettj Profile Banner
Brett Profile
Brett

@0xBrettj

Followers
609
Following
10K
Statuses
2K

Practising practitioner, recovering perfectionist · Design engineer at Buildkite

Joined February 2009
Don't wanna be here? Send us removal request.
@0xBrettj
Brett
4 months
After months of all-out work, we’re thrilled to share the new ❖ Fully rebuilt with @astrodotbuild, @tailwindcss, React, Framer Motion ❖ Full light/dark mode support
11
15
172
@0xBrettj
Brett
10 days
@Shpigford Every team using Rails needs a @pinzonjulian
0
0
1
@0xBrettj
Brett
3 months
@mattgperry So exciting! [Framer] Motion has made such an influential impact on animations in modern frontend web development —keen to see what’s next! 🚀
1
0
3
@0xBrettj
Brett
4 months
0
0
0
@0xBrettj
Brett
4 months
@Ash_Hitchcock @astrodotbuild @tailwindcss Cheers! Videos recorded with Screenflick and composited with Adobe After Effects. Mini-breakdown here:
@0xBrettj
Brett
4 months
There are a variety of approaches. This was recorded on macOS with Screenflick¹ and composited with Adobe After Effects. Screenflick records very high quality (both fps/resolution). Recording on an Apple Studio Display gives ~5K pixels to play around with in After Effects, which is useful for displaying in 3D and zooming in close without losing quality. In After Effects, create a new composition and add a camera². Drag in the footage and toggle on 3d for the footage layer. You can use any combination of keyframing the 3d position and rotation of the footage layer, or the position and point of interest of the camera. The camera also has other properties that can be tweaked and animated over time (via the stopwatch icons), such as focus distance and aperture. This is useful for simulating rack focus adjustments. The rest is trial and error! @videocopilot and @mtmograph are very helpful resources for After Effects. _ 1: 2: 40–50mm will feel close to human perspective, wider fov will make angled perspectives look more fisheye, and narrower more telephoto.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
0
2
@0xBrettj
Brett
4 months
There are a variety of approaches. This was recorded on macOS with Screenflick¹ and composited with Adobe After Effects. Screenflick records very high quality (both fps/resolution). Recording on an Apple Studio Display gives ~5K pixels to play around with in After Effects, which is useful for displaying in 3D and zooming in close without losing quality. In After Effects, create a new composition and add a camera². Drag in the footage and toggle on 3d for the footage layer. You can use any combination of keyframing the 3d position and rotation of the footage layer, or the position and point of interest of the camera. The camera also has other properties that can be tweaked and animated over time (via the stopwatch icons), such as focus distance and aperture. This is useful for simulating rack focus adjustments. The rest is trial and error! @videocopilot and @mtmograph are very helpful resources for After Effects. _ 1: 2: 40–50mm will feel close to human perspective, wider fov will make angled perspectives look more fisheye, and narrower more telephoto.
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
1
5
@0xBrettj
Brett
4 months
@spicyfiona Same! Think I’ll start to make the transition now but has been holding off since it was first rolled out for me 🫣 The option of edge-to-edge panels does help!
0
0
1
@0xBrettj
Brett
4 months
@pinzonjulian @simonswiss @CoreyGinnivan Right back at you Juli! Working with you is always a joy, very much looking forward to everything we’ll build together in future!
1
0
2
@0xBrettj
Brett
4 months
@designerjeremy @CoreyGinnivan @astrodotbuild Cheers Jeremy! Strong agree—Astro so far has been a joy to build with! 😄
0
0
1
@0xBrettj
Brett
4 months
0
0
1
@0xBrettj
Brett
4 months
Huge collaborative effort from a small team—including but not limited to @CoreyGinnivan, @hannahcancode, @mitchjamesjames. Proud of our work—career highlight for sure!
1
0
7
@0xBrettj
Brett
5 months
occurs to me this might be the first iOS beta cycle I completely skipped in recent memory
0
0
0
@0xBrettj
Brett
6 months
@asallen @notboring would love to use !Vibes on my Mac while working—any plans to offer it for Apple Silicon Macs?
1
0
0
@0xBrettj
Brett
6 months
@simonswiss @joshcirre Haven’t tried YellowDot, but it’s made by the developers of Clop, a pretty handy image/video/clipboard optimiser that I quite like...
1
0
2
@0xBrettj
Brett
8 months
surreal seeing the first teaser trailer for metroid prime 4 since it was announced seven years ago. looks great so far!
0
0
1
@0xBrettj
Brett
9 months
RT @simonswiss: The video of my talk at #EpicWebConf in Park City 🏔️ "Unleashing Designers With Tailwind CSS"
0
4
0
@0xBrettj
Brett
9 months
@toolmantim @shadcn @sourcegraph Nice! 🔥 good reminder that videogames are genuinely an excellent source of UI inspiration (Also, this tweet made me try entering the konami code on to check for an easter egg 😉)
0
0
1
@0xBrettj
Brett
9 months
@VOOK64 ahhh that Prime 4 bento grid item though 🫠
1
0
1
@0xBrettj
Brett
10 months
well this is something i didn’t expect to do today...
Tweet media one
@adamwathan
Adam Wathan
10 months
@wesbos There's a good tool in Edge for it: It won't be a problem if your page is small but the performance will scale poorly with the total number of DOM nodes on the page.
1
1
1
@0xBrettj
Brett
10 months
@rauchg @TomEgger i appreciate the owl in your new pfp
0
0
0