Smashing MagazineVerified account

@smashingmag

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

Freiburg, Germany
Joined August 2008
3,610 Photos and videos Photos and videos

Tweets

You blocked @smashingmag

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @smashingmag

  1. Pinned Tweet
    Mar 30

    🎉🥳 Today we’re releasing “Smart Interface Design Checklists”, a PDF deck with 150+ questions to ask when designing and building anything from hamburgers to carousels and tables. Sign up for our lovely newsletter to and get the PDF in your inbox.

    The cover deck with a cat trying to catch a goldfish.
    An example: the Hamburger Design Checklist
    Examples of some interfaces, here no hamburger navigation needed.
    A wonderful artwork for each section by Guillaume Kurkdjian.
    3 replies 137 retweets 450 likes
    Show this thread
    Show this thread
    Undo
  2. Retweeted
    20 hours ago

    Friday fun. Sometimes we want async CSS to load at a low priority. Sometimes we want high. Testing an approach that gives us control: Low, uses rel="alternate stylesheet": High, uses rel="alternate stylesheet preload":

    5 replies 18 retweets 88 likes
    Show this thread
    Show this thread
    Undo
  3. May 22

    As a web designer, you may find yourself in a position where a client wants you to design their brand logo. If you’re feeling up to the task, there are some things you need to know first. (Article sponsored by 💖)

    A screenshot of the Wix dashboard where you can try out different designs and color palettes
    A screenshot of how to customize text in the Wix Logo Maker
    A screenshot of the first steps when creating a logo
    and
    4 retweets 46 likes
    Undo
  4. May 22

    What a great tool that integrates coding and live preview in one interface designed to write JavaScript. Beautiful.

    4 replies 47 retweets 181 likes
    Undo
  5. Retweeted
    May 22
    Replying to

    Shameless plug, but: Type-X. Intelligent and powerful font trying-outing tool. Sort of Wakamai Fondue, but then as extension:

    7 retweets 43 likes
    Undo
  6. May 22

    A great case study on designing donation forms for a charity, with decisions made along the way: . The final result:

    8 retweets 23 likes
    Undo
  7. Retweeted
    May 21

    What are some of the most useful browser extensions you are using (preferably obscure ones)! Please mention the browser and the URL for installation.

    58 replies 15 retweets 70 likes
    Undo
  8. Retweeted
    May 21

    NEW: Download a free ebook of the 2019 Web Almanac! 🔖 (421 pages, 18 MB) And just in time for Global A11y Awareness Day, we've put a lot of effort into making this fully accessible 💝 Thanks to and for their work on this!

    screenshot of the ebook cover page for the 2019 Web Almanac
    screenshot of the table of contents page
    screenshot of the first page of Chapter 16: Caching
    2 replies 54 retweets 123 likes
    Show this thread
    Show this thread
    Undo
  9. Retweeted
    May 21
    Replying to

    This CSS features extension from is “a must” imho.

    1 reply 9 retweets 58 likes
    Undo
  10. May 21

    What are some of the most useful browser extensions you are using (preferably obscure ones)! Please mention the browser and the URL for installation.

    58 replies 15 retweets 70 likes
    Undo
  11. Retweeted
    May 20

    1 reply 1 retweet 15 likes
    Show this thread
    Show this thread
    Undo
  12. Retweeted
    May 21

    For JavaScript... the size is more painful than it looks. It's going to take time to unpack & execute after it loads. You'll see that pain illustrated in other metrics such as how soon your page is actually usable, and not just looking that way -> Lean harder on HTTP, HTML, & CSS

    2 replies 6 retweets 20 likes
    Show this thread
    Show this thread
    Undo
  13. Retweeted
    May 21

    Fonts: self-host & consider font-display: swap. Frankly, the rest aren't a problem. The HTML & CSS could stand to be heavier to offset the over-work JavaScript is likely doing. HTML & CSS can and should be *delivered* in smart & efficient ways but they aren't the size culprits.

    2 replies 1 retweet 27 likes
    Show this thread
    Show this thread
    Undo
  14. May 21

    Can we use interactive forms in email? Sure thing! Fully supported in: – Apple Mail – Gmail Desktop Webmail – Gmail Mobile Webmail – Outlook IOS – Yahoo! Desktop Webmail – AOL Desktop Webmail – AOL Android Somewhat supported in other clients:

    2 replies 9 retweets 44 likes
    Undo
  15. May 21

    Can you recommend any well-designed donation forms or non-profits (URLs, please)?

    8 replies 2 retweets 14 likes
    Undo
  16. May 21

    Machines are self-documenting and predictable JavaScript functions that follow the machine specification, written by . Today, let’s take a closer look at how they can be implemented in your projects.

    A photo of the author next to the title of the article published on Smashing Magazine today
    4 retweets 14 likes
    Undo
  17. May 21

    Case study: Analyzing Notion app performance. A great write-up by on how works and what could be done to improve performance.

    1 reply 11 retweets 44 likes
    Undo
  18. May 21

    A few examples of Typescript-aware lightweight spinners built as React.js components (created by ). ↬ Spinners React: ↬ View demo:

    2 replies 16 retweets 101 likes
    Undo
  19. May 21

    Just in case you haven’t seen it yet. A great feature for jumping back and forward by a few seconds on YouTube. An adaptive scale, activated on scrolling up (for lengthy videos only).

    2 replies 10 retweets 44 likes
    Undo
  20. Retweeted
    May 20

    Should you use one input or multiple inputs for one field? ✅The problem with multiple inputs ✅When multiple inputs are the way to go anyway ✅Why automatically focussing the next field with JS isn’t great ✅Why input masks aren’t great

    6 replies 30 retweets 94 likes
    Undo
  21. Retweeted
    Feb 4

    Loading bars explained. concept: () animation: ()

    26 replies 939 retweets 3,289 likes
    Undo

@smashingmag hasn't Tweeted yet.

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.

    You may also like

    ·