Share ideas that matter on the social web and experience
the benefits of curating the world's best content.
I don't have a Facebook, a Twitter or a LinkedIn account
Mobile devices (including smartphones and tablets) are becoming the primary internet viewing device for many people. According to Google, nearly 75% of users
Are you sure you want to delete this scoop?
Why the Web Is Ready for Responsive Web Design
Today, a large portion of site traffic comes from mobile devices—namely smart phones and tablets—in addition to traditional PCs.
Les compartimos un artículo sobre porqué la web está preparada para el diseño web adaptable, los invitamos a visitar nuestro perfil en pinterest http://pinterest.com/dweb3d
Today, we’re featuring 20 tutorials on Responsive Web Design for web designers. These will aid you to learn how to design fluid grid website layout easily.
The magic behind responsive web design layout is fluid grid, which reset resolution of a website according to the device size and resolution it supports.
Reading an article entitled How to Build a Responsive Slide-Down Navigation Menu on Design Shack.
For this tutorial I want to demonstrate how we can use a combination of CSS3 media queries along with some jQuery to manage a sliding navigation menu.
There are far too many excellent articles out there already explaining the key principles of responsive design, so here are just three key principles specific to RWD in ecommerce
Slides from our Build Responsively workshop at Converge SE in Columbia, SC on April 25, 2013.
On websites that are not retina ready, pages will look awfully pixelated and blurry in their normal state as well as when page sizes are increased. Retina ready websites, along with the devices, allow you to see more pixels per square inch.
Many responsive mobile sites are using native drop-downs (as in: a select tag) for main navigation and many plugins have been developed for this specific purpose, yet our usability research shows that this is a poor strategy.
Let's face it folks, everyone in the web design world is chirping away about responsive websites these days.
The jQuery Mobile framework is able to improve websites through adding touch-friendly form inputs, more efficient page loads and wider device support through the use of progressive enhancement.
Assuming a user is mobile because they are accessing a website from a certain type of device is a bad way to think about responsive web design.
Very often I see designers creating responsive websites that utilize media query technology to cut down on content once the site reaches a certain size. It's a lazy approach to responsive web design!
On Tuesday, April 16, 2013, I was lucky enough to give the opening talk on the web performance day of RWD Summit presented by Environments for …
Kevin Clark is a designer and thinker living in Montreal.
There’s a problem though. There’s way too much friction between the idea in your head and it’s execution in HTML and CSS. That slows down innovation and hinders easy exploration. I think that can explain the resurgence of really simple “single-column” websites that are, in my opinion, a bit boring.
Adaptive images are the current hot topic in the Adaptive Design and Responsive Web Design conversations. Why? Because no one likes any of the solutions. New elements and attributes are being discu...
The magic is that SVG supports both media queries and rasterized images.
In our SVG file, using the <image> element, will include the all the images that we may need to serve, and include all the media queries.
A responsive vertical timeline layout with icons and example media queries.
a simple responsive timeline with alternating colors for the labels
The present is almost mobile — as many as 85% of all American adults have cell phones and 45% of them have smartphones — and the future is certainly mobile.
Your business type, your business requirement and, of course, your budget can help you decide your silver bullet when it comes to mobile.
A responsive process is a responsible process. How I’ve changed my process to adapt to a world that is all about responsive web design (RWD).
Do you need a lightbox-like image which is centered and never exceeds the browser's dimensions? Do you want it in CSS3 only without scripting?
In this edition of Ask UXmatters, our experts discuss how responsive Web design and accessibility fit together.
What makes mobile typography special is the restrictive nature of mobile screens; they are small and used in brightly lit areas so that it is difficult to see anything.
Most people would agree that there are three big components that help making mobile typography great: size, contrast and spacing.
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
This feature is really important because it is in every web designer or project manager’s mind to make the visitor have the best experience while browsing a site.
A browser-based app for creating beautiful, realistic and consistent designs based on typography.
Making responsiveness only about grids, responsive images and media queries is a disservice to customers and brands. It needs to be about providing readable content for any device, and that means starting with type.
Older, legacy sites may limit your ability to modify CSS, but you can still use responsive web design techniques for a better user experience. Ben introduces you to responsive retrofitting.
Responsive retrofitting, at it’s core, is about compromise for this reality. It’s about finding a way to use responsive techniques on legacy sites to create a better experience for more users.