# ![@addyosmani Avatar](https://lunarcrush.com/gi/w:26/cr:twitter::35432643.png) @addyosmani Addy Osmani

Addy Osmani posts on X about javascript, in the, ai, engineering the most. They currently have [-------] followers and [---] posts still getting attention that total [-----] engagements in the last [--] hours.

### Engagements: [-----] [#](/creator/twitter::35432643/interactions)
![Engagements Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::35432643/c:line/m:interactions.svg)

- [--] Week [-------] -8.20%
- [--] Month [---------] +106%
- [--] Months [---------] +347%
- [--] Year [---------] +177%

### Mentions: [--] [#](/creator/twitter::35432643/posts_active)
![Mentions Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::35432643/c:line/m:posts_active.svg)

- [--] Months [--] -32%
- [--] Year [--] -4%

### Followers: [-------] [#](/creator/twitter::35432643/followers)
![Followers Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::35432643/c:line/m:followers.svg)

- [--] Week [-------] +0.30%
- [--] Month [-------] +1.50%
- [--] Months [-------] +4.20%
- [--] Year [-------] +5.80%

### CreatorRank: [-------] [#](/creator/twitter::35432643/influencer_rank)
![CreatorRank Line Chart](https://lunarcrush.com/gi/w:600/cr:twitter::35432643/c:line/m:influencer_rank.svg)

### Social Influence

**Social category influence**
[technology brands](/list/technology-brands)  6.48% [stocks](/list/stocks)  3.7% [social networks](/list/social-networks)  0.93% [finance](/list/finance)  0.93%

**Social topic influence**
[javascript](/topic/javascript) 7.41%, [in the](/topic/in-the) 5.56%, [ai](/topic/ai) 5.56%, [engineering](/topic/engineering) #2208, [elements](/topic/elements) 4.63%, [agentic](/topic/agentic) #543, [$googl](/topic/$googl) 2.78%, [the new](/topic/the-new) 2.78%, [this is](/topic/this-is) 2.78%, [tools](/topic/tools) #1274

**Top accounts mentioned or mentioned by**
[@chromedevtools](/creator/undefined) [@pixelandpump](/creator/undefined) [@steveschoger](/creator/undefined) [@thekitze](/creator/undefined) [@fahad19](/creator/undefined) [@ctrlaltdwayne](/creator/undefined) [@paulmaddison121](/creator/undefined) [@lydiahallie](/creator/undefined) [@aaroniker](/creator/undefined) [@ahieiei](/creator/undefined) [@firefoxdevtools](/creator/undefined) [@vivoplt](/creator/undefined) [@strategyexecman](/creator/undefined) [@giorgiopagliara](/creator/undefined) [@itechnologynet](/creator/undefined) [@rseroter](/creator/undefined) [@bholmesdev](/creator/undefined) [@fcamblor](/creator/undefined) [@gradybooch](/creator/undefined) [@petergyang](/creator/undefined)

**Top assets mentioned**
[Alphabet Inc Class A (GOOGL)](/topic/$googl) [Spotify Technology (SPOT)](/topic/$spot)
### Top Social Posts
Top posts by engagements in the last [--] hours

"@thekitze Orchestrators: aside from kanbans most of the others seem to be converging in UX. What are the biggest issues you're seeing with them"  
[X Link](https://x.com/addyosmani/status/2022835934681534861)  2026-02-15T00:50Z 367K followers, [----] engagements


"The future of Software Engineering isn't syntax but what was always the real work: turning ambiguity into clarity designing context that makes good outcomes inevitable and judging what truly matters. "The entire history of software engineering is one of rising levels of abstraction" - @Grady_Booch This has been said a thousand times before but allow me to add my own voice: the era of humans writing code is over. Disturbing for those of us who identify as SWEs but no less true. That's not to say SWEs don't have work to do but writing syntax directly is not it. This has been said a thousand"  
[X Link](https://x.com/addyosmani/status/2013343185758490741)  2026-01-19T20:09Z 366.3K followers, 117.1K engagements


"Here's what's new in Gemini in Chrome: 🚀 Agentic Auto-Browsing which can handle both complex and routine tasks. 🍌 Integration with Nano Banana for editing and transforming images directly 👨🏭 Enhanced Google Workspace Integration with deeper connectivity to apps like Gmail in-line editing and more and the new UX gives you a streamlined sidebar which lets you chat and pull context across tabs. Super powerful. https://twitter.com/i/web/status/2016589006780453238 https://twitter.com/i/web/status/2016589006780453238"  
[X Link](https://x.com/addyosmani/status/2016589006780453238)  2026-01-28T19:07Z 366.4K followers, 41.7K engagements


"@fahad19 I think @petergyang may be on LinkedIn too. Might be interesting to see how the numbers compare there"  
[X Link](https://x.com/addyosmani/status/2020632374309167415)  2026-02-08T22:54Z 366K followers, [--] engagements


"Tip: @ChromeDevTools lets you see line-level performance and now it's even more precise After recording a trace in thePerformancepanel theSourcespanel can displays the timings observed in the trace on a per-line basis. It's now even more reliable including when using source maps"  
[X Link](https://x.com/addyosmani/status/2022761471927808362)  2026-02-14T19:54Z 366.6K followers, [----] engagements


"@CtrlAltDwayne I know a lot of folks love Opus and Codex. They're great. We want to make Gemini an even more competitive coding model. If there are prompts or topics we don't do well at always open to folks sending them our way. We do take them seriously"  
[X Link](https://x.com/addyosmani/status/2021136393792000081)  2026-02-10T08:17Z 366.9K followers, 13.4K engagements


"Every time we've made it easier to write software we've ended up writing exponentially more of it. When high-level languages replaced assembly programmers didn't write less code - they wrote orders of magnitude more tackling problems that would have been economically impossible before. When frameworks abstracted away the plumbing we didn't reduce our output - we built more ambitious applications. When cloud platforms eliminated infrastructure management we didn't scale back - we spun up services for use cases that never would have justified a server room. @levie recently articulated why this"  
[X Link](https://x.com/addyosmani/status/2005768629691019544)  2025-12-29T22:31Z 367K followers, 555.5K engagements


"The best engineers never just wrote code. They were clarity merchants. The collapse of the implementation middle isn't making engineering less important but it's revealing what was always important: understanding problems so clearly that the code (now the spec for our agents) becomes more obvious. The engineers who will thrive aren't those who can translate specs to code fastest. They're the ones who can: [--]. Shape ambiguous problems into actionable intent [--]. Design the context architecture that makes good outcomes inevitable [--]. Judge what matters from what merely works This mirrors what"  
[X Link](https://x.com/addyosmani/status/2007899127925854536)  2026-01-04T19:37Z 367K followers, 219.3K engagements


"@PaulMaddison121 Yes this. Upfront spec + heavy context engineering + picking the right skills to pair are where my time are going before actually implementing these days"  
[X Link](https://x.com/addyosmani/status/2022836249111990522)  2026-02-15T00:51Z 366.9K followers, [---] engagements


"This is the most fun moment to be a developer in years. The AI tools are imperfect the patterns are still emerging and there's genuine room for experimentation. Roll up your sleeves and build something. The earthquake is further opening up what's possible. The best news about this new layer: traditional engineering skills are more valuable than ever not less. It helps us minimize shipping slop. Developers who already invested in CI/CD testing documentation and code review are having the most success with AI tools. These "boring" foundations are accelerators. They turn agents from chaos"  
[X Link](https://x.com/addyosmani/status/2004663973912932625)  2025-12-26T21:21Z 367K followers, 363.8K engagements


"Chrome DevTools now supports *individual* network request throttling Folks have been asking for this for years DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images scripts or API calls) are slow to load"  
[X Link](https://x.com/addyosmani/status/2010440624567460290)  2026-01-11T19:56Z 367K followers, 283.4K engagements


"Vibe Kanban: orchestrate multiple AI coding agents in parallel. Free and 100% open-source. Switch between Claude Code Codex Gemini CLI and track task status from a single dashboard"  
[X Link](https://x.com/addyosmani/status/2013333095244800481)  2026-01-19T19:29Z 367K followers, 132.6K engagements


"Announcing big changes to Gemini in Chrome - agentic browsing with Auto-browse Nano Banana & more 🚀"  
[X Link](https://x.com/addyosmani/status/2016576478209855895)  2026-01-28T18:17Z 367K followers, 1.4M engagements


"Every team shipping AI-assisted code at scale needs new norms around quality gates observability and ownership. Regardless of which model or toolchain you use this is one of the most practical frameworks I've seen for adopting agentic development. Software development is undergoing a renaissance in front of our eyes. If you haven't used the tools recently you likely are underestimating what you're missing. Since December there's been a step function improvement in what tools like Codex can do. Some great engineers at Software development is undergoing a renaissance in front of our eyes. If"  
[X Link](https://x.com/addyosmani/status/2019726180442870003)  2026-02-06T10:53Z 367K followers, 100.7K engagements


"AI users are working longer because for the first time our tools can finally keep pace with our imagination. But speed doesn't matter if you lack a destination. When output is cheap your greatest leverage isn't how much you build but the taste to know what is worth building - and the rest required to see the difference. Nearly every ambitious person I know who has dived into AI is working harder than ever and longer hours than ever. Fascinating dynamic tbh. I have NEVER worked this hard nor had this much fun with work. Nearly every ambitious person I know who has dived into AI is working"  
[X Link](https://x.com/addyosmani/status/2020425055067668862)  2026-02-08T09:10Z 367K followers, 39.6K engagements


"@theo Tool calling improvements are on our radar and we want Gemini to do better here. Please keep the feedback coming if there are other gaps you see 🙏"  
[X Link](https://x.com/addyosmani/status/2022455311307788289)  2026-02-13T23:38Z 367K followers, 10.7K engagements


"Taste is the quiet refusal to only ship "good enough." The magic happens when your standards are high and you've built the skill patience and systems to meet them. Prediction: In the AI age taste will become even more important. When anyone can make anything the big differentiator is what you choose to make. https://t.co/3GQUlfH58t Prediction: In the AI age taste will become even more important. When anyone can make anything the big differentiator is what you choose to make. https://t.co/3GQUlfH58t"  
[X Link](https://x.com/addyosmani/status/2022810750549631432)  2026-02-14T23:10Z 367K followers, 24.9K engagements


"@planetoftheweb Yeah. When the cost of generation hits zero the cost of maintenance and UX debt actually goes up if you lack taste. An MVP requires editing and AI is a terrible editor of its own ambition"  
[X Link](https://x.com/addyosmani/status/2022813429296492631)  2026-02-14T23:21Z 367K followers, [---] engagements


"Boris created Claude Code. His point here is important - when AI handles the code generation the engineer's value shifts to the decisions above the code: [--]. what do we build [--]. why for whom [--]. and how it all fits together. The bottleneck was always judgment taste and systems thinking. AI just made that more obvious. @big_duca Someone has to prompt the Claudes talk to customers coordinate with other teams decide what to build next. Engineering is changing and great engineers are more important than ever. @big_duca Someone has to prompt the Claudes talk to customers coordinate with other teams"  
[X Link](https://x.com/addyosmani/status/2022822356050399673)  2026-02-14T23:56Z 367K followers, 167.8K engagements


"@pixelandpump In the bay there's already been a flattening happening at some management layers and I've seen many (excitedly even) switch back to IC roles to focus on building"  
[X Link](https://x.com/addyosmani/status/2022885378462748951)  2026-02-15T04:07Z 367K followers, [---] engagements


"I like this framing especially modeling the work in terms of decision risk. For me the line is roughly: Agents handle code co-authoring low-risk code reviews tactical planning inside a clearly defined feature I stay very involved in technical / UX design feature briefs high-risk reviews app-level intent and constraints Once you start abdicating the app brief layer you compound risk. The leverage feels highest when humans stay crisp on "what problem what constraints what good looks like" and let agents explore the solution space aggressively underneath that."  
[X Link](https://x.com/addyosmani/status/2022924544953192528)  2026-02-15T06:42Z 367K followers, [---] engagements


"@Kailzer 100%. We created DevTools MCP to help with agentic coding debugging but it's a very different beast. Personally still reviewing a lot of output + trajectories to better understand what I'm landing"  
[X Link](https://x.com/addyosmani/status/2022972954834059298)  2026-02-15T09:55Z 367K followers, [---] engagements


"Disney's HTML comments are wholesome"  
[X Link](https://x.com/addyosmani/status/1242768191539097600)  2020-03-25T11:00Z 367K followers, [----] engagements


"A full free Stanford course on Web Security: by @feross 🍪 HTTP(S) Cookies Sessions 🛡Same Origin Policy 👿 Cross-Site Scripting (XSS) ☠ Cross-Site Script Inclusion 🔑 WebAuthn and more. http://stanford.io/2UHIu65 http://stanford.io/2UHIu65"  
[X Link](https://x.com/addyosmani/status/1244172441146068992)  2020-03-29T08:00Z 367K followers, [----] engagements


"ResizeObserver lets us observe changes to the layout size of elements: It's in the latest Safari Now in *all* modern browsers we can efficiently design components responsive to their container vs. just the viewport. http://bit.ly/ro-safari http://bit.ly/ro-safari"  
[X Link](https://x.com/addyosmani/status/1248899086490558465)  2020-04-11T09:02Z 367K followers, [----] engagements


"A fun generator for CSS-only section separators http://bit.ly/css-sections http://bit.ly/css-sections"  
[X Link](https://x.com/addyosmani/status/1253956913659703297)  2020-04-25T08:00Z 367K followers, 13.3K engagements


"Tip: Use curly braces in the command-line to quickly create multiple related files with less typing"  
[X Link](https://x.com/addyosmani/status/1265693572033961984)  2020-05-27T17:17Z 367K followers, [----] engagements


"Wow. You can create and edit full diagrams in your editor with the VS Code extension: http://bit.ly/draw-vsc http://Draw.io http://bit.ly/draw-vsc http://Draw.io"  
[X Link](https://x.com/addyosmani/status/1273148373940527107)  2020-06-17T07:00Z 367K followers, [----] engagements


"Tip: Set width & height on your img elements. This now allows modern browsers to infer their intrinsic size pre-download reducing layout shifts"  
[X Link](https://x.com/addyosmani/status/1276779799198007301)  2020-06-27T07:30Z 367K followers, [----] engagements


"Trying test responsive designs on target screens side-by-side. Includes DevTools click/scroll mirroring & batch screenshot export. https://responsively.app https://responsively.app"  
[X Link](https://x.com/addyosmani/status/1278606838070534149)  2020-07-02T08:30Z 367K followers, [----] engagements


"The CSS :is() pseudo-class will be useful for writing repetitive selectors in a more compact form: @simevidas covers it coming to browsers. http://bit.ly/is-wh http://bit.ly/is-wh"  
[X Link](https://x.com/addyosmani/status/1279344330046443524)  2020-07-04T09:20Z 367K followers, [----] engagements


"In @ChromeDevTools you can now right-click any element to take a screenshot of that element http://bit.ly/devtools-86 http://bit.ly/devtools-86"  
[X Link](https://x.com/addyosmani/status/1297428359731744769)  2020-08-23T07:00Z 367K followers, [----] engagements


"The new CSS aspect-ratio property lets you set the proportion of any element's dimensions without padding-top hacks Read about it in by @una http://web.dev/aspect-ratio http://web.dev/aspect-ratio"  
[X Link](https://x.com/addyosmani/status/1355417967257821185)  2021-01-30T07:30Z 367K followers, [----] engagements


"Tip: You can name capture groups for Regular Expressions in JavaScript. Define a named capture in angle brackets and they get returned under .groups"  
[X Link](https://x.com/addyosmani/status/1386031624232456194)  2021-04-24T18:57Z 367K followers, [----] engagements


"The img element now supports lazy-loading async decoding and many other features: I wrote about how to optimize UX & the Core Web Vitals with it. http://bit.ly/img-cwv http://bit.ly/img-cwv"  
[X Link](https://x.com/addyosmani/status/1388031656355794945)  2021-04-30T07:25Z 367K followers, [----] engagements


"The CSS :is() pseudo-class is useful for writing repetitive selectors in a more compact form: by @argyleink covers it well http://goo.gle/cssis http://goo.gle/cssis"  
[X Link](https://x.com/addyosmani/status/1411942923671785474)  2021-07-05T07:00Z 367K followers, [----] engagements


"Excited to announce "Learning Patterns": a free new visual book on the latest JavaScript design rendering and performance patterns from @lydiahallie and I. Available in ePub/PDF and on web coming this year"  
[X Link](https://x.com/addyosmani/status/1442021120975142919)  2021-09-26T07:00Z 367K followers, [----] engagements


"Tips for efficiently Googling. Search by: Exact match "javascript modules" Scope to site site:domain js After a date javascript after:2021 Before javascript before:2019 Exclude a phrase javascript -es5 Number range javascript [---------] Wildcard "fix the * error""  
[X Link](https://x.com/addyosmani/status/1444195449095737346)  2021-10-02T07:00Z 367K followers, [----] engagements


"Coding a side project lists services with free tiers for developers. https://free-for.dev https://free-for.dev"  
[X Link](https://x.com/addyosmani/status/1482833152548638723)  2022-01-16T21:52Z 367K followers, [----] engagements


"Loading bars explained. animation: @aaroniker concept: @ahieiei http://bit.ly/loading-3d http://bit.ly/loading-3d"  
[X Link](https://x.com/addyosmani/status/1486242792120537090)  2022-01-26T07:41Z 367K followers, [----] engagements


"Tip: Get native-app like sharing in a few lines of JS with the Web Share API: Supports sharing links text & files. http://web.dev/web-share http://web.dev/web-share"  
[X Link](https://x.com/addyosmani/status/1490055796704497665)  2022-02-05T20:12Z 367K followers, [----] engagements


"*Must read* for web developers: how modern browsers work by @kosamari [--] [--] [--] [--] and by @BrowserBook https://browser.engineering http://bit.ly/browsers-pt4 http://bit.ly/browsers-pt3 http://bit.ly/browsers-pt2 http://bit.ly/browsers-pt1 https://browser.engineering http://bit.ly/browsers-pt4 http://bit.ly/browsers-pt3 http://bit.ly/browsers-pt2 http://bit.ly/browsers-pt1"  
[X Link](https://x.com/addyosmani/status/1492398000500404227)  2022-02-12T07:19Z 367K followers, [----] engagements


"The "Software Engineering at Google" book is now free to read online: Great insights on improving code quality & scaling engineering teams. http://bit.ly/swe-book http://bit.ly/swe-book"  
[X Link](https://x.com/addyosmani/status/1520655031036354560)  2022-05-01T06:43Z 367K followers, 11.8K engagements


"Be careful with legacy code :)"  
[X Link](https://x.com/addyosmani/status/1568693483845877760)  2022-09-10T20:10Z 367K followers, 24.7K engagements


"Front-end developer and back-end developer"  
[X Link](https://x.com/addyosmani/status/1593447283042881543)  2022-11-18T03:33Z 367K followers, 18.8K engagements


""First do it then do it right then do it better." Just start. The journey to success often begins with a single step but that first step can be the hardest to take. It's easy to get caught up in the fear of failure or the desire for perfection but I hope this quote I first shared in [----] can be a reminder of the importance of simply getting started as we go into [----]. Just Start Somewhere "Start slow if you have to. Start small if you have to. Start privately if you have to. Just start." - James Clear Taking that first step doesn't require perfection or immediate mastery. The key is to"  
[X Link](https://x.com/addyosmani/status/1739052802314539371)  2023-12-24T22:37Z 367K followers, 396.7K engagements


"New in @ChromeDevTools Debug an app's full performance trace with Gemini After recording a trace you can now chat with Gemini about the entire trace related Performance insights and even connected field data - all without needing to select specific context beforehand"  
[X Link](https://x.com/addyosmani/status/1984713138454085925)  2025-11-01T20:04Z 367K followers, 691.4K engagements


"Be humble communicate clearly and respect others. It costs nothing to be kind but the impact is priceless"  
[X Link](https://x.com/addyosmani/status/940121473955463168)  2017-12-11T07:30Z 367K followers, [----] engagements


"A Netflix web performance case study: ⚡ 50% faster Time-to-Interactive (logged-out homepage) - ✂ JS libraries by 200KB - Client-side React ➡ vanilla JS - React used server-side ⚡ 30% faster subsequent navigations - Prefetch React for sign-up process https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9 https://medium.com/dev-channel/a-netflix-web-performance-case-study-c0bcde26a9d9"  
[X Link](https://x.com/addyosmani/status/1059711795089141760)  2018-11-06T07:39Z 367K followers, [----] engagements


"Understand JavaScript's async/await in [--] seconds by @manekinekko: https://async-await.xyz/ https://async-await.xyz/"  
[X Link](https://x.com/addyosmani/status/1097035418657144832)  2019-02-17T07:30Z 367K followers, [----] engagements


"So cool that @FirefoxDevTools shows inactive CSS and how to fix it"  
[X Link](https://x.com/addyosmani/status/1219160128492052480)  2020-01-20T07:30Z 367K followers, [----] engagements


"Loading bars explained. concept: @ahieiei animation: @aaroniker http://bit.ly/loading-pen http://bit.ly/loading-3d http://bit.ly/loading-pen http://bit.ly/loading-3d"  
[X Link](https://x.com/addyosmani/status/1224958334991654912)  2020-02-05T07:30Z 367K followers, [----] engagements


"Tip: target="_blank" on links to other sites can expose your site to performance and security issues. To fix add rel="noopener" or rel="noreferrer" to these links: ✅ http://bit.ly/relnoop http://bit.ly/relnoop"  
[X Link](https://x.com/addyosmani/status/1234055782896979968)  2020-03-01T10:00Z 367K followers, [----] engagements


"Tip: @FirefoxDevTools highlights what elements have scroll overflows Useful to find what DOM nodes have an unexpected scrollbar"  
[X Link](https://x.com/addyosmani/status/1256501178659033089)  2020-05-02T08:30Z 367K followers, [----] engagements


""I accidentally created this" 😅 (via u/saeedmotamed)"  
[X Link](https://x.com/addyosmani/status/1260048092843274241)  2020-05-12T03:24Z 367K followers, [----] engagements


"url.searchParams is so nice for getting/setting query string params"  
[X Link](https://x.com/addyosmani/status/1261944548160307200)  2020-05-17T09:00Z 367K followers, [----] engagements


"Tip: Font size isnt always the best way to emphasize text. Try font color and font weight instead. h/t @steveschoger"  
[X Link](https://x.com/addyosmani/status/1276802452352724992)  2020-06-27T09:00Z 367K followers, [----] engagements


"The inputmode attribute is great ✨ Hints to the browser what virtual keyboard to show on mobile: http://bit.ly/inputmode http://bit.ly/inputmode"  
[X Link](https://x.com/addyosmani/status/1348902534363152385)  2021-01-12T08:00Z 367K followers, [----] engagements


"CSS "content-visibility:auto" is amazing: skip rendering & painting offscreen content until needed. I got a 1s faster render on a long HTML document on desktop 3s on mobile. https://web.dev/content-visibility/ https://web.dev/content-visibility/"  
[X Link](https://x.com/addyosmani/status/1368479029683122180)  2021-03-07T08:30Z 367K followers, [----] engagements


"Tip: @ChromeDevTools has a CSS Animations inspector Modify timing delays durations and more"  
[X Link](https://x.com/addyosmani/status/1447079452987387905)  2021-10-10T06:00Z 367K followers, [----] engagements


"Introducing "Learning Patterns": - a free 435+ page book on JavaScript + React design & performance patterns from @lydiahallie and I. On the web ePub & PDF. http://patterns.dev http://patterns.dev"  
[X Link](https://x.com/addyosmani/status/1472833175923478531)  2021-12-20T07:36Z 367K followers, [----] engagements


""Your UI doesn't need to map one-to-one with your data's fields and values". Great thinking on simplicity from @steveschoger (whose Refactoring UI book is A+)"  
[X Link](https://x.com/addyosmani/status/1476440414856962048)  2021-12-30T06:30Z 367K followers, [----] engagements


"Logpoints in @ChromeDevTools are great. Log messages to Console without console.log() calls in your code - persists across page reloads too"  
[X Link](https://x.com/addyosmani/status/1561424823288356864)  2022-08-21T18:47Z 367K followers, [----] engagements


"When you suffer from imposter syndrome remember that everyone had to learn new things at some point. e.g. Googles Larry Page w/web dev:"  
[X Link](https://x.com/addyosmani/status/1687881284117504000)  2023-08-05T17:40Z 367K followers, 568.4K engagements


"Tip: @ChromeDevTools can now override the content of Fetch/XHR requests Great for mocking APIs without waiting on backend changes This and lots more in Chrome 117: http://bit.ly/wnd117 http://bit.ly/wnd117"  
[X Link](https://x.com/addyosmani/status/1691833832817967315)  2023-08-16T15:26Z 367K followers, 310.4K engagements


"Improved exception messages: Goodbye "undefined is not a function". Hello "http://t.co/rMIELG5VoW is not a function" http://t.co/3uykfrTK9O http://foo.bar http://foo.bar"  
[X Link](https://x.com/addyosmani/status/569157136137134081)  2015-02-21T15:30Z 367K followers, [----] engagements


"Tip: Chrome can measure how much unused JavaScript is on your page DevTools top-right menu More tools Coverage https://bit.ly/unused-js https://bit.ly/unused-js"  
[X Link](https://x.com/addyosmani/status/1085439006433669120)  2019-01-16T07:30Z 367K followers, [----] engagements


"Tip: @ChromeDevTools has a Shadow Editor built in"  
[X Link](https://x.com/addyosmani/status/1222421620230443010)  2020-01-29T07:30Z 367K followers, [----] engagements


"📣 "The Cost Of JavaScript In 2018" https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4 https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4"  
[X Link](https://x.com/addyosmani/status/1024905238686253056)  2018-08-02T06:30Z 367K followers, [----] engagements


"📢 Announcing quicklink 1KB library to. ⚡ Automatically prefetch links in the viewport during idle time Attempt to make next-page navigations load faster 📡 Data-considerate: doesn't prefetch on 2G or if Data Saver on https://github.com/GoogleChromeLabs/quicklink https://github.com/GoogleChromeLabs/quicklink"  
[X Link](https://x.com/addyosmani/status/1073118564423356416)  2018-12-13T07:32Z 367K followers, [----] engagements


"Tip: Run copy(obj) in the @ChromeDevTools console to copy an object to your clipboard"  
[X Link](https://x.com/addyosmani/status/1092686766375616517)  2019-02-05T07:30Z 367K followers, [----] engagements


"Use React Render large lists efficiently with react-window: small library for virtualizing lists & grids. Renders what users can see vs all your items at once ⚡ https://bit.ly/react-window https://bit.ly/react-window"  
[X Link](https://x.com/addyosmani/status/1104645563138506753)  2019-03-10T07:30Z 367K followers, [----] engagements


"is amazing. Free service to remove the background of any photo 100% automatically. https://remove.bg https://remove.bg"  
[X Link](https://x.com/addyosmani/status/1110791058538024960)  2019-03-27T06:30Z 367K followers, 11.3K engagements


"Native img lazy-loading is coming to the web img loading=lazy defers offscreen images until the user scrolls near them. Shipping in Chrome [--] https://bit.ly/loading-i2s https://bit.ly/loading-attribute https://bit.ly/loading-i2s https://bit.ly/loading-attribute"  
[X Link](https://x.com/addyosmani/status/1114777583302799360)  2019-04-07T06:31Z 367K followers, 25.7K engagements


"Puppeteer Recorder is game-changing for tests: This Chrome extension records interactions & *generates* replay scripts 🤯 https://bit.ly/pptr-recorder https://bit.ly/pptr-recorder"  
[X Link](https://x.com/addyosmani/status/1171309831669477376)  2019-09-10T06:30Z 367K followers, [----] engagements


"Optional Chaining & Nullish Coalescing are coming to JavaScript They're short readable and are both available to try in Chrome Canary 🎉 https://v8.dev/features/nullish-coalescing https://v8.dev/features/optional-chaining https://v8.dev/features/nullish-coalescing https://v8.dev/features/optional-chaining"  
[X Link](https://x.com/addyosmani/status/1193215008789807104)  2019-11-09T17:13Z 367K followers, [----] engagements


"Tip: @ChromeDevTools can pin Live Expressions to the top of Console to monitor values in real-time ✨"  
[X Link](https://x.com/addyosmani/status/1201219613779869696)  2019-12-01T19:20Z 367K followers, [----] engagements


"Coding over the holidays lists services with free tiers for developers. https://free-for.dev https://free-for.dev"  
[X Link](https://x.com/addyosmani/status/1209918217193308160)  2019-12-25T19:25Z 367K followers, [----] engagements


"My lessons from the decade: * You never stop learning * You can't know everything * Failure is healthy & helps us grow * Your biggest competition is yourself * Communication is key in life & work * Be kind & empathize with others * Value friends & family * Get enough sleep :)"  
[X Link](https://x.com/addyosmani/status/1212104791087706112)  2019-12-31T20:14Z 367K followers, [----] engagements


"Tip: highlight images missing alt text with img:not(alt)"  
[X Link](https://x.com/addyosmani/status/1223872295619330048)  2020-02-02T07:34Z 367K followers, [----] engagements


"Tip: @ChromeDevTools has a CSS Animations inspector Modify timing delays durations and more"  
[X Link](https://x.com/addyosmani/status/1224233558572584960)  2020-02-03T07:30Z 367K followers, [----] engagements


"Tip: helps you find the right git commands quickly. Super handy reference. http://gitexplorer.com http://gitexplorer.com"  
[X Link](https://x.com/addyosmani/status/1228974800187658241)  2020-02-16T09:30Z 367K followers, [----] engagements


""Your UI doesn't need to map one-to-one with your data's fields and values". Great thinking on simplicity from @steveschoger"  
[X Link](https://x.com/addyosmani/status/1229329639056846851)  2020-02-17T09:00Z 367K followers, [----] engagements


"Tip: Shave up to 90% off the size of Google Fonts requests by declaring only characters you need with &text: http://bit.ly/fonts-text http://bit.ly/fonts-text"  
[X Link](https://x.com/addyosmani/status/1229344737724784640)  2020-02-17T10:00Z 367K followers, [----] engagements


"An excellent guide to the proper use of animation in UX: http://bit.ly/animation-in-ux http://bit.ly/animation-in-ux"  
[X Link](https://x.com/addyosmani/status/1232251391227203584)  2020-02-25T10:30Z 367K followers, [----] engagements


"Tip: Get native-app like sharing in a few lines of JS with the Web Share API: Supports sharing links text & files. http://web.dev/web-share http://web.dev/web-share"  
[X Link](https://x.com/addyosmani/status/1257588342314721280)  2020-05-05T08:30Z 367K followers, [----] engagements


"Tip: In @ChromeDevTools hold shift while hovering over a request and it will highlight the initiator in green and dependencies in red"  
[X Link](https://x.com/addyosmani/status/1260479896888975362)  2020-05-13T08:00Z 367K followers, [----] engagements


""Use Grid for layout Flexbox for components": Great tips on how to decide what fits your use-case by @shadeed9 http://bit.ly/gr-fl http://bit.ly/gr-fl"  
[X Link](https://x.com/addyosmani/status/1272423597550657537)  2020-06-15T07:00Z 367K followers, [----] engagements


"1000+ open-source UI designs: Sketch Figma and PhotoShop sources for all kinds of web projects. http://uidesigndaily.com http://uidesigndaily.com"  
[X Link](https://x.com/addyosmani/status/1274613024528072704)  2020-06-21T08:00Z 367K followers, [----] engagements


"Starting a project in [----] (h/t @chrisoncode)"  
[X Link](https://x.com/addyosmani/status/1274960311175405569)  2020-06-22T07:00Z 367K followers, [----] engagements


"TIL CSS "background-repeat: round" repeats background images without clipping ✂ http://bit.ly/bgroundtips http://bit.ly/bgroundtips"  
[X Link](https://x.com/addyosmani/status/1275322697933881344)  2020-06-23T07:00Z 367K followers, 10.4K engagements


"border: 1px solid red; is the console.log of CSS"  
[X Link](https://x.com/addyosmani/status/1275700187491639298)  2020-06-24T08:00Z 367K followers, 11K engagements


"550+ free customizable SVG icons that are open-source: - an awesome collection by @csaba_kissi & @Ildiesign http://tablericons.com http://tablericons.com"  
[X Link](https://x.com/addyosmani/status/1282251604276776961)  2020-07-12T09:53Z 367K followers, [----] engagements


"Weve improved img lazy-loading in Chrome The new thresholds for when we load img loading=lazy: * Offer *much* better data-savings * Are closer to JavaScript lazy-loading libraries * Are rolling out to Chrome 79+ http://bit.ly/lazy-updates http://bit.ly/lazy-updates"  
[X Link](https://x.com/addyosmani/status/1284020009350701057)  2020-07-17T07:00Z 367K followers, [----] engagements


"AVIF is an image format that compresses to a smaller size than WebP or JPEG It's in Chrome [--] behind a flag in Firefox & can be a progressive enhancement http://bit.ly/avif-pe http://bit.ly/avif-pe"  
[X Link](https://x.com/addyosmani/status/1297463776879550464)  2020-08-23T09:20Z 367K followers, [----] engagements


"Have low-resolution images Enlarge them & improve their quality with All client side. Powered by ML using UpscalerJS & TensorFlow.js. https://ojoy.netlify.app https://ojoy.netlify.app"  
[X Link](https://x.com/addyosmani/status/1353616560057815041)  2021-01-25T08:11Z 367K followers, [----] engagements


"How Spotify makes text on images more readable: a CSS linear-gradient overlay. More common these days but still an effective technique for better color contrast"  
[X Link](https://x.com/addyosmani/status/1365735686838493187)  2021-02-27T18:48Z 367K followers, [----] engagements


"VSCode now has bracket pair colorization natively baked in Aims to be faster than the popular Bracket Pair Colorizer extension. Smooth so far: http://bit.ly/vscbp http://bit.ly/vscbp"  
[X Link](https://x.com/addyosmani/status/1434229375860240385)  2021-09-04T18:58Z 367K followers, [----] engagements


"Tip: @ChromeDevTools has a CSS Shadow Editor"  
[X Link](https://x.com/addyosmani/status/1447456939466706946)  2021-10-11T07:00Z 367K followers, [----] engagements


"CSS aspect-ratio is now supported cross-browser It lets you set the proportion of an element's dimensions without padding-top hacks 😍 Read more in http://mdn.io/aspect-ratio http://web.dev/aspect-ratio http://mdn.io/aspect-ratio http://web.dev/aspect-ratio"  
[X Link](https://x.com/addyosmani/status/1468483568166862848)  2021-12-08T07:32Z 367K followers, [----] engagements


"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"  
[X Link](https://x.com/addyosmani/status/1474473165480886273)  2021-12-24T20:12Z 367K followers, [----] engagements


"DevTools now shows inactive CSS properties. Hovering explains why the rule has no visible effect. So nice"  
[X Link](https://x.com/addyosmani/status/1586471284254208000)  2022-10-29T21:33Z 367K followers, [----] engagements


"Coding a side project lists services with free tiers for developers. https://free-for.dev https://free-for.dev"  
[X Link](https://x.com/addyosmani/status/1703469981659484459)  2023-09-17T18:04Z 367K followers, 437.9K engagements


"This is a phenomenal web demo. Enabled by window.getScreenDetails() which provides basic live info (size position etc) from all screens on the device. Entangled #fxhash https://t.co/SrD0oAQpUJ Entangled #fxhash https://t.co/SrD0oAQpUJ"  
[X Link](https://x.com/addyosmani/status/1727412022747554073)  2023-11-22T19:41Z 367K followers, 584.8K engagements


"Quickly turn a GitHub repository into text for LLMs with Gitingest ⚡ Replace "hub" with "ingest" in any GitHub URL for a text version of the codebase"  
[X Link](https://x.com/addyosmani/status/1870573469173530798)  2024-12-21T20:54Z 367K followers, 293K engagements


"Fireworks in your terminal ❤ npx firew0rks"  
[X Link](https://x.com/addyosmani/status/1874222922673578021)  2024-12-31T22:35Z 367K followers, 259.9K engagements


"Tip: Get the unique values of an array in JS. Use ES2015 Set() and .rest to discard duplicate values"  
[X Link](https://x.com/addyosmani/status/952805052086824960)  2018-01-15T07:30Z 367K followers, [----] engagements


"JavaScript's built-in string methods keep getting better"  
[X Link](https://x.com/addyosmani/status/960777581061554182)  2018-02-06T07:30Z 367K followers, [----] engagements

Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing