Image
user avatar
Sam Dutton
@sw12
Developer Advocate at Google. I built simpl.info: simplest possible examples of HTML, CSS and JavaScript.
London
Joined March 2007
  • user avatar
    🧐 To avoid seeing errors from extensions in Chrome DevTools, check 'Selected context only'.
    Screenshot of Chrome DevTools Console showing 'Selected context only' checked.
  • user avatar
    Need to audit website performance? I wrote a guide: developers.google.com/web/fundamenta… Comments welcome — message me or reply to this tweet.
    Image
  • user avatar
    Eye-tracking with getUserMedia — works pretty well, could be useful for UI testing webgazer.cs.brown.edu #WebRTC
    Image
  • user avatar
    Love this! 90+ vanilla JavaScript recipes for common DOM tasks. htmldom.dev 👍🙏 ht @Paul_Kinlan
    Screenshot of htmldom.dev, showing list of common DOM tasks
  • user avatar
    📣 TIL you can do this in the Chrome DevTools console: monitorEvents($('selector')) medium.freecodecamp.com/10-tips-to-max… ht @rob_dodson
  • user avatar
    📢 Progressive Web Apps: the Future of the Mobile Web 📢 Free eBook from Google, Microsoft & Awwwards. awwwards.com/PWA-ebook Great contributions from @jennylg, @Mustafa_x, @codepo8, @a_bowl_of_stars, @tomayac and others (including @sw12!).
    📢 Progressive Web Apps: The future of the Mobile Web 📢  Free eBook from Google, Microsoft & Awwwards.
  • user avatar
    The 'search box' is probably the single most important component of any e-commerce site. How do you get it right? medium.com/@samdutton/how…
    tl;dr: How to build a really great search box
  • user avatar
    Which APIs are supported in Web Workers and Service Workers? Handy chart from @nolanlawson nolanlawson.github.io/html5workertest
    Image
  • user avatar
    The HTML <head> element: a comprehensive list of things that can go in it.
    HTML <head> - github.com/joshbuchea/HEAD - A detailed list of everything that goes in the <head> of your document.
    Image
  • user avatar
    Show stakeholders how site speed improvements can increase revenue. web.dev/value-of-speed Brilliant article from @LinaCHansson.
    Aircraft instrument panel, photographer Arie Wubben via unsplash.com
  • user avatar
    Image
  • user avatar
    📢 What’s New With Forms in 2022? css-tricks.com/whats-new-with… Great article from @hypeddev. Now widely supported: • requestSubmit() • submitter property of submit event • formdata event • showPicker() • inert attribute on form elements ...and TIL 🙄 disabled on a fieldset.
    Screenshot of code sample on CodePen , showing the form inert attribute.
  • user avatar
    Search 400+ Chrome developer videos – now with clickable, human-readable transcripts: simpl.info/search
  • user avatar
    Replying to @BabyAnimalPics
    Hi from Little Puss in Tooting Bec, London.
    Image
    00:00