Build engaged audiences through publishing by curation.
Sign up with Facebook
Sign up with Twitter
Sign up with Linkedin
I don't have a Facebook, a Twitter or a LinkedIn account
It’s not hard to grasp the importance of providing users with a solid mobile experience. So why is Mobile First so difficult to sell?
Are you sure you want to delete this scoop?
Content prioritization is the first step in a user-centric approach to responsive design. Break your web content into core elements or building blocks.
Recently I was building a one page site, the centre piece of which was a video.
One of the features of today's complex device landscape is that there's a very wide range of screen pixel densities available. Some devices feature very high resolution displays, while others straggle behind. Application developers need to support a range of pixel densities, which can be quite challenging.
To conclude things I want to call your attention to an article by Mark Boulton, that could just as easily have started this series, a presentation by Brad Frost, and then briefly mention a few things that didn’t find their way into the series.
In this blog post I’m going to tell you why responsive web design does not fit some resources and especially blogs!
We've found that most third-party carousels available online fall short of these requirements in one way or another, so we built our own, and recently made it public for others to use as well.
Discover how to create mobile friendly websites with these great responsive web design tutorials.
The move towards developing responsive websites has introduced a set of new tools that help can developers learn the ropes fast and start producing cross-browser and non-device specific websites quickly and more efficiently. Let us see some of these tools and resources that you can leverage as we get deeper into responsive web design:
I recently created a survey asking fellow designers about the problems they faced when creating fully responsive sites. This article will list the most common problems they reported and offer possible solutions, along with suggestions to consider on your next projects.
Techniques in responsive web design Beginner's Guide to Responsive Web Design Responsive Design in 3 Steps Responsive Web Design with HTML5...
Paul Mist explains how to code dynamic CSS with LESS and how we can make use of variables, mixins and functions to speed up the creation of fluid layouts...
I often come across the problem of widows and orphans when using fully fluid grids, so here are 2 techniques I use to avoid them as much as possible.
We’ve been talking about the concept of Responsive Web Design (RWD) quite a lot lately and we took it even further away with tools for responsive images and others.
This tutorial aims to provide step by step instructions to enable you to create a responsive navigation menu that adapts to varying screen sizes, with the help of CSS media queries.
For a few months now, I’ve been puzzling over the question of how to pick responsive images breakpoints.
Free Web ReA plugin for the framework, makes that very easy by automating the process. In order to activate it, just call the plugin's function by targeting the image to be responsified and that's all.sources Everyday - WebResourcesDepot...
With all relative font sizes now gone, I chose to let the type design itself. The Golden Ratio Typography theory calculates optimal settings however you want it to.
This post and the one from last week are the backdrop for everything that follows. What I’m hoping you take away from both posts is that before I started sketching and wire framing and designing, I spent a lot of time thinking.
We developed these two JS plugins to meet the challenges of responsive webdesign in a recent project. You might find them useful as well.
We present an exclusive excerpt from Tim Kadlec's book, Implementing Responsive Design, on adopting a future-friendly approach that determines breakpoints according to content as opposed to device...
The new philosophy and approach that comes with responsive design is forcing a change in workflow on us. It doesn’t change everything, but it does lead to several important differences from the way things have been done.
Let’s face it, responsive design is hard work. Web design was difficult enough when we were only considering desktop platforms, but the challenge of seemingly infinitely varying screen and viewport sizes has really added to the complexity of website layout.
In a nutshell, the goal of a Style Prototype is to allow a client to get a visual summary of a site’s proposed design direction without the time investment of creating multiple pages of Photoshop comps or fully developing HTML pages.
Even if all displays aren’t high resolution in the future, enough of them will be that you won’t be able to ignore it, just as you can no longer ignore mobile design.