Skip to content
By using Twitter’s services you agree to our Cookies Use. We and our partners operate globally and use cookies, including for analytics, personalisation, and ads.

For the best Twitter experience, please use Microsoft Edge, or install the Twitter app from Microsoft Store.

  • Home Home Home, current page.
  • About

Saved searches

  • Remove
  • In this conversation
    Verified accountProtected Tweets @
Suggested users
  • Verified accountProtected Tweets @
  • Verified accountProtected Tweets @
  • Language: English
    • Bahasa Indonesia
    • Bahasa Melayu
    • Català
    • Čeština
    • Dansk
    • Deutsch
    • English UK
    • Español
    • Filipino
    • Français
    • Hrvatski
    • Italiano
    • Magyar
    • Nederlands
    • Norsk
    • Polski
    • Português
    • Română
    • Slovenčina
    • Suomi
    • Svenska
    • Tiếng Việt
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • العربية
    • فارسی
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • Have an account? Log in
    Have an account?
    · Forgot password?

    New to Twitter?
    Sign up
tomayac's profile
Thomas Steiner
Thomas Steiner
Thomas Steiner
@tomayac

Tweets

Thomas Steiner

@tomayac

🇪🇺 Dad-of-3. Developer Advocate at @Google (🇩🇪), PhD from @la_UPC (🇪🇸), Postdoc at @UniversiteLyon (🇫🇷). #PWA #JavaScript #NodeJS #Fugu 🐡 #SemanticWeb

Hamburg, Germany
blog.tomayac.com
Joined May 2008

Tweets

  • © 2020 Twitter
  • About
  • Help Center
  • Terms
  • Privacy policy
  • Imprint
  • Cookies
  • Ads info
Dismiss
Previous
Next

Go to a person's profile

Saved searches

  • Remove
  • In this conversation
    Verified accountProtected Tweets @
Suggested users
  • Verified accountProtected Tweets @
  • Verified accountProtected Tweets @

Promote this Tweet

Block

  • Tweet with a location

    You can add location information to your Tweets, such as your city or precise location, from the web and via third-party applications. You always have the option to delete your Tweet location history. Learn more

    Your lists

    Create a new list


    Under 100 characters, optional

    Privacy

    Copy link to Tweet

    Embed this Tweet

    Embed this Video

    Add this Tweet to your website by copying the code below. Learn more

    Add this video to your website by copying the code below. Learn more

    Hmm, there was a problem reaching the server.

    By embedding Twitter content in your website or app, you are agreeing to the Twitter Developer Agreement and Developer Policy.

    Preview

    Why you're seeing this ad

    Log in to Twitter

    · Forgot password?
    Don't have an account? Sign up »

    Sign up for Twitter

    Not on Twitter? Sign up, tune into the things you care about, and get updates as they happen.

    Sign up
    Have an account? Log in »

    Two-way (sending and receiving) short codes:

    Country Code For customers of
    United States 40404 (any)
    Canada 21212 (any)
    United Kingdom 86444 Vodafone, Orange, 3, O2
    Brazil 40404 Nextel, TIM
    Haiti 40404 Digicel, Voila
    Ireland 51210 Vodafone, O2
    India 53000 Bharti Airtel, Videocon, Reliance
    Indonesia 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    Italy 4880804 Wind
    3424486444 Vodafone
    » See SMS short codes for other countries

    Confirmation

     

    Welcome home!

    This timeline is where you’ll spend most of your time, getting instant updates about what matters to you.

    Tweets not working for you?

    Hover over the profile pic and click the Following button to unfollow any account.

    Say a lot with a little

    When you see a Tweet you love, tap the heart — it lets the person who wrote it know you shared the love.

    Spread the word

    The fastest way to share someone else’s Tweet with your followers is with a Retweet. Tap the icon to send it instantly.

    Join the conversation

    Add your thoughts about any Tweet with a Reply. Find a topic you’re passionate about, and jump right in.

    Learn the latest

    Get instant insight into what people are talking about now.

    Get more of what you love

    Follow more accounts to get instant updates about topics you care about.

    Find what's happening

    See the latest conversations about any topic instantly.

    Never miss a Moment

    Catch up instantly on the best stories happening as they unfold.

    Thomas Steiner‏ @tomayac 18 Dec 2019
    • Report Tweet

    #A11Y Tip: Don't set absolute font sizes! If someone has their default browser font size bumped up/down, you override their choice and force them to zoom. 😔 Instead, set the font size to `100%` on the `:root {}` level and make everything a function thereof via `em` or `rem`. 🎉pic.twitter.com/q455OUjHO8

    Browser preferences page showing the default font size settings section.
    Default font size set to very large, a web page uses the appropriate font size in function of this setting.
    Default font size set to very small, a web page uses the appropriate font size in function of this setting.
    Default font size set to medium regular, a web page uses the appropriate font size in function of this setting.
    3:02 AM - 18 Dec 2019
    • 77 Retweets
    • 187 Likes
    • jsl Achaye Mark Santoso Devessier Yujia AJ Klein Chris Weise-Onnen tonifisler Joshua Nichols
    6 replies 77 retweets 187 likes
      1. Thomas Steiner‏ @tomayac 18 Dec 2019
        • Report Tweet

        Full credits to @matejlatin from whose article https://betterwebtype.com/articles/2019/06/16/5-keys-to-accessible-web-typography/ … I have learned this from. We just fixed this issue on http://v8.dev  (pending deploy).

        1 reply 6 retweets 20 likes
        Show this thread
        Thanks. Twitter will use this to make your timeline better. Undo
        Undo
      1. New conversation
      2. Aaron Peters‏ @aaronpeters 18 Dec 2019
        • Report Tweet
        Replying to @tomayac @mathias

        So, using 1.1 rem in the root is bad?

        1 reply 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 18 Dec 2019
        • Report Tweet
        Replying to @aaronpeters @mathias

        By doing that, you override and upscale the user's chosen default font size, which typically is 16px, to 17.6px. You can do that, but maybe only above a certain screen size (or more hand-wavily: on "big" screens).

        1 reply 1 retweet 0 likes
      4. 2 more replies
      1. New conversation
      2. Filip Stanis‏ @FilipStanis 19 Dec 2019
        • Report Tweet
        Replying to @tomayac

        I understand the rest, but I'm a bit confused about this: what's the purpose of setting :root to 100%? Isn't that the default?

        1 reply 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 19 Dec 2019
        • Report Tweet
        Replying to @FilipStanis

        It is the default, making it explicit mostly just makes sure you (or a CSS framework that you may include) don't set it to something else… ;-)

        1 reply 0 retweets 0 likes
      4. 2 more replies
      1. New conversation
      2. CJ Infantino‏ @cjinfantino 18 Dec 2019
        • Report Tweet
        Replying to @tomayac

        Can’t you use “rem” which is a relative value based on the browsers set font size?

        1 reply 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 18 Dec 2019
        • Report Tweet
        Replying to @cjinfantino

        Yes, as long as you use `:root { font-size: 1rem; }`.

        0 replies 0 retweets 1 like
      4. End of conversation
      1. New conversation
      2. bruno (NOT Fernandes)‏ @theBashShell 19 Dec 2019
        • Report Tweet
        Replying to @tomayac

        Right. But this may cause content to overflow and you may get the ugly scrollbars

        1 reply 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 19 Dec 2019
        • Report Tweet
        Replying to @theBashShell

        If someone sets their default font size to very large, ugly scrollbars may be the least of their concerns…

        0 replies 0 retweets 1 like
      4. End of conversation
      1. Josh Goldberg‏ @JoshuaKGoldberg 18 Dec 2019
        • Report Tweet
        Replying to @tomayac @mgechev

        Oh wow so that's why we do that! Ty 😆

        0 replies 0 retweets 1 like
        Thanks. Twitter will use this to make your timeline better. Undo
        Undo

    Loading seems to be taking a while.

    Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

      Promoted Tweet

      false

      • © 2020 Twitter
      • About
      • Help Center
      • Terms
      • Privacy policy
      • Imprint
      • Cookies
      • Ads info