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. You 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. It’s important to note that the attribute is non-standard, so it will not work for everybody. However, it doesn’t break anything as browsers that don’t support it will just ignore it, so you can easily progressively enhance your file upload without relying on the feature being supported everywhere.
Read more…
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. At the 2016 ATypI conference, the world’s biggest type design conference, Microsoft, Google, Apple and Adobe announced that they have been working on a new iteration of the OpenType standard, called variable fonts. Because it gives a lot more control to the user to modify the typeface depending on the context and device, this new version opens new opportunities for web typography and will close the gap in quality between web and print. In this article, François Poizat will show you the ins and outs of these new tools and how to take control of our typography.
Read more…
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!
Read more…
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. 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! Today, Vitaly Friedman is happy to announce that we 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. Do join us, won’t you?
Read more…
In the last few years, traditional computers have ceded dominance to smaller screens, including tablets, mobile phones, smartwatches and more. As the craft has evolved, so has its toolset; and from one app to rule them all, we have gotten to a point where it seems like a new contender among UI design tools crops up every month. And many of the new UI design tools look pretty good and promising. At the moment, Sketch has grown in popularity and for a good reason: The developers of Sketch have figured out exactly what interface designers have been looking for and have steadily added functionality to address those needs. The pace of development of Sketch has been phenomenal, to say the least.
Read more…
Making a major career shift late in life to follow your passion is scary. Thankfully, becoming a professional creative is now more accessible than ever because of the numerous educational resources available. With so many options available just a few mouse clicks away, how do you decide which option is the best fit for you? In this article, Alec McGuffey has put together a list of the best ways to learn design according to your personality, budget, lifestyle and personal goals. Get out there and find the perfect one for you! If you set your mind to it and immerse yourself fully in the creative world, you’ll be able to learn the skills necessary to build a career in design, no matter which educational route you go down.
Read more…
If you’re working in a growing startup or a large corporation, you probably know the issues that come with this: The big-picture falls from view easily as everyone is focusing on the details they are responsible for, and conceptions about the vision of the design might be interpreted differently, too. The bigger challenge lies in keeping the sum of the parts intact. And accomplishing that with a lot of designers involved in the same project. What you need is a set of best practices to remove this friction and make the process smoother. A strategy to scale design without hurting it.
Read more…
With CSS Grid being now supported in all major browsers, most of the hacks that helped to achieve complex layouts have become obsolete, and we’d love to invite you to a little contest to explore the possibilities and features of CSS Grid together. You create an interesting, accessible layout with CSS Grid, or use CSS Grid to rebuild an existing layout, and at the end of the contest, all templates and layouts will be made available to everyone for free download under the MIT license. The aim is to build a community repository full of CSS Grid goodness that inspires fellow developers and helps spread the wide adoption of CSS Grid.
Read more…
Retrospectives and reflections allow you to codify what you’ve learned from experience, to document mistakes and avoid future ones, and to increase your potential to grow in the future. In this article, Victor Yocco will show you a few approaches that you and your team can immediately incorporate into your practice. He’ll walk through post-project retrospectives in this first article, and in a second article, Victor will present some lessons learned and researched-backed techniques that those who wish to engage in reflection can attempt to include in their routine.
Read more…
The web has the power to bring virtual reality to the world, to every consumer, to every developer. Recently, there has been a proliferation of virtual reality (VR) web browsers and VR capabilities added to traditional browsers. In this article, Ada Rose Cannon will look at the state of browsers in VR and the state of VR on the web via the WebVR APIs. It is still early days for VR on the web, but now is the time to get building, to see what works and what doesn’t.
Read more…
