With the advent of responsive web design and the mobile-first approach, it’s been seven wonderful years since any new concepts have compelled us to adapt the way in which we write CSS at the base level. These techniques are at the bedrock of most web developers lives, and they’ve served us well, but alas, times change, and developers constantly iterate. As we increase the efficiency of our methods and the project requirements become more complex, new frustrations emerge. Well, today, Alastair Hodgson has a small surprise. Behold: Generic First CSS.
Read more…
Ever heard of a text adventure? Text adventures have been replaced over the years by games that present better visuals and, especially in the past few years, the increasing ability to collaborate with other friends and play together. This particular feature is one that the original text adventures lacked, and one that we want to bring back in this series of articles. Today, Fernando Doglio explains the process of how to create an entire engine that is capable of letting you play any text adventure you and your friends enjoy. That’s right, we’re going to spice it up a bit by adding multiplayer to the text adventure genre!
Read more…
A sighted user puts himself in the shoes of a non-sighted user. In this series, Chris Ashton attempts to use the web under various constraints, representing a given demographic of user. I hope to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. Today, Chris experiences first-hand difficulties that visually impaired users face and describes what we can do as web developers to help.
Read more…
We’re at the dawn of a UI revolution. Not only will multimodal interfaces give users more power, but they will also change the way users interact with systems. In this article, Nick Babich will show you how to build your own multimodal UI using Adobe XD. You will explore the concept of a voice-enabled interface and review different types of voice-enabled interfaces; find out why voice-enabled, multimodal user interfaces will be the preferred user experience; see how you can build a multimodal UI using Adobe XD.
Read more…
The state of commercial web conferences is utterly broken. Setting up a conference isn’t an easy undertaking. It takes time and attention to all the little details that make up a truly memorable experience. It’s not something one can take lightly, and it’s often a major personal and financial commitment. But what lurks behind the scenes of such events is a widely spread, toxic culture despite the hefty ticket price. And more often than not, speakers bear the burden of all of their conference-related expenses, flights, and accommodation from their own pockets. This isn’t right, and it shouldn’t be acceptable in our industry.
Read more…
For his last monthly update in 2018, Anselm summarized what has happened in the web development community in the past few weeks. Get ready for browser news, handy tools, lessons learned, and thought-provoking reads. Let’s recap that and remind us of what each of us learned this year: What was the most useful feature, API, library we used? And how have we personally changed?
Read more…
For years, marketers have relied on images, videos, and infographics to better sell products and services. The importance of visual media has increased further with the rise of the Internet and consequently, of social media. Gifographics are the next step in the evolution of infographics. In this article, Manish Dudharejia will take a closer look at the evolution of infographics and how a static infographic can be animated using Adobe Photoshop, so some Photoshop knowledge (at least the basics) is required.
Read more…
It’s not just micro-moment design problems that can cause trouble. Designers often spend a lot of time on macro design issues, and sometimes less so on critical micro-moment design issues. That might be a mistake. Macro design issues can result in massive UX problems, too. In this article, Susan Weinschenk will take a closer look at how to avoid such failures and why they are critical to the UX success of any product.
Read more…
The aim of Feature Policy is for us, as web developers, to be able to state our usage of a web platform feature, explicitly to the browser. By doing so, we make an agreement about our use, or non-use of this particular feature. Based on this the browser can act to block certain features, or report back to us that a feature it did not expect to see is being used. In this article, Rachel Andrew will show you how Feature Policy can help protect your site from third parties using APIs that have security and privacy implications, and also from your own team adding outdated APIs or poorly optimized images.
Read more…
Whenever project managers try to manage their team using spreadsheets alone, they usually face some problems. Reporting and documenting with spreadsheets can become quite a time-consuming task. Today, Nick Babich will like to introduce Float, an app that makes it so much easier for product managers to keep a good overview on the tasks of the entire team and everyone involved. Float makes it easy to see everything you need to know about your team’s projects in a single place, giving project managers the information and functionality they need to handle the fast-paced world of digital design and development. Let’s get started!
Read more…