Addy Osmani(@addyosmani) 's Twitter Profileg
Addy Osmani done

@addyosmani

Engineering lead working on @GoogleChrome • Husband & Dad • Author • Great user & dev experiences • @ChromeDevTools @ChromiumDev • @[email protected]

ID:35432643

linkhttps://addyosmani.com calendar_today26-04-2009 08:40:11

25,4K Tweets

327,6K Followers

1,8K Following

Addy Osmani(@addyosmani) 's Twitter Profile Photo

Write about what you learn. It pushes you to understand topics better.

Sometimes the gaps in our knowledge only become clear when explaining things to others.

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

'Habits are the compound interest of self-improvement. Over the months and years their effects can accumulate to an incredible degree.' ~ James Clear: jamesclear.com/marginal-gains

'Habits are the compound interest of self-improvement. Over the months and years their effects can accumulate to an incredible degree.' ~ @JamesClear: jamesclear.com/marginal-gains
account_circle
Shaundai Person(@shaundai) 's Twitter Profile Photo

Pro tip: use clickbait commit messages to get your teammates to review your code faster

git commit -m “First she noticed a bug in production. What happens next will SHOCK you!”

account_circle
Sarah Drasner(@sarah_edo) 's Twitter Profile Photo

You know why us Senior+ engineers have good hygiene around structuring and naming conventions?

It’s because we’ve been bitten by our mistakes enough times to have respect for what we can do wrong when we’re careless.

account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

'Developers: stop moving things that I’m about to click' is a great reminder to reduce layout shifts on the web.

medium.com/@stephenjayaka…

indieweb.social/@addyosmani/10…

'Developers: stop moving things that I’m about to click' is a great reminder to reduce layout shifts on the web. medium.com/@stephenjayaka… indieweb.social/@addyosmani/10…
account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Take breaks & encourage them folks.

Healthy cultures value time off, encouraging vacations and breaks to renergize. In toxic ones, burnout is proof of commitment and people often take long breaks just to recover from exhaustion.

indieweb.social/@addyosmani/10…

Take breaks & encourage them folks. Healthy cultures value time off, encouraging vacations and breaks to renergize. In toxic ones, burnout is proof of commitment and people often take long breaks just to recover from exhaustion. indieweb.social/@addyosmani/10…
account_circle
jhey 🔨🐻✨(@jh3yy) 's Twitter Profile Photo

JavaScript && CSS Tip! ✨

Use IntersectionObserver(IO) with a low threshold and custom properties to power list animations 🔥

el.style.setProperty('--shown', entry.isIntersecting ? 1 : 0)

li { scale: calc(0.25 + (var(--shown, 1) * 0.75));}

Demo link below! 👇

account_circle
Lydia Hallie ✨(@lydiahallie) 's Twitter Profile Photo

✨ Comparison between Next.js 12 and the Next.js 13 experimental `app` dir!

✦ New file conventions to unlock more flexibility
✦ getStaticProps → async/await data
✦ getStaticPaths → generateStaticParms, simplified API
✦ Per-page layout → Explicit nestable layout files

✨ Comparison between Next.js 12 and the Next.js 13 experimental `app` dir! ✦ New file conventions to unlock more flexibility ✦ getStaticProps → async/await data ✦ getStaticPaths → generateStaticParms, simplified API ✦ Per-page layout → Explicit nestable layout files
account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Like free books? 'Learning Patterns' patterns.dev is a free 435+ page book on JavaScript + React design & performance patterns from Lydia Hallie ✨ and I. Updated and available online, Apple Books & Google Play.

Like free books? 'Learning Patterns' patterns.dev is a free 435+ page book on JavaScript + React design & performance patterns from @lydiahallie and I. Updated and available online, Apple Books & Google Play.
account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Becoming a good engineer is about collecting experience. Each project, even small ones, is a chance to add new techniques and tools to your toolbox.

account_circle
Chrome DevTools(@ChromeDevTools) 's Twitter Profile Photo

Chrome 107 rolled out! Try these new features in DevTools 👉🏼

⌨️ Customize keyboard shortcuts
🌟 Highlight C objects in the Memory Inspector
🔎 Setting to search by pressing 'Enter'

📺 youtu.be/1uwv6HbR8HU
🗒 developer.chrome.com/blog/new-in-de…

Chrome 107 rolled out! Try these new features in DevTools 👉🏼 ⌨️ Customize keyboard shortcuts 🌟 Highlight C objects in the Memory Inspector 🔎 Setting to search by pressing 'Enter' 📺 youtu.be/1uwv6HbR8HU 🗒 developer.chrome.com/blog/new-in-de…
account_circle
Angular(@angular) 's Twitter Profile Photo

Angular v15

✅ Standalone components are stable!
🌲 More tree-shakable standalone APIs
🎆 `NgOptimizedImage` with Chrome Developers
🕸 Improved stack traces for the web with Chrome DevTools
🖼 Angular Material MDC Components
🎨 Directive composition API

blog.angular.io/v15-is-now-ava…

account_circle
Josh W. Comeau(@JoshWComeau) 's Twitter Profile Photo

✨ Introducing: “An Interactive Guide to Flexbox” ✨

It's a brand new interactive blog post with 20+ demos that help you build an intuition for how Flexbox works. 🔥

I've never been more excited about a blog post 😄

→ Check it out:
joshwcomeau.com/css/interactiv…

account_circle
Sacha Greif(@SachaGreif) 's Twitter Profile Photo

The 2022 edition of the survey is now open!

The more people take the survey, the more representative and reliable the results will be, so please share the news!

survey.devographics.com/survey/state-o…

account_circle