Smashing Magazine

For Professional Web Designers and Developers
  1. Building Inclusive Toggle Buttons

       

    Some things are either on or off and, when those things aren’t on (or off), they are invariably off (or on). The concept is so rudimentary that I’ve only complicated it by trying to explain it, yet on/off switches (or toggle buttons) are not all alike. Although their purpose is simple, their applications and forms vary greatly.

    In this inaugural post, I’ll be exploring what it takes to make toggle buttons inclusive. As with any component, there’s no one way to go about this, especially when such controls are examined under different contexts. However, there’s certainly plenty to forget to do or to otherwise screw up, so let’s try to avoid any of that.

    The post Building Inclusive Toggle Buttons appeared first on Smashing Magazine.

  2. Uploading Directories At Once With webkitdirectory

       

    If you've ever tried to implement a bulletproof, good-looking file uploader, you might have encountered an issue: uploading an entire folder or folders of files is usually quite a hassle, as files in each folder have to be selected manually. And then some folders might contain sub-folders as well.

    Well, we can use webkitdirectory, a non-standard attribute that allows users to pick a directory via a file input. Currently supported in Chrome, Firefox and Edge.

    The post Uploading Directories At Once With webkitdirectory appeared first on Smashing Magazine.

  3. How New Font Technologies Will Improve The Web

       

    Words are the primary component of content for the web. However, until a short while ago, all we had at our disposal were but a few system fonts. Adding to that, those system typefaces weren’t necessarily coherent from operating system to operating system (OS).

    Fortunately, Windows, macOS and Linux made up font-wise, and since then, all modern fonts have been compatible across those OS’. There’s no question, the future of web typography looks promising.

    The post How New Font Technologies Will Improve The Web appeared first on Smashing Magazine.

  4. Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11

       

    Editor’s Note: Welcome to this month’s web development update. It’s actually the first one that we publish, and from now on, Anselm will summarize the most important things that happened over the past month in one handy list for you. So that you’re always up-to-date of what’s going on in the web community. Enjoy!

    Today, I’d like to begin this update with a question I’m asking myself quite often, and that was fueled by the things I read lately: Where do we see our responsibility, where do we see other people’s responsibilities? And how do companies fit in here?

    The post Monthly Web Development Update 09/2017: Functional CSS, Android 8 And iOS 11 appeared first on Smashing Magazine.

  5. We’re Touring Through Southeast Asia: Join The Mozilla Developer Roadshow!

       

    We love exploring opportunities. While many of us are quite familiar with publications and events surrounding us, we often lack the global perspective on what's happening in the web industry across the world. For example, do you know what the state of web design in Singapore is? What about front-end events in Kuala Lumpur? What about the acceptance of UX-driven processes in Hong Kong? That's exactly what we want to find out!

    For that reason, we're happy to have teamed up with our friends at Mozilla for the Developer Roadshow Asia, so we can connect and learn from designers and developers in southeastern Asia. Together, we're planning on organizing a series of informal, free meetup-style events for people who build for the web. On September 19th to 25th, folks from around the globe will be getting together in Singapore, Ho Chi Minh City, Kuala Lumpur, Penang and Hong Kong. Do join us, won't you?

    The post We’re Touring Through Southeast Asia: Join The Mozilla Developer Roadshow! appeared first on Smashing Magazine.