IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets.
Join Scoop.it for Free
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
Already have an account: Login
Ressource, articles, techniques responsives
Curated by
Agathe-Sevegrand
|
Scooped by Agathe-Sevegrand onto Responsive design & mobile first |
No comment yet.
Sign up to comment
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
 Your new post is loading...
Scoop.it!
There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasio Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Responsive-Images - An Experiment with Mobile-First Images that Scale Responsively & Responsibly Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Reading an article entitled Focal Point: Intelligent Cropping of Responsive Images on Design Shack.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
focal-point - A small set of CSS classnames to help keep images cropped on the focal point for responsive designs.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Media Query & Asset Downloading Results A little while back, I mentioned I was doing some research for the book about …...
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
After The Great Vendor Prefix Hullaballoo of April 2012 comes The Great Responsive Images Brouhaha of May 2012. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
This proposal adds new elements and attribute to [HTML5] to enable different sources of images based on browser and display characteristics. The proposal addresses multiple use cases such as images used in responsive web designs and different images needed for high density displays. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Back in January, we published an article on responsive design, “Responsive Web Design: What It Is and How to Use It.” Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing...
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
|
Scoop.it!
Responsive web design has become a large topic of study over just a couple of years. Web developers are looking to keep up with trends and support the most common Internet-accessible devices. This used to mean only desktops and laptops, but now we have tablets and dozens of various smartphones all running wi-fi. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
In HTML, a user agent's environmental conditions are primarily expressed as CSS media features (e.g., max-width, orientation, monochrome, etc.) and CSS media types (e.g., print, screen, etc.). A responsive image is an image that a developer explicitly adapts in response to different environmental conditions: adaptations can include, but are not limited to, changing the width, height, or even the source of an image. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
What's the best technique for hiding large images on mobile versions of websites? Conditional loading of images with js?
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
What's the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images.
Responsive layouts make it possible to dynamically scale the width of a website to fit on small mobile devices as well as larger desktop computers. An element with a percentual width will have its height automatically adjusted. Its aspect ratio remains the same when it is resized. If we want to accomplish the same with background images we must figure out how to maintain the aspect ratio of any HTML element. Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
A jQuery plugin to help ease the transition to responsive images... Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Summary: Images for responsive web design are a big issue. We want high-resolution images but we also want to preserve bandwidth. So what's the way forward? Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
We’re kicking off Week 2 of our Responsive Web Design series with this beautiful showcase of responsive image galleries and slideshows.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
Scoop.it!
Automatically adapt your existing website images for mobile devices. No mark-up changes needed. For use with CSS3 Responsive Designs.
Delete the scoop?
Are you sure you want to delete this scoop?
Yes
|
