<?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="https://every-layout.dev/"/>
	<rdf:li rdf:resource="https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/2018/05/guide-css-layout/"/>
	<rdf:li rdf:resource="https://philipwalton.github.io/solved-by-flexbox/"/>
	<rdf:li rdf:resource="http://gridstylesheets.org/"/>
	<rdf:li rdf:resource="http://purecss.io/"/>
	<rdf:li rdf:resource="http://paulirish.com/2012/box-sizing-border-box-ftw/"/>
	<rdf:li rdf:resource="http://www.stemkoski.com/how-to-get-fixed-header-and-footer-toolbars-in-jquery-mobile-1-0/?"/>
	<rdf:li rdf:resource="http://www.mediekompass.se/iskolan/mediekunskap/medieordlista"/>
	<rdf:li rdf:resource="http://developer.yahoo.com/yui/grids"/>
	<rdf:li rdf:resource="http://positioniseverything.net/articles/onetruelayout/"/>
	<rdf:li rdf:resource="http://www.snook.ca/archives/000368.php"/>
	<rdf:li rdf:resource="http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic"/>
	<rdf:li rdf:resource="http://dsandler.org/wp"/>
	<rdf:li rdf:resource="http://www.wpdfd.com/editorial/thebox/deadcentre4.html"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://every-layout.dev/">
    <title>Relearn CSS layout: Every Layout</title>
    <dc:date>2019-06-17T11:55:05+00:00</dc:date>
    <link>https://every-layout.dev/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.

Employing algorithmic layout design means doing away with @media breakpoints, “magic numbers”, and other hacks, to create context-independent layout components. Your future design systems will be more consistent, terser in code, and more malleable in the hands of your users and their devices.]]></description>
<dc:subject>css layout webdesign webdevelopment responsivedesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:7ec5cad6c386/</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:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:responsivedesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/">
    <title>CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks</title>
    <dc:date>2018-11-28T13:22:24+00:00</dc:date>
    <link>https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer (IE). Imagine writing CSS grid code without having to write a fallback layout! Many of us think that this is some far off future that is many years away. If the only thing holding you back from that reality is IE11 (check caniuse.com), then you’re in luck! That day is today! Or at least it will be when you finish reading this series. 😉]]></description>
<dc:subject>css grid ie layout webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:38a761d9fa27/</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:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ie"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/2018/05/guide-css-layout/">
    <title>Getting Started With CSS Layout — Smashing Magazine</title>
    <dc:date>2018-08-08T21:13:31+00:00</dc:date>
    <link>https://www.smashingmagazine.com/2018/05/guide-css-layout/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Whether you’re fairly new to CSS or an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date, this guide covers everything you need to know about CSS Layout today.]]></description>
<dc:subject>css grid layout flexbox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:a6ff00d34746/</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:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://philipwalton.github.io/solved-by-flexbox/">
    <title>Solved by Flexbox — Cleaner, hack-free CSS</title>
    <dc:date>2015-05-25T10:14:23+00:00</dc:date>
    <link>https://philipwalton.github.io/solved-by-flexbox/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don't address the major problems that Web developers have been complaining about for what seems like an eternity.

Finally, thanks to Flexbox, we have a solution.

This site is not another CSS framework. Instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. And with the recent release of Internet Explorer 11 and Safari 6.1, the latest Flexbox spec is now supported in every modern browser.

Check out the demos below. View the styles in the Web inspector or dive into the source to see just how easy CSS layout will become once Flexbox becomes mainstream.]]></description>
<dc:subject>css design layout flexbox webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:37bad05a8a28/</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:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://gridstylesheets.org/">
    <title>CSS polyfills from the future | GSS</title>
    <dc:date>2014-03-07T13:52:28+00:00</dc:date>
    <link>http://gridstylesheets.org/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout.]]></description>
<dc:subject>css webdevelopment grid layout webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:48da98f220e0/</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:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://purecss.io/">
    <title>Pure</title>
    <dc:date>2013-06-03T09:08:24+00:00</dc:date>
    <link>http://purecss.io/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A set of small, responsive CSS modules that you can use in every web project.]]></description>
<dc:subject>css framework layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:e5e92aec3802/</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:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://paulirish.com/2012/box-sizing-border-box-ftw/">
    <title>* { box-sizing: border-box } FTW « Paul Irish</title>
    <dc:date>2012-02-16T21:59:04+00:00</dc:date>
    <link>http://paulirish.com/2012/box-sizing-border-box-ftw/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[One of my least favorite parts about layout with CSS is the relationship of width and padding. You're busy defining widths to match your grid or general column proportions, then down the line you start to add in text, which necessitates defining padding for those boxes. And 'lo and behold, you now are subtracting pixels from your original width so the box doesn't expand.

Ugh. If I say the width is 200px, gosh darn it, it's gonna be a 200px wide box even if I have 20px of padding. So as you know, this is NOT how the box model has worked for the past ten years. Wikipedia has a great history of this box model.

Anyway, I have a recommendation for your CSS going forward:

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
This gives you the box model you want. Applies it to all elements. Turns out many browsers already use border-box for a lot of form elements (which is why inputs and textareas look diff at width:100%;) But applying this to all elements is safe and wise.]]></description>
<dc:subject>css html layout webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:86e5637bcd24/</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:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.stemkoski.com/how-to-get-fixed-header-and-footer-toolbars-in-jquery-mobile-1-0/?">
    <title>How to get Fixed Header and Footer Toolbars in jQuery Mobile 1.0</title>
    <dc:date>2011-11-23T17:40:25+00:00</dc:date>
    <link>http://www.stemkoski.com/how-to-get-fixed-header-and-footer-toolbars-in-jquery-mobile-1-0/?</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[After extensively testing both of the primary scrolling options for jQuery Mobile I feel like the jQuery Mobile Scrollview is the best solution. It was very easy to install and configure, offered great support on iPhone and Android devices, and has more options and configurations available to customize your application. In addition, it may at some point be integrated into jQuery mobile as default functionality to serve as a bridge until position:fixed and overflow are full supported by the majority of active smartphones.]]></description>
<dc:subject>mobileweb ios jquery smartphones mobilesafari android layout design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:071c252ad860/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:mobileweb"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:smartphones"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:mobilesafari"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.mediekompass.se/iskolan/mediekunskap/medieordlista">
    <title>Medieordlista</title>
    <dc:date>2011-02-03T13:23:29+00:00</dc:date>
    <link>http://www.mediekompass.se/iskolan/mediekunskap/medieordlista</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Adda att lägga till någon/något till sin kontaktlista. Vanligt på sociala nätverkssajter och chattar.

Ansvarig utgivare den som är juridiskt ansvarig för tidningens innehåll

Artikel tidningstext som är längre än en notis

Appar/Applikationer programvaror som man kan välja att ladda hem eller köpa till sin mobil

Banner en webbannons som ofta länkar till annonsörernas webbplats

Berliner tidningsformat som är något större än tabloid

Bildtext text som kompletterar en bild
]]></description>
<dc:subject>typografi publicering tidningsbranschen layout termer</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:f0e7f24b4e4a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typografi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:publicering"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tidningsbranschen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:termer"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://developer.yahoo.com/yui/grids">
    <title>Yahoo! UI Library: Grids CSS</title>
    <dc:date>2006-05-11T14:48:33+00:00</dc:date>
    <link>http://developer.yahoo.com/yui/grids</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Yahoos fria bibliotek av testade CSS-baserade layouter.
]]></description>
<dc:subject>css grid layout kolumner Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:eccc3853adc9/</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:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:kolumner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://positioniseverything.net/articles/onetruelayout/">
    <title>In search of the One True Layout</title>
    <dc:date>2006-01-18T12:34:46+00:00</dc:date>
    <link>http://positioniseverything.net/articles/onetruelayout/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[One True Layout syftar på att få flera delmål uppfyllda i samma layout. Total flexibilitet, lika höga kolumner och kontroll över vertikal placering.
]]></description>
<dc:subject>positioniseverything css layout kolumner columns Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:8caa56cebc04/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:positioniseverything"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:kolumner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:columns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.snook.ca/archives/000368.php">
    <title>Comments: Behind the Scenes -</title>
    <dc:date>2005-10-18T10:49:32+00:00</dc:date>
    <link>http://www.snook.ca/archives/000368.php</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En artikel om hur den fixerade kommentarsrutan på snook.ca fungerar.
]]></description>
<dc:subject>css fixed comments fixerad layout Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:0b7ab69235f1/</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:fixed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:comments"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fixerad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic">
    <title>Fixed or fluid width? Elastic!</title>
    <dc:date>2005-05-05T11:35:25+00:00</dc:date>
    <link>http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Roger Johansson på 456 Berea Street skriver om elastisk bredd  på layouten (till skillnad från fast eller flytande).
]]></description>
<dc:subject>css layout fixed fluid elastic 456 Berea Street Webbutveckling</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:283f0406258e/</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:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fixed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:elastic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:456"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Berea"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Street"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Webbutveckling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dsandler.org/wp">
    <title>dsandler.org</title>
    <dc:date>2004-11-29T12:47:26+00:00</dc:date>
    <link>http://dsandler.org/wp</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[En snygg och lättläst WordPress-blogg som framförallt har en del smarta lösningar. 
]]></description>
<dc:subject>snygg blog wordpress css layout Inspiration</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:a4b4e2946a5a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:snygg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:blog"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Inspiration"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.wpdfd.com/editorial/thebox/deadcentre4.html">
    <title>Dead Centre</title>
    <dc:date>2004-11-24T21:30:15+00:00</dc:date>
    <link>http://www.wpdfd.com/editorial/thebox/deadcentre4.html</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Ett exempel på hur att placera något exakt i mitten på en sida, både horisontellt och vertikalt.
]]></description>
<dc:subject>centrera css layout Aetles</dc:subject>
<dc:identifier>https://pinboard.in/u:Aetles/b:a723e241e57b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:centrera"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:Aetles"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>