background preloader

Why 2013 Is the Year of Responsive Web Design

Why 2013 Is the Year of Responsive Web Design
You may have noticed that Mashable got a new look recently. The design seems wider than usual, and when you shrink your browser, the content resizes to fit. The aim here isn't merely prettiness or technical trickery, however: Media companies like ours are seeing a major shift in the consumption habits of their audiences. Those organizations that don't act may find themselves behind the curve. Here's why. The Post-PC Era 2012 has been a very unusual year in the PC market. So which devices are consumers buying? Tablet sales are expected to exceed 100 million this year. Tablet sales are expected to exceed 100 million this year. Meanwhile, the shift to mobile is happening at an extraordinary speed. Web or Apps? For those of us who create websites and services, all this leads to a singular conclusion: A million screens have bloomed, and we need to build for all of them. Building apps may seem like the obvious solution. Responsive Web Design 2013: A Responsive Year

Related:  responsive

FlexNav - Flexible, Device Agnostic Navigation A Device-Agnostic Approach to Complex Site Navigation FlexNav is a mobile-first example of using media queries and javascript to make a decent multi-level menu with support for touch, hover reveal, and keyboard tab input accessibility. Special attention is paid to touch screens using tap targets (the key feature of FlexNav). Note: If you find a bug, please file an issue and note device and browser versions. Native App vs. Web App: Which Is Better for Mobile Commerce? The Mobile App Trends Series is supported by Sourcebits, a leading product developer for mobile platforms. Sourcebits offers design and development services for iOS, Android, Mobile and Web platforms. Follow Sourcebits on Twitter for recent news and updates. One of the primary beneficiaries of the smartphone (and now tablet) boom is the mobile commerce space.

B P Collins LLP Solicitors "star of the show for property litigation at B P Collins with a straight-talking, clear-sighted and commercially savvy approach" Chambers UK - A client's guide to the UK legal profession Experienced in both commercial and residential property matters, senior associate Sarah McLoughlin leads a select team of associates who make up the acclaimed B P Collins LLP property litigation team. With over twenty years' experience advising clients on a wide range of property related disputes, Sarah is named as an 'Associate to Watch' in client guidebook Chambers UK which refers to her as "inventive and enthusiastic".

20 Best Responsive Web Design Examples of 2012 The Boston Globe The largest responsive website to date, The Boston Globe handles loads of content effortlessly, keeping the site intuitive and the content easily accessible on the device of your choice. Smashing Magazine I love this site. Responsive CSS3 Mega Drop Down Menu v6.0 by Pixelworkshop This Responsive Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS/HTML and comes with a fully working contact form. 3 main variants are included : horizontal, vertical aligned on the left and vertical aligned on the right. The content can be organized into 6 columns based on the 960 grid system. Since the version 6.0, the column grid works with percentages and is much more flexible. This menu comes with 9 color variants, 2 color schemes for the drop downs – dark and light) and a detailed documentation to help you to integrate it.

Should You Build a Responsive Site or a Native Mobile App? You know your business needs a mobile presence, but how to best offer that experience — without breaking the bank — is something tons of companies, both big and small, continue to struggle with. Carl asks: Is it worth it for me to have a mobile app (or should I just have a responsive site)? How do I know whether I'm getting bang for my buck? If Carl had asked this question back in 2009 or 2010, it would have been phrased, "Do I need a native app or is a mobile-optimized website enough?" In 2011 and 2012, the question again would have shifted to "native app or mobile web app?" Today, "responsive" is the buzzword du jour.

Creating maps with qgis and tilemill Quite often we need to create a map for a client. Most of these maps are static but some of them are also slippy maps, like google maps. Creating these maps is a lot of work, depending on the level of detail and the scale. Nevertheless, we tend to do them by hand, over and over again. Responsive Multi-Level Menu A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. View demo Download source Today we want to share an experimental drop-down menu with you.

10 of the best responsive CSS frameworks you can use today Foundation Zurb Foundation includes a rock-solid, tested, 12-column grid which is both fluid and responsive. It adapts to different screen sizes through percentage-based widths as well as through media queries. That means you can quickly lay out complex pages without worrying that they won’t show up right on an iPhone, or an Android tablet, or a Blackberry, or a TV. You’ll be able to see exactly how they look, and how they adapt to different sizes, then plan accordingly. Extra: typography, buttons, tabs, pagination, image grids, forms and more are all included.

Embracing the UX Spectrum As an industry, we have the tendency to think and talk about user experience design in either a Web or a software context, where the demand to humanize complex interactive systems has been the highest. But if we define a user as a person who uses a thing or a system, then the Web and software contexts represent just one space in which people have a “user experience.” Other equally important contexts abound, including products and services, advertising and marketing, gaming, and events and environments. In all contexts and throughout history, empathy, creativity, and systems thinking have played important roles in designing user experiences. But until the creation of complex software systems, the role and deeper practices of a UX designer weren’t necessary. With new technologies prominent in so many new contexts, UX designers are becoming more integral to the creation of systems and things outside of our Web and software spaces.