In 2010, Microsoft shifted its focus from propriety Web technology to open Web technology. This refocus materialized a few years later — in Internet Explorer, the Windows operating system, its developer tools and its cloud software and things have changed for the better so far. Across the board, Web developers should see significant improvements, making Windows an HTML5-friendly platform.
Read more…
Responsive design for images is about optimizing the process of serving images to users. In this article, Anders Andersen & Tobias Järlund will share their responsive image technique, the “padding-bottom” technique, which they researched and implemented on the mobile version of the Swedish news website Aftonbladet (Sweden’s largest website). The technique presented here applies to all types of responsive websites.
Read more…
Over the past few months Jon Rundle has been involved in launching two large institutional websites with complex navigation systems on which maintaining simplicity becomes increasingly difficult as content requirements grow and tiers of navigation are added. In this article, Jon will illustrate the techniques involved in implementing responsive navigation on a large website.
Read more…
While srcset as implemented by WebKit doesn’t address to all the responsive images use cases, it does represent a major step toward a long overdue solution—hopefully the first of many. And as Chair of the W3C’s Responsive Images Community Group, Mat Marquis has been dreading this moment for some time now. Pertaining to “responsive images”: it’s complicated, and it can be hard keeping up with the signal in all the noise. Here’s what you need to know.
Read more…
A viral app is the best case scenario for an app developer because word of mouth is far more powerful than any paid advertising. No one trusts ads, and they cost too much for developers anyway. But humans have shared stories since we’ve been using rocks as tools. We’re naturally built for viral sharing. But getting your app to spread faster than celebrity gossip requires strategizing a world of social interaction inside your app.
Read more…
The proliferation of mobile devices, increased user expectations, and the very real risks of losing customers and dropping in search result rankings have laid a heavy burden on developers to optimize loading time at all costs. The Web development community previously didn’t spend much time concerning itself with load issues and for that reason and more, Web developers aren’t conditioned to think very hard about the unique load requirements of their clients’ websites. We need to include a specification for load requirements as a regular checklist item when bidding and planning Web work.
Read more…
What’s the point in creating a beautiful, valuable app if no one knows about it? Today we’ll focus on how to get a head start with email marketing by wrangling testers, staying in touch with users and successfully building hype for your app. Then, we’ll move on to how to announce the launch and measure results. While this article isn’t heavy on coding and development, you’ll find an assortment of practical suggestions that you can apply to your projects.
Read more…
Clearly, a good mobile experience requires good form usability, and implementing touch keyboards is a key part of that. During a recent study of 18 of the largest mobile commerce websites, we observed how certain features and limitations of modern touch keyboards can collide with the user’s expectations of how to fill out a form. When this happens, users quickly grow frustrated, Today, Christian Holst will look deeper into the usability issues surrounding touch keyboards, including five design guidelines that will alleviate some of these pains.
Read more…
In this article, we’ll demonstrate methods to identify how people interact with a website differently on mobile devices, and the design decisions that can be made based on this understanding. Our objective is not only to improve Web performance but to increase the client’s return on investment. The following techniques center on the two unique characteristics of mobile phones: small batteries and small screens.
Read more…
There’s an easy, straightforward way to deliver responsive images that’s supported by all of today’s Web browsers: A CSS background image. However, the approach has some limitations, and it doesn’t work in all cases. But if your requirements aren’t complicated, and if you’re willing to make an extra effort to ensure your images are accessible, CSS background images may be all you need!
Read more…
