Smashing MagazineCuenta verificada

@smashingmag

An online magazine for designers and web developers. Questions? We've got your back: , . Curated by Iris, Vitaly and the team.

Freiburg, Germany
smashingmagazine.com
Se unió en agosto de 2008
4.241 fotos y videos Fotos y vídeos

los Tweets

Bloqueaste a @smashingmag

¿Estás seguro de que quieres ver estos Tweets? Ver los Tweets no desbloqueará a @smashingmag

  1. Tweet fijado
    11 ene.

    Let's make 2021... fast! 🏎️💨 🔥 Front-End Performance Checklist 2021 [PDF, Pages, Word] 🎯 Metrics, targets 📦 Bundling 🚚 Delivery 🏎️ Single-Page Apps 🎪 HTTP/2, HTTP/3 📈 3rd-party, JS bundles 🧰 Tooling ✅ TL;DR Checklist 🎁 Free PDF

    Adaptive image loading, with various types of assets sent to different connection types.
    AV1, a new video format with a compression similar to the H.265 codec (the evolution of H.264) but unlike the latter, AV1 is free.
    A break-down showing how different resources are prioritized in Blink as of Chrome 46 and beyond.
    5 respuestas 249 retweets 745 Me gusta
    Deshacer
  2. retwitteó
    24 abr.

    I wrote an article for about websites giving age-old features new verve. Sometimes it’s the little things in web life that make us look twice.

    A photo of the author next to the title of the article published on Smashing Magazine today
    ✨ From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic:
    1 retweet 26 Me gusta
    Deshacer
  3. retwitteó
    23 abr.

    🔖 A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors. With demos, code samples and explanations, by . – :any-link – :focus-visible – :focus-within – :is – :where – :not – :has() – :empty

    we wrap the label and input in a container, and then attach :focus-within to that container as well as selecting the label.
    :where in use, selecting an image, and only that image.
    1 respuesta 51 retweets 207 Me gusta
    Deshacer
  4. 23 abr.

    🔖 A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors. With demos, code samples and explanations, by . – :any-link – :focus-visible – :focus-within – :is – :where – :not – :has() – :empty

    we wrap the label and input in a container, and then attach :focus-within to that container as well as selecting the label.
    :where in use, selecting an image, and only that image.
    1 respuesta 51 retweets 207 Me gusta
    Deshacer
  5. 23 abr.

    How do you structure and organize your CSS these days? SMACSS, Atomic CSS, BEM, OOCSS, ITCSS, CUBE CSS? What worked for you, and what didn't? ()

    7 respuestas 19 retweets 83 Me gusta
    Deshacer
  6. retwitteó
    22 abr.

    What browser extensions boost your debugging workflow immensely every other day?

    12 respuestas 4 retweets 35 Me gusta
    Deshacer
  7. retwitteó
    22 abr.

    Quick evening devsheet. 🙈 `accent-color` will enable us to have style-matching checkboxes and radios. 👏 🔗 Spec: 🔗 CodePen example: Video alt: A purple coloured radio and checkbox input.

    4 respuestas 30 retweets 145 Me gusta
    Deshacer
  8. 22 abr.

    What browser extensions boost your debugging workflow immensely every other day?

    12 respuestas 4 retweets 35 Me gusta
    Deshacer
  9. 22 abr.

    ✨ From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic:

    A photo of the author next to the title of the article published on Smashing Magazine today
    1 respuesta 3 retweets 32 Me gusta
    Deshacer
  10. retwitteó
    21 abr.

    Excited to share my new guide on Incremental Static Regeneration! Thank you 🎉

    The advantage of ISR: You have the flexibility to choose which pages are generated at build or on-demand. Choose from (A) faster builds or (B) more cached.
    A diagram of the request flow for Incremental Static Regeneration.
    🔖 A Complete Guide To Incremental Static Regeneration (ISR) With Next.js. – Static generation of large sites – ISR approach – stale-while-revalidate – Fetching data – Generating paths – Tradeoffs – Rolling back instantly – Examples and code snippets
    6 respuestas 24 retweets 204 Me gusta
    Deshacer
  11. 21 abr.

    🔖 A Complete Guide To Incremental Static Regeneration (ISR) With Next.js. – Static generation of large sites – ISR approach – stale-while-revalidate – Fetching data – Generating paths – Tradeoffs – Rolling back instantly – Examples and code snippets

    The advantage of ISR: You have the flexibility to choose which pages are generated at build or on-demand. Choose from (A) faster builds or (B) more cached.
    A diagram of the request flow for Incremental Static Regeneration.
    55 retweets 251 Me gusta
    Deshacer
  12. 21 abr.

    🎨 Do you have some doodles or sketches lying around that are too good not to be shared? Our May wallpapers challenge might be the perfect opportunity to get them out into the world and brighten up someone’s day. ↬ Join in:

    Wallpaper saying “Is it today, yesterday, or tomorrow.”
    Wallpaper showing magnolia blossoms dancing in the air.
    Wallpaper showing an octopus.
    1 respuesta 2 retweets 14 Me gusta
    Deshacer
  13. 21 abr.

    How would you go around designing a virtual venue? A case study by .

    11 Me gusta
    Deshacer
  14. 21 abr.

    UX Challenges, a lovely little site for training yourself in UX skills and tools.

    4 respuestas 52 retweets 287 Me gusta
    Deshacer
  15. 21 abr.

    🔖 Why Content Is Such A Fundamental Part Of The Web Design Process. With strategies for stitching design and content together. By .

    Planning content as part of the web design process is crucial.
    Experiment with key content early on in the development process.
    9 retweets 39 Me gusta
    Deshacer
  16. 21 abr.

    Do you have experience with Next.js, and like to write? We’d love to work with you on articles all around Next.js for a new guide that we are currently building. DMs are open! 🎉🥳

    5 retweets 14 Me gusta
    Deshacer
  17. retwitteó
    15 abr.

    CSS Tip! ✨ Style UI based on its state without JavaScript 😎 How? Use pseudo-selectors! Have you tried :in-range or :out-of-range? Used here to style this truck. No JS, all CSS 🤯 input:out-of-range ~ .truck { --tyre-size: 10; } 👉 via

    4 respuestas 109 retweets 498 Me gusta
    Mostrar este hilo
    Mostrar este hilo
    Deshacer
  18. retwitteó
    21 abr.

    Just discovered a CSS selector I had no idea existed 🤯 :in-range and :out-of-range allow you to select an input whose value is within/outside the min and max attributes 🔥

    47 respuestas 1.303 retweets 6.710 Me gusta
    Deshacer
  19. 20 abr.

    How to ask for design feedback at every stage of a project. How to find the right audience, and find the right timing.

    A block-level approach to feedback requests.
    8 retweets 25 Me gusta
    Deshacer
  20. 20 abr.

    And if you think that your company or your organization might want to provide live front-end & UX training, we have a few bundle options available for you: Please share with your friends or colleague if you have a minute. Thank you. 🎉🥳

    1 retweet 2 Me gusta
    Mostrar este hilo
    Mostrar este hilo
    Deshacer
  21. 20 abr.

    We couldn't be more grateful for your kind support and your trust — and we'd love to see you at our workshops as well: Thank you so much for being so smashing — now and ever.

    1 respuesta 5 Me gusta
    Mostrar este hilo
    Mostrar este hilo
    Deshacer

@smashingmag no ha twitteado todavía.

Parece que el contenido está tardando un poco en cargarse.

Puede que Twitter esté saturado o experimentando un problema momentáneo. Inténtalo de nuevo o visita el Estado de Twitter para más información.

    También te puede gustar

    ·