<?xml version="1.0" encoding="UTF-8"?>
 <rdf:RDF xmlns="http://purl.org/rss/1.0/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:syn="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/">
  <channel rdf:about="http://pinboard.in">
    <title>Pinboard (Aetles)</title>
    <link>https://pinboard.in/u:Aetles/public/</link>
    <description>recent bookmarks from Aetles</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://www.456bereastreet.com/archive/201112/how_to_adjust_an_iframe_elements_height_to_fit_its_content/"/>
	<rdf:li rdf:resource="http://amobil.se/2011/11/responsive-embeds/"/>
	<rdf:li rdf:resource="http://jgwebber.blogspot.com/2005/02/mapping-google.html"/>
	<rdf:li rdf:resource="http://www.quirksmode.org/js/iframe.html"/>
	<rdf:li rdf:resource="http://placenamehere.com/neuralustmirror/200202/fun.php?sheet=10"/>
	<rdf:li rdf:resource="http://www.456bereastreet.com/archive/200411/who_framed_the_web_frames_and_usability"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://www.456bereastreet.com/archive/201112/how_to_adjust_an_iframe_elements_height_to_fit_its_content/">
    <title>How to adjust an iframe element’s height to fit its content | 456 Berea Street</title>
    <dc:date>2012-02-09T23:42:05+00:00</dc:date>
    <link>http://www.456bereastreet.com/archive/201112/how_to_adjust_an_iframe_elements_height_to_fit_its_content/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options.

Sometimes the only way of incorporating data from a third party is by loading it in an iframe element. A few examples are financial reports, e-commerce applications, and ticket booking applications. Using an iframe is not ideal for many reasons, one of which is that it can make multiple sets of scrollbars appear on the page. Not only does it look ugly, it also makes the site less user-friendly. But there is a workaround.

Adjust the iframe’s height with JavaScript

By using the following piece of JavaScript you can adjust the height of the iframe element to match the height of its content:]]></description>
<dc:subject>code css iframe javascript js</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2dac18ce13af/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:js"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://amobil.se/2011/11/responsive-embeds/">
    <title>Responsive embeds – Anders M. Andersen</title>
    <dc:date>2011-11-29T12:55:42+00:00</dc:date>
    <link>http://amobil.se/2011/11/responsive-embeds/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[This article shows examples of how to embed video and other iframes in a responsive web design and has examples with YouTube, Vimeo and Slideshare.
I found a neat little CSS trick on the A List Apart article “Creating Intrinsic Ratios for Video” and I did some experimenting with it. (Yes, I had to look up the word Intrinsic…)
The problem with embed code that you copy from websites like YouTube is that they often contain a fixed width and height in pixels. And that does not work too well in responsive designs. In a responsive design we have a container with a relative width and we want the embedded object to be relative to our container. This is not possible with all embeds as some of them insist on having a fixed width. If you encounter such embeds, the workaround is probably to move some of the code to the server side or javascript and set the width to the pixel value that you think is most appropriate. It will work, but it will not be flexible like the method shown here.
This technique is fully flexible and I have tests below with Vimeo, SlideShare and YouTube (sorry if this post took long to load…). Here are the steps to make it work.]]></description>
<dc:subject>css embed embedded video youtube vimeo iframe responsivedesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:150162b9e9fa/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:embed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:embedded"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:youtube"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:vimeo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:responsivedesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jgwebber.blogspot.com/2005/02/mapping-google.html">
    <title>as simple as possible, but no simpler: Mapping Google</title>
    <dc:date>2005-02-22T20:39:37+00:00</dc:date>
    <link>http://jgwebber.blogspot.com/2005/02/mapping-google.html</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En dissektion av Google Maps som använder avancerad webbteknik för att leverera sitt resultat.
]]></description>
<dc:subject>google maps suggest ajax javascript iframe Webbutveckling HTML</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:af616ca6817a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:google"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:maps"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:suggest"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ajax"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:HTML"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.quirksmode.org/js/iframe.html">
    <title>Javascript - Iframes</title>
    <dc:date>2005-01-16T00:33:35+00:00</dc:date>
    <link>http://www.quirksmode.org/js/iframe.html</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En text om iframe, hur de fungerar i olika webbläsare, främst med inriktning på hur man accessar dem med länkar.
]]></description>
<dc:subject>iframe javascript webbläsare object frames ramar Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:a65a07e448ed/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webbläsare"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:object"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:frames"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ramar"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://placenamehere.com/neuralustmirror/200202/fun.php?sheet=10">
    <title>CSS istället för iframe</title>
    <dc:date>2005-01-15T23:35:31+00:00</dc:date>
    <link>http://placenamehere.com/neuralustmirror/200202/fun.php?sheet=10</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En sida som använder en bra variant av overflow:auto som ska fungera bra enligt denna tråd: http://www.csscreator.com/css-forum/ftopic4165.html
]]></description>
<dc:subject>iframe css overflow Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:664a41189ec2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:overflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.456bereastreet.com/archive/200411/who_framed_the_web_frames_and_usability">
    <title>Who framed the web: Frames and usability</title>
    <dc:date>2004-11-19T10:10:01+00:00</dc:date>
    <link>http://www.456bereastreet.com/archive/200411/who_framed_the_web_frames_and_usability</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En artikel om nackdelarna med frames.
]]></description>
<dc:subject>frames ramar iframe iframes usability användbarhet Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:19fb3a02dd1f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:frames"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ramar"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:iframes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:usability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:användbarhet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>