Get Started for FREE
Sign up with Facebook Sign up with X
I don't have a Facebook or a X account
 Your new post is loading...
Your new post is loading...
Scoop.it!
Designing for responsive websites can be a bit challenging at first because the process is so different. 
No comment yet.
Sign up to comment
Scoop.it!
Fluid grids, orientation & resolution independence If you’ve spent any time building responsive websites with fluid grids, you will have encountered the shock of seeing your beautiful portrait layout...
Scoop.it!
A responsive image technique leads to some nostalgia for the early days of web development.
Scoop.it!
To design responsive websites effectively and responsibly, I had to completely redefine the way I view the web.
It pains me to admit it, but I wasn’t too keen on responsive web design right out of the box.
Scoop.it!
Responsive web designing is remarkably different from traditional designing in terms of technical and creative issues and a careful use of this can do wonder while designing.
Here are 25 greate and cool example of responsive web design in action.
Scoop.it!
Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.
Scoop.it!
We make hand-crafted websites that are beautiful and easy-to-use (Bookmarked.MT @AIGAdesign An honest, useful look inside @Upstatement’s responsive redesign of Boston Globe’s website: http://t.co/DQQy92rp...)...
Scoop.it!
What’s good for the developer isn’t necessarily good for the customer. Vince Allen, senior front-end developer at Lot18, gives the background on why responsive web design is the right focus for web development
Scoop.it!
ResponsiveSlides.js is a tiny jQuery plugin that automatically creates responsive slideshow using images inside a container.
Scoop.it!
There are some pretty complex testing tools for responsive designs out there. I even see people constantly resizing their browser window using on-screen rulers. The easiest approach to me is just a simple page with a bunch of iframes, like Matt Kersley’s test page.
Scoop.it!
The advent calendar for web geeks. Each day throughout December we publish a daily dose of web design and development goodness to bring you all a little Christmas cheer.
Scoop.it!
Web design is all about responsiveness lately - here are the essential tutorials for you to master this topic faster.
Scoop.it!
Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development...
|
Scoop.it!
It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Essentially, the article proposed addressing the ever-changing landscape of devices, browsers, screen sizes and orientations by creating flexible, fluid and adaptive Web sites.
Scoop.it!
At this point we’re just about done with the homepage of our responsive website. We’ve got our navigation in place, our background images resize nicely, and our other elements are able to resize and adjust to various screen resolutions.
Scoop.it!
Learn what you need to know to set up media queries that maximize efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions.
Scoop.it!
Advertising is a clear roadblock to any large-scale responsive design implementation. Over on his blog, Mark Boulton astutely narrows the key issues with responsive advertising to the following:
Scoop.it!
This site was designed Mobile First. The styles that make up the mobile version of its layout, which I’ll call the Narrow Layout from now on, are not inside a media query, while the styles that make up the wider versions are.
Scoop.it!
It’s our job, as designers and developers, to pick apart even the seemingly most simple tasks to find ways to improve them. When Ethan Marcotte coined “responsive web design,” he said that a responsive website is made up of three things: a flexible grid, flexible images and media, and media queries.
Scoop.it!
Belgian Microsoft evangelist Katrien De Graeve lays out just what can be achieved with media queries in CSS.
Scoop.it!
We are going to continue on with our designing a responsive website tutorial where we have already learned about the background images, the site’s navigation and the content.
This week we’re going to work on adding a little more content to our homepage.
Scoop.it!
» Free Blank WordPress Responsive Themes & Theme Frameworks | Wordpress Blog, Themes, Plugins & Tutorials.
Scoop.it!
Full responsive web design review: a new trend in web design. Good practices, pros and contras, great examples and tons of useful tools and articles.
Scoop.it!
Reading an article entitled Beating Borders: The Bane of Responsive Layout on Design Shack.
Scoop.it!
I recently updated my article on Device Classes & Responsive Design for Facebook's HTML5 resource center, which is designed to help developers reach people on desktops, smartphones and tablets using web standards.
|
