<?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://embedresponsively.com/"/>
	<rdf:li rdf:resource="http://amobil.se/2011/11/responsive-embeds/"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/flashsatay/"/>
	<rdf:li rdf:resource="http://developer.apple.com/internet/ieembedfix.html"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://embedresponsively.com/">
    <title>embedresponsively.com</title>
    <dc:date>2014-05-19T20:42:55+00:00</dc:date>
    <link>http://embedresponsively.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[embedresponsively.com helps build responsive embed codes for embedding rich third-party media into responsive web pages.]]></description>
<dc:subject>embed video rwd webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:0e020a8211f7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:embed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</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://www.alistapart.com/articles/flashsatay/">
    <title>Flash Satay: Embedding Flash While Supporting Standards</title>
    <dc:date>2005-02-14T15:14:16+00:00</dc:date>
    <link>http://www.alistapart.com/articles/flashsatay/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A List Apart om hur man bäddar in flash-filmer på ett sätt som fungerar med webbstandarder.
]]></description>
<dc:subject>flash embed object validera validate standarder web standards Webbutveckling Webbläsare</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:bab26ac1c1ff/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:embed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:object"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:validera"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:validate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:standarder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:standards"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbläsare"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://developer.apple.com/internet/ieembedfix.html">
    <title>Creating the Best User Experience for Active Web Content</title>
    <dc:date>2004-11-30T11:23:08+00:00</dc:date>
    <link>http://developer.apple.com/internet/ieembedfix.html</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En guide från Apple för hur man bäst bäddar in quicktime-filmer på webben.
]]></description>
<dc:subject>apple quicktime embed webb javascript Webbutveckling Mac</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:8139d79cad8f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:apple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:quicktime"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:embed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webb"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Mac"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>