Best of Smashing MagazineMay 2021

  1. 1
    Article
    Avatar of smashingSmashing Magazine·5y

    Useful VS Code Extensions For Web Developers

    Meet useful Visual Studio Code extensions for web developers. They can help you minimize slow-downs and frustrations, and boost developer’s workflow along the way. In this post, we look into useful extensions for front-end development, from fine productivity boosters to advanced debugging helpers.

  2. 2
    Article
    Avatar of smashingSmashing Magazine·5y

    A Guide To Undoing Mistakes With Git (Part 2)

    The Reflog is like a journal where Git notes every movement of the HEAD pointer in your local repository. To undo our grave mistake, we can simply hit CMD + Z on your keyboard to undo the last command — even if you’ve just violently deleted a branch.

  3. 3
    Article
    Avatar of smashingSmashing Magazine·5y

    Frustrating Design Patterns That Need Fixing: Birthday Picker

    In this new series of articles on UX, we take a closer look at some frustrating design patterns and explore better alternatives. These insights are coming from user research and usability tests conducted by yours truly and colleagues in the community. We’ll start with a humble and seemingly harmless pattern that we all had experienced at some point — the infamous birthday picker.

  4. 4
    Article
    Avatar of smashingSmashing Magazine·5y

    Building A Rich Text Editor (WYSIWYG) From Scratch

    In this article, we will learn how to build a WYSIWYG/Rich-Text Editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations. The code for the application is available on GitHub for reference.

  5. 5
    Article
    Avatar of smashingSmashing Magazine·5y

    How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0

    How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0. We will follow a process of creating a custom SVG loader, from drawing it from scratch and applying various visual effects, through creating different types of animations, to exporting your file and preparing it for use on the web.

  6. 6
    Article
    Avatar of smashingSmashing Magazine·5y

    A New Way To Reduce Font Loading Impact: CSS Font Descriptors

    Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts. Meet Smashing Online Workshops on front-end & UX.