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.
  • 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
ChromeDevTools's profile
Chrome DevTools
Chrome DevTools
Chrome DevTools
Verified account
@ChromeDevTools

Tweets

Chrome DevToolsVerified account

@ChromeDevTools

Official account. Follow for latest news, features, tips, handy extensions and more.

Google Chrome
devtools.chrome.com
Joined November 2014

Tweets

  • © 2019 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.

    1. Anna Migas‏ @szynszyliszys 5 Nov 2017
      • Report Tweet
      Replying to @appsforartists @DasSurma and

      Shadow could be done with a pseudo element that has its opacity animated. But resizing things in a performant way could be easier indeed

      1 reply 0 retweets 2 likes
    2. Brenton‏ @appsforartists 5 Nov 2017
      • Report Tweet
      Replying to @szynszyliszys @DasSurma and

      Would love to see a pen. I'm presuming you want accurate shadows. To GPU-accel resize with correct corners, you'd need to 9-patch...

      1 reply 0 retweets 0 likes
    3. Brenton‏ @appsforartists 5 Nov 2017
      • Report Tweet
      Replying to @appsforartists @szynszyliszys and

      ...and to have the shadows on the patches align seamlessly, you'd need to mask the patches, which is either DOM complexity or paintWorklets.

      1 reply 0 retweets 0 likes
    4. Brenton‏ @appsforartists 5 Nov 2017
      • Report Tweet
      Replying to @appsforartists @szynszyliszys and

      But if you know better techniques, I would love to see examples!

      1 reply 0 retweets 0 likes
    5. Shaw‏ @shshaw 5 Nov 2017
      • Report Tweet
      Replying to @appsforartists @szynszyliszys and

      My original pen doesn’t have shadows so I wasn’t factoring that in. Pseudo el shadows via opacity/translate/scale for expansion could work

      1 reply 0 retweets 0 likes
    6. Shaw‏ @shshaw 8 Nov 2017
      • Report Tweet
      Replying to @shshaw @appsforartists and

      Here's a transform-based equivalent of the original. Haven't fully performance tested, but there does seem to be a perceivable difference:https://codepen.io/shshaw/pen/LOZgJr?editors=1100 …

      2 replies 1 retweet 1 like
    7. Anna Migas‏ @szynszyliszys 8 Nov 2017
      • Report Tweet
      Replying to @shshaw @appsforartists and

      So much nicer! :D You can try adding will-change to see if it makes the performance any better (now everything is on the same layer).

      2 replies 0 retweets 1 like
    8. Shaw‏ @shshaw 8 Nov 2017
      • Report Tweet
      Replying to @szynszyliszys @appsforartists and

      Is `will-change` on the top moving element sufficient, or should everything moving with transform have a `will-change`?

      1 reply 0 retweets 0 likes
    9. Anna Migas‏ @szynszyliszys 8 Nov 2017
      • Report Tweet
      Replying to @shshaw @appsforartists and

      My first guess would be to have every element on separate layer, but just checked and they still seem to cause repaints because of pseudo elements inside. Would have to dig deeper, but my brain is telling me to sleep.

      1 reply 0 retweets 1 like
    10. Anna Migas‏ @szynszyliszys 8 Nov 2017
      • Report Tweet
      Replying to @szynszyliszys @shshaw and

      Small proof video with Layers tab (my new fav @ChromeDevTools).pic.twitter.com/iPRdVDT9JI

      2 replies 0 retweets 2 likes
      Chrome DevTools‏Verified account @ChromeDevTools 8 Nov 2017
      • Report Tweet
      Replying to @szynszyliszys @shshaw and

      Here's a doc on how to access the Layers tab (it's quite hidden) https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference#layers …

      4:53 PM - 8 Nov 2017
      • 4 Likes
      • Bkeanu1989 xmanilovechina Shaw David K. 🎹
      1 reply 0 retweets 4 likes
        1. New conversation
        1. Surma‏ @DasSurma 8 Nov 2017
          • Report Tweet
          Replying to @ChromeDevTools @szynszyliszys and

          I totally have a Supercharged MicroTip coming up on that one :3

          2 replies 0 retweets 5 likes
        2. Brenton‏ @appsforartists 8 Nov 2017
          • Report Tweet
          Replying to @DasSurma @ChromeDevTools and

          I had to ask PDR where to find the Rendering tab once. @ChromeDevTools is a great tool, but I don't always know where to find things in it (even if I've used them many times before).

          1 reply 0 retweets 2 likes
        3. 1 more reply

      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

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