CategoryResponsive Design

July 22, 2013 — 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…

July 8, 2013 — If you read Smashing Magazine, you’re probably already on board with creating the best possible website experience for your audience. And if you go the responsive design route then you’ll need a strategy to make images flexible, too — a responsive image solution. This article leads you through the basics, and then arms you with the information you’ll need to pick the best responsive image solution for your situation. Read more…

June 25, 2013 — In this article, Adham Dannaway will show you how to create your own portfolio website. A challenging but enjoyable experience that he learned a lot from his goal was to create a unique online presence that represents his personality and displays his design work in detail, while of course serving as a promotional medium to gain more exposure and business. let’s get started! Read more…

June 25, 2013 — Extensive use of media queries is not a viable long-term solution. Media queries do not allow for reusable modules that adapt based on their containers’ size. Responsive Web design has inspired us to think beyond device classifications and to use media queries to adapt a layout to the browser’s viewport size. But this deviates from the hierarchical structure of CSS and characterizes elements relative to the viewport, instead of to their container. Read more…

June 18, 2013 — In this article, Matt Gibson will explain, from his own experience of refreshing his agency website, why he and his team abandoned a separate mobile website and will review their process of creating a new responsive design. A responsive website means better content parity for users and a single website to maintain! Read more…

June 12, 2013 — In this article, Lars Kappert will explore ideas and solutions to build a RWA. Declarative composition for responsive applications is quite powerful and could serve as a solid starting point. He will set up some important concepts and you will build on these to actually develop a RWA, and then explore how scalable and portable this approach is. Read more…

June 10, 2013 — In this article, Addy Osmani will discuss how to improve the paint performance of your websites and Web apps. Luckily, a lot of great tools out there can help with that. Be sure to measure paint performance on both desktop and mobile, and if all goes well, your users will end up with snappier, more silky-smooth experiences, regardless of the device they’re using. Read more…

June 3, 2013 — Some people waste bandwidth by sending high-resolution images to all devices. Others send regular-resolution images, looking less crisp on high-resolution displays. But what we really want to do is find the one solution that sends the image with the most appropriate size and resolution based on the browser and device making the request that can also be made accessible. Read more…

May 29, 2013 — Responsive Web design has been around for some years now, but there’s still a whole lot to do. In this article, Stéphanie Walter will look at what is currently possible, what will be possible in the future using what are not yet standardized properties, and what still needs to be improved. This article is not exhaustive, and we won’t go deep into each technique, but you’ll have enough links and knowledge to explore further by yourself. Read more…

May 23, 2013 — When the mockups for the new Financial Times application hit FT Labs desk, Wilson Page knew he and his team had a real challenge on their hands. They were tasked with implementing a far more challenging product, without compromising the performant experience that made the first app so successful. In this article, Wilson Page will discuss some of the changes he made in the latest release and the decision-making behind them. Read more…