Chrome for Developers’ cover photo
Chrome for Developers

Chrome for Developers

Technology, Information and Internet

Helping you build, grow, and innovate on the web.

About us

The official Chrome for Developers LinkedIn account from Google. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users.

Website
https://developer.chrome.com/
Industry
Technology, Information and Internet
Company size
5,001-10,000 employees

Updates

  • Chrome for Developers reposted this

    Forms on the web are really underrated, they’re everywhere ✨ There are lots of things we can do today when building them to make them easier for users to fill in and submit. That’s the topic of our latest video. Popular models and agents tend to miss these best practices. They only do an expensive web search for them if they realise they’re missing something, and often they don’t. Have a watch, and if you have thoughts or feedback, drop me a message, I’d love to hear them 💛 YouTube link in the comments! #WebDevelopment #AI #Chrome

    • No alternative text description for this image
  • Build more accessible, progressive forms faster with your favorite AI agent. Building web forms with AI agents can often lead to missed opportunities for progressive enhancements that directly impact your conversion rates. In this demo video, we compare two AI coding agents running the exact same prompt to build a checkout form. Watch the agent equipped with Modern Web Guidance: 🏷️ Check for form best practices, surfacing critical context for autocomplete attributes ⌨️ Adds a keyboard Enter key hint 🎨 Styles with the :autofill pseudo-class. Install Modern Web Guidance for your agent today to start writing cleaner web code → goo.gle/mwg

  • Stop adding !important to solve CSS specificity issues → https://goo.gle/4729nY4 Starting in Chrome 151, you no longer need to calculate selector weights in your head or guess why a style isn't applying. You can hover over any selector inside the Styles tab to inspect an accurate breakdown of its specificity weight. This tool helps you tune your selectors precisely instead of relying on !important.

  • Entry and exit animations in a card-based UI can break if card or screen dimensions change. Newer CSS animation properties can help, but not all browsers support them. We gave a coding agent the same prompt twice: once unaided, once with Modern Web Guidance installed. Compare their results side-by-side below and install Modern Web Guidance here → goo.gle/mwg With the guidance, the agent: ✅ Decoupled entry and exit animations ✅ Avoided fragile percentage calculations ✅ Implemented fallbacks for browsers that don't support needed animation properties

  • Chrome for Developers reposted this

    🎥 What's new in DevTools in October: https://lnkd.in/dzibMh7B I am back! After meeting so many of you across Google I/O Connect in Berlin, Bengaluru, and Shanghai, I went to the studio for a brand-new episode of What's New in DevTools, covering everything that landed in Chrome 152, 153, and 154! 🏎️ ♻️ Apart from the new, faster release cycle, which brings you two Chrome releases per month going forward, this video brings you up to speed on: • DevTools for Agents with Agent Plugins 1.0, memory debugging, and fine-grained JavaScript execution controls • Performance with full soft navigation support, plus custom CPU performance tier overrides • Elements & Styles with plenty of quality-of-life improvements, like hiding inactive styles and specificity tooltips 📖 If you would rather read than watch, you can find the full breakdown here: https://lnkd.in/dk-ecPzZ As always, thanks to Aaron Gove and Matt Bayfield who produced this with me. Aaron even brought his LEGOs along for some fun bits in our upcoming Developer Tooling Tips episodes! For those of you who want to dive deeper into memory debugging, my colleague Jose Luis Zapata De Santiago wrote excellent documentation on exactly that, walking through how to hand a heap snapshot to an AI agent and actually get somewhere: https://lnkd.in/dqDiVpci 👀 And there is more coming! We also recorded two new Developer Tooling Tips episodes in London: • An episode on Memory debugging with agents, putting Zapata's docs into practice • And one about CLI vs. MCP, when to reach for which, and why the answer isn't always obvious Which of these updates are you trying first?

    • Emma, Kasper, Patti and me at the Modern Web Guidance Booth in Shanghai.
    • In the studio in London, messing up reading from the tele prompter.
    • A LEGO GameBoy and two LEGO space vehicles on a desk.
  • Advance your CSS animations with scroll-triggered animations in Chrome → https://goo.gle/4dhcvmh If you're familiar with scroll-driven animations, scroll-triggered animations are the next iteration, already available in Chrome. Instead of linking animation progress directly to scroll movement, this feature lets you start time-based CSS keyframes when scrolling past specific offsets, all in CSS without JavaScript.

  • Listen to The CSS Podcast to learn about carousel scroll APIs → https://goo.gle/47reBwt Carousels are evolving beyond heavy scripts. In this episode of The CSS Podcast, Una and Bramus walk through CSS features that empower you to build full-featured, interactive carousels directly in the browser. Learn how to configure scroll buttons, set up scroll markers, use the :target-current pseudo-class to style active states, and leverage scroll-target-group for effortless scroll spy patterns, all without writing JavaScript.

    • No alternative text description for this image

Affiliated pages

Similar pages