#responsive (158 links)
- Harvey - CSS media query state management harvesthq.github.io
- Responsive News - Images responsivenews.co.uk
A quick overview of [BBC News] strategy for delivering images into a responsive web page.
- The Goldilocks Approach to Responsive Web Design goldilocksapproach.com
- Sensible jumps in responsive image file sizes Cloud Four Blog blog.cloudfour.com
I have a new idea on how we might be able to define responsive image breakpoints that is based on a performance budget. Before I begin, I should note that a lot of this is a thought experiment. I don’t yet know how practical this approach would be.
- Media Queries are a Hack by Ian Storm Taylor ianstormtaylor.com
- We’re not ‘appy. Not ‘appy at all. | Government Digital Service digital.cabinetoffice.gov.uk
For government services, we believe the costs of developing and maintaining apps will very rarely justify their benefits, especially if the underlying service design is sub-optimal.
Departments should focus on improving the quality of the core web service.
- Google Finally Takes A Clear Stance On Mobile SEO PracticesSearch Engine Land searchengineland.com
In short, Google recommends you go with a responsive design when possible, otherwise you can use device-specific HTML but Google asks you to take certain steps to communicate when you are using device-specific HTML.
- Responsive eCommerce » Blog » Gravity Department gravitydept.com
- » The EMs have it: Proportional Media Queries FTW! Cloud Four Blog blog.cloudfour.com
@getify @smashingmag About pixels vs ems in media-queries: http://t.co/YqcC8tpw #fronttrends Spoiler: use ems!
- adamdbradley/foresight.js github.com
Gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images. Depending on device display and network connectivity, foresight.js will request the appropriate image for the webpage.
- The Responsinator responsinator.com
We can no longer presume that the content accessed through mobile devices will also be viewed on them. With AirPlay, mobile device experiences can just as easily become 10 foot lean-back experiences, negating all your assumptions about display size and bandwidth. Responsive meda strategies will need to get more sophisticated to take this into account.
Via monospaced.
- Responsive Navigation Patterns | Brad Frost Web bradfrostweb.com
- Responsive News - Cutting the mustard blog.responsivenews.co.uk
A useful summary.
- Device and Viewport Size In JavaScript responsejs.com
- Google maps and responsive images lostwebdesigns.com
Don't.
- CSS media queries in JavaScript, Part 1 | NCZOnline nczonline.net
Great overview on detecting CSS media queries (changes) via JavaScript http://t.co/QsomEmdv #css3 #html5 #javascript
"Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint." Timely.
- mobile web - Disable pinch/zoom in Android 2.1 browser on HTC devices - Stack Overflow stackoverflow.com
"I have contacted HTC about this issue and they have informed me that they don't have support for the viewport meta tag at all and there is no other way to disable zoom." Thanks, HTC!
- Responsive Design: Beyond the Blog | Boagworld boagworld.com
Simple sites are easy, hard sites are hard.
- Responsive Advertising| Mark Boulton markboulton.co.uk
Responsive + advertising sounds like it'll be a horrible car crash.
The ‘tiny screen first’ boilerplate extension.
Lots of useful resources here.
Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.