Smashing Magazineحساب موثّق

@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
انضم في أغسطس ٢٠٠٨
٤٬٢٤١ صور أو مقاطع فيديو الصور والفيديو

التغريدات

قمت بحظر @smashingmag

هل أنت متأكّد أنك تريد عرض هذه التغريدات؟ عرض التغريدات لن يلغي حظر @smashingmag

  1. تغريدة مُثبَّتة
    ١١ يناير

    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.
    ٥ ردود ٢٤٩ إعادات تغريد ٧٤٥ إعجاب
    تراجع عن
  2. تم إعادة تغريدها بواسطة
    ٢٤ أبريل

    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:
    ١ إعادة تغريد ٢٦ إعجاب
    تراجع عن
  3. تم إعادة تغريدها بواسطة
    ٢٣ أبريل

    🔖 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.
    ١ ردّ ٥١ إعادات تغريد ٢٠٧ إعجاب
    تراجع عن
  4. ٢٣ أبريل

    🔖 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.
    ١ ردّ ٥١ إعادات تغريد ٢٠٧ إعجاب
    تراجع عن
  5. ٢٣ أبريل

    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? ()

    ٧ ردود ١٩ إعادات تغريد ٨٣ إعجاب
    تراجع عن
  6. تم إعادة تغريدها بواسطة
    ٢٢ أبريل

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

    ١٢ ردود ٤ إعادات تغريد ٣٥ إعجاب
    تراجع عن
  7. تم إعادة تغريدها بواسطة
    ٢٢ أبريل

    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.

    ٤ ردود ٣٠ إعادات تغريد ١٤٥ إعجاب
    تراجع عن
  8. ٢٢ أبريل

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

    ١٢ ردود ٤ إعادات تغريد ٣٥ إعجاب
    تراجع عن
  9. ٢٢ أبريل

    ✨ 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
    ١ ردّ ٣ إعادات تغريد ٣٢ إعجاب
    تراجع عن
  10. تم إعادة تغريدها بواسطة
    ٢١ أبريل

    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
    ٦ ردود ٢٤ إعادات تغريد ٢٠٤ إعجاب
    تراجع عن
  11. ٢١ أبريل

    🔖 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.
    ٥٥ إعادات تغريد ٢٥١ إعجاب
    تراجع عن
  12. ٢١ أبريل

    🎨 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.
    ١ ردّ ٢ إعادتا تغريد ١٤ إعجاب
    تراجع عن
  13. ٢١ أبريل

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

    ١١ إعجاب
    تراجع عن
  14. ٢١ أبريل

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

    ٤ ردود ٥٢ إعادات تغريد ٢٨٧ إعجاب
    تراجع عن
  15. ٢١ أبريل

    🔖 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.
    ٩ إعادات تغريد ٣٩ إعجاب
    تراجع عن
  16. ٢١ أبريل

    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! 🎉🥳

    ٥ إعادات تغريد ١٤ إعجاب
    تراجع عن
  17. تم إعادة تغريدها بواسطة
    ١٥ أبريل

    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

    ٤ ردود ١٠٩ إعادات تغريد ٤٩٨ إعجاب
    عرض سلسلة التغريدات هذه
    عرض سلسلة التغريدات هذه
    تراجع عن
  18. تم إعادة تغريدها بواسطة
    ٢١ أبريل

    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 🔥

    ٤٧ ردود ١٬٣٠٣ إعادات تغريد ٦٬٧١٠ إعجاب
    تراجع عن
  19. ٢٠ أبريل

    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.
    ٨ إعادات تغريد ٢٥ إعجاب
    تراجع عن
  20. ٢٠ أبريل

    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. 🎉🥳

    ١ إعادة تغريد ٢ إعجاب
    عرض سلسلة التغريدات هذه
    عرض سلسلة التغريدات هذه
    تراجع عن
  21. ٢٠ أبريل

    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.

    ١ ردّ ٥ إعجاب
    عرض سلسلة التغريدات هذه
    عرض سلسلة التغريدات هذه
    تراجع عن

@smashingmag لم يغرّد حتى الآن.

يبدو أن التحميل يستغرق بعض الوقت.

ربّما يعاني تويتر من الحمل الزائد أو يواجه عطلًا مؤقّتًا. حاول مجدّدًا أو تفقّد حالة تويتر لمزيد من المعلومات.

    قد يعجبك أيضًا

    ·