<?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="http://animista.net/"/>
	<rdf:li rdf:resource="https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/"/>
	<rdf:li rdf:resource="https://www.lullabot.com/articles/css-pseudoelements-and-transforms-my-favorite-css-tools"/>
	<rdf:li rdf:resource="https://torquemag.io/2018/01/enforce-code-standards-wordpress-development-using-composer/"/>
	<rdf:li rdf:resource="https://kinsta.com/blog/wordpress-page-builders/"/>
	<rdf:li rdf:resource="https://github.com/dwyl/learn-tachyons#why"/>
	<rdf:li rdf:resource="https://tachyons-tldr.now.sh/#/classes"/>
	<rdf:li rdf:resource="http://khroma.co/"/>
	<rdf:li rdf:resource="https://iraul.github.io/pushy-buttons/"/>
	<rdf:li rdf:resource="http://learncssgrid.com/"/>
	<rdf:li rdf:resource="https://cssgridgarden.com/"/>
	<rdf:li rdf:resource="https://gridbyexample.com/"/>
	<rdf:li rdf:resource="https://pinegrow.com/"/>
	<rdf:li rdf:resource="https://www.diverseui.com/"/>
	<rdf:li rdf:resource="http://www.colorfonts.wtf/"/>
	<rdf:li rdf:resource="http://jensimmons.com/post/feb-27-2017/learn-css-grid"/>
	<rdf:li rdf:resource="http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align"/>
	<rdf:li rdf:resource="https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd#.jhzoyvins"/>
	<rdf:li rdf:resource="https://github.com/nishanths/zoom.js"/>
	<rdf:li rdf:resource="https://www.google.com/webdesigner/"/>
	<rdf:li rdf:resource="http://www.creativebloq.com/logo-design/create-logo-affinity-designer-121518294"/>
	<rdf:li rdf:resource="http://www.sansfrancis.co/"/>
	<rdf:li rdf:resource="http://www.designyourway.net/blog/web-and-mobile-design/yes-you-can-actually-make-these-text-effects-in-css/"/>
	<rdf:li rdf:resource="https://jonsuh.com/hamburgers/"/>
	<rdf:li rdf:resource="https://adactio.com/journal/10120"/>
	<rdf:li rdf:resource="https://www.typewolf.com/blog/most-popular-fonts-of-the-year"/>
	<rdf:li rdf:resource="https://simpleicons.org/"/>
	<rdf:li rdf:resource="http://medialoot.com/blog/3-valuable-pixel-perfect-illustrator-techniques/"/>
	<rdf:li rdf:resource="http://jonibologna.com/flexbox-cheatsheet/"/>
	<rdf:li rdf:resource="http://colorhunt.co/"/>
	<rdf:li rdf:resource="http://alistapart.com/article/language-of-modular-design"/>
	<rdf:li rdf:resource="http://www.lukew.com/ff/entry.asp?1950"/>
	<rdf:li rdf:resource="http://bradfrost.com/demo/ish/"/>
	<rdf:li rdf:resource="https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175"/>
	<rdf:li rdf:resource="https://philipwalton.github.io/solved-by-flexbox/"/>
	<rdf:li rdf:resource="http://www.lukew.com/ff/entry.asp?1946"/>
	<rdf:li rdf:resource="http://www.lukew.com/ff/entry.asp?1945"/>
	<rdf:li rdf:resource="http://cssflexbox.com/"/>
	<rdf:li rdf:resource="https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf"/>
	<rdf:li rdf:resource="http://icons8.com/c/flat-color-icons"/>
	<rdf:li rdf:resource="http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/"/>
	<rdf:li rdf:resource="https://robots.thoughtbot.com/Its-only-color"/>
	<rdf:li rdf:resource="https://gridsetapp.com/"/>
	<rdf:li rdf:resource="https://discuss.atom.io/t/number-off-center-in-notification-bubble/14490/6"/>
	<rdf:li rdf:resource="http://www.grunticon.com/"/>
	<rdf:li rdf:resource="http://www.entypo.com/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2015/01/08/inspiration-text-input-effects/"/>
	<rdf:li rdf:resource="http://photoswipe.com/"/>
	<rdf:li rdf:resource="http://paymentfont.io/"/>
	<rdf:li rdf:resource="http://femmebot.github.io/google-type/"/>
	<rdf:li rdf:resource="http://www.rocket-design.fr/color-template/"/>
	<rdf:li rdf:resource="http://designcode.io/sketch"/>
	<rdf:li rdf:resource="http://philipwalton.github.io/solved-by-flexbox/"/>
	<rdf:li rdf:resource="https://medium.com/design-ux/168074e9575"/>
	<rdf:li rdf:resource="http://gridstylesheets.org/"/>
	<rdf:li rdf:resource="http://www.designsprint.net/"/>
	<rdf:li rdf:resource="http://www.typeandgrids.com/blog/the-ten-most-popular-web-fonts-of-2013"/>
	<rdf:li rdf:resource="https://github.com/coreysyms/foundationStickyFooter"/>
	<rdf:li rdf:resource="http://liquidapsive.com/"/>
	<rdf:li rdf:resource="http://flagsarenotlanguages.com/blog/why-flags-do-not-represent-language/"/>
	<rdf:li rdf:resource="http://colourco.de/"/>
	<rdf:li rdf:resource="http://www.spurapp.com/"/>
	<rdf:li rdf:resource="http://thethemefoundry.com/"/>
	<rdf:li rdf:resource="http://simplefocus.com/flowtype/"/>
	<rdf:li rdf:resource="http://practicaltypography.com/"/>
	<rdf:li rdf:resource="http://livestyle.emmet.io/"/>
	<rdf:li rdf:resource="http://www.typewolf.com/"/>
	<rdf:li rdf:resource="http://www.minimamente.com/magic-css3-animations/"/>
	<rdf:li rdf:resource="http://web-design-weekly.com/2013/05/12/handy-sass-mixins/"/>
      </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="http://animista.net/">
    <title>Animista</title>
    <dc:date>2019-01-10T21:03:31+00:00</dc:date>
    <link>http://animista.net/</link>
    <dc:creator>Aetles</dc:creator><dc:subject>css webdesign animation tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:14eab1d98bee/</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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
</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.lullabot.com/articles/css-pseudoelements-and-transforms-my-favorite-css-tools">
    <title>CSS Pseudo-Elements and Transforms: My Favorite CSS Tools | Lullabot</title>
    <dc:date>2018-06-22T21:47:39+00:00</dc:date>
    <link>https://www.lullabot.com/articles/css-pseudoelements-and-transforms-my-favorite-css-tools</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Six years ago, if you would have asked me how much I used transform and pseudo-content, I would have told you ‘I don’t.’ Now, I use them a hundred times on large projects, and I can’t think of a project of any size in recent years when I haven’t used these tools to accomplish visual effects, animations, and slick, flexible layout solutions.]]></description>
<dc:subject>css webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4d37ed558315/</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:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://torquemag.io/2018/01/enforce-code-standards-wordpress-development-using-composer/">
    <title>How To Enforce Code Standards In WordPress Development Using Composer</title>
    <dc:date>2018-01-20T19:48:36+00:00</dc:date>
    <link>https://torquemag.io/2018/01/enforce-code-standards-wordpress-development-using-composer/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[As a follow up to that article, I’d like to show you, technically how you can implement and adhere to a set standard, such as psr-2 or even the WordPress coding standards. You can do this using a tool called PHP Code Sniffer, in this article I’ll show you how to use this and other tools to test that your code follows these rules and fix most deviations automatically. Also, we’ll lint the code too.]]></description>
<dc:subject>php programming webdesign webdevelopment wordpress tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:bd8f6dfe3bb9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:php"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:programming"/>
	<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:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://kinsta.com/blog/wordpress-page-builders/">
    <title>11 Awesome WordPress Page Builders to Cut Out Coding</title>
    <dc:date>2017-12-11T22:13:13+00:00</dc:date>
    <link>https://kinsta.com/blog/wordpress-page-builders/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A Quick List of the Best WordPress Page Builder Options
We’ll talk about each of the WordPress page builders in-depth, but if you’d like to try them out right away, feel free to click through the list below.

Elementor
GeneratePress with Sections
Beaver Builder
Divi
Themify Builder
Page Builder by SiteOrigin
Visual Composer
Page Builder Sandwich
Oxygen
Live Composer
Visual Page Builder from MotoPress
Find the Best WordPress Page Builder for Your Website
Quite a few WordPress page builders exist on the internet, and this makes it rather tricky when it comes to choosing one. The good news is that we’ve whittled down your choices to ones that have excellent ratings and incredible features based on our tests.

It’s also important to us that the page builders are compatible with most WordPress themes. So, we’ll outline the best of the best and talk about some of the situations in which you might consider one WordPress page builder over another.]]></description>
<dc:subject>wordpress pagebuilders webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:c0b1a59a834d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:pagebuilders"/>
	<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://github.com/dwyl/learn-tachyons#why">
    <title>dwyl/learn-tachyons: Learn how to use Tachyons to craft beautiful, responsive, functional and fast UI with minimal CSS!</title>
    <dc:date>2017-10-11T20:24:24+00:00</dc:date>
    <link>https://github.com/dwyl/learn-tachyons#why</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Learn how to use Tachyons to craft beautiful, 100% responsive, functional and fast User Interface/Experience (UI/UX) with minimal CSS in much less time.]]></description>
<dc:subject>tachyons css webdevelopment webdesign framework</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:1de3c8fbbb92/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tachyons"/>
	<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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:framework"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://tachyons-tldr.now.sh/#/classes">
    <title>tachyons tldr</title>
    <dc:date>2017-10-10T21:36:09+00:00</dc:date>
    <link>https://tachyons-tldr.now.sh/#/classes</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[quick lookup for tachyon classes, scales and colour palette]]></description>
<dc:subject>code css framework webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:31bba6e0c59a/</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:framework"/>
	<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://khroma.co/">
    <title>Khroma - The AI color tool for designers</title>
    <dc:date>2017-09-29T06:20:52+00:00</dc:date>
    <link>http://khroma.co/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Discover, search, & save color combinations you'll love.

Make it yours

By choosing a set of 50 colors, you'll train a neural network powered algorithm to generate colors you like and block ones you don’t, right in your browser.

Browse infinite combos

Khroma has learned from thousands of the most popular human-made palettes accross the internet to produce great combos. Browse as typography, swatch, gradient, palette, or image.]]></description>
<dc:subject>colors design webdesign tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:869ac60fc535/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:colors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://iraul.github.io/pushy-buttons/">
    <title>Pushy Buttons</title>
    <dc:date>2017-07-21T08:19:20+00:00</dc:date>
    <link>https://iraul.github.io/pushy-buttons/</link>
    <dc:creator>Aetles</dc:creator><dc:subject>css buttons webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:175c405d842e/</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:buttons"/>
	<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://learncssgrid.com/">
    <title>Learn CSS Grid - A Guide to Learning CSS Grid | Jonathan Suh</title>
    <dc:date>2017-05-26T10:43:01+00:00</dc:date>
    <link>http://learncssgrid.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[CSS Grid is a powerful tool that allows for two-dimensional layouts to be created on the web. This guide was created as a resource to help you better understand and learn Grid, and was organized in a way I thought made the most sense when learning it.]]></description>
<dc:subject>css grid web webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:6c77b344c244/</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:web"/>
	<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://cssgridgarden.com/">
    <title>Grid Garden - A game for learning CSS grid</title>
    <dc:date>2017-05-26T10:42:37+00:00</dc:date>
    <link>https://cssgridgarden.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Welcome to Grid Garden, where you write CSS code to grow your carrot garden! Water only the areas that have carrots by using the grid-column-start property.]]></description>
<dc:subject>css grid web webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:e0ff74b5aca4/</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:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://gridbyexample.com/">
    <title>Grid by Example</title>
    <dc:date>2017-05-26T10:42:17+00:00</dc:date>
    <link>https://gridbyexample.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Everything you need to learn CSS Grid Layout]]></description>
<dc:subject>css grid webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:0b02f7330cdf/</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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://pinegrow.com/">
    <title>Pinegrow Web Editor | Website Builder for Professionals</title>
    <dc:date>2017-05-22T21:51:55+00:00</dc:date>
    <link>https://pinegrow.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[a desktop app that lets you build responsive websites faster with live multi-page editing, CSS styling and smart components for Bootstrap, Foundation, AngularJS and WordPress.]]></description>
<dc:subject>app editor webdesign wordpress tools webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:04b6d844545b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:editor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.diverseui.com/">
    <title>Diverse UI</title>
    <dc:date>2017-04-06T10:33:47+00:00</dc:date>
    <link>https://www.diverseui.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Diverse UI is a free set of user images that can be used in personal or commercial projects. 

We built Diverse UI because who we assume our users are, and how we represent that in our visuals, affects who those users turn out to be. We want those users to be diverse. For more information, we wrote a blog post about why we think diversity in UI mockups is important.]]></description>
<dc:subject>design ui photos diversity mockup webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:af313f47d469/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:photos"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:diversity"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:mockup"/>
	<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://www.colorfonts.wtf/">
    <title>Color fonts! WTF? 🌈</title>
    <dc:date>2017-03-12T22:06:44+00:00</dc:date>
    <link>http://www.colorfonts.wtf/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[They are the next big thing in graphic design
They bring multiple colors, shades, textures and transparency to type 
They include vector shapes, bitmap images or even both into font files]]></description>
<dc:subject>color typography fonts webdesign design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2fae968274b1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jensimmons.com/post/feb-27-2017/learn-css-grid">
    <title>Learn CSS Grid | Jen Simmons</title>
    <dc:date>2017-02-28T23:58:39+00:00</dc:date>
    <link>http://jensimmons.com/post/feb-27-2017/learn-css-grid</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[People are starting to ask: where can I learn about CSS Grid?

There are a lot of fantastic resources out there. When it comes to the technical how-to, most of what’s out there was written by Rachel Andrew. If you don’t know her work, take some time to get to know her and follow her.

So here are the links to resources I recommend. I will keep updating this list:]]></description>
<dc:subject>css design grid webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:13eb317d9c1d/</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:grid"/>
	<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://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align">
    <title>Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira</title>
    <dc:date>2017-02-17T21:28:20+00:00</dc:date>
    <link>http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature of CSS: inline formatting context.
For example, line-height can be set as a length or a unitless value 1, but the default is normal. OK, but what normal is? We often read that it is (or should be) 1, or maybe 1.2, even the CSS spec is unclear on that point. We know that unitless line-height is font-size relative, but the problem is that font-size: 100px behaves differently across font-families, so is line-height always the same or different? Is it really between 1 and 1.2? And vertical-align, what are its implications regarding line-height?
Deep dive into a not-so-simple CSS mechanism…]]></description>
<dc:subject>css font line-height typography webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:8ae59f6dd548/</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:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:line-height"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<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://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd#.jhzoyvins">
    <title>Great Alternatives to Hamburger Menus</title>
    <dc:date>2017-02-17T10:52:56+00:00</dc:date>
    <link>https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd#.jhzoyvins</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[This is a much debated topic and while designers, developers mostly agree on when it is a good idea to use a navigational drawer and when not there are still a lot of mobile apps that rely on this pattern. It usually boils down to the fact that there is no place to put navigation on a small screen, because it lacks a well thought out information architecture or just because of the sheer amount of content.
If your app gets too complex, think about unbundling. Look at what Facebook did with Messenger. They broke out functionality around key actions and put it in their own separate app.
Hamburger menus drive engagement down, slow down exploration and confuse people. If you are reading this, it won’t confuse you, but it damn will confuse others who might be happy to consume your content.]]></description>
<dc:subject>ui ux webdevelopment webdesign userinterface userexperience navigation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:922e5f3ec6de/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:userinterface"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:userexperience"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:navigation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/nishanths/zoom.js">
    <title>nishanths/zoom.js: Medium's Image Zoom (no dependencies, IE 10+)</title>
    <dc:date>2017-01-02T23:19:39+00:00</dc:date>
    <link>https://github.com/nishanths/zoom.js</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A pure JavaScript image zooming plugin; as seen on Medium.com.

Has no dependencies on jQuery or Bootstrap.]]></description>
<dc:subject>webdevelopment webdesign images javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:66bb81aa135d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.google.com/webdesigner/">
    <title>Google Web Designer</title>
    <dc:date>2016-12-16T14:57:22+00:00</dc:date>
    <link>https://www.google.com/webdesigner/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.

]]></description>
<dc:subject>design web google webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2ac83fe103dd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:google"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.creativebloq.com/logo-design/create-logo-affinity-designer-121518294">
    <title>Create a logo with Affinity Designer | Creative Bloq</title>
    <dc:date>2016-12-14T13:18:00+00:00</dc:date>
    <link>http://www.creativebloq.com/logo-design/create-logo-affinity-designer-121518294</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Affinity's Dale Cook walks through how to use this popular new design software to create, adjust and export a unique logo.]]></description>
<dc:subject>design mac webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:86bbdfe80409/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:mac"/>
	<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://www.sansfrancis.co/">
    <title>Sans Francisco</title>
    <dc:date>2016-09-08T13:32:03+00:00</dc:date>
    <link>http://www.sansfrancis.co/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A collection of tools to help designers craft delightful experiences.]]></description>
<dc:subject>design tools webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4248f8098162/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
	<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://www.designyourway.net/blog/web-and-mobile-design/yes-you-can-actually-make-these-text-effects-in-css/">
    <title>Cool CSS Text Effects - 20 Amazing Examples</title>
    <dc:date>2016-09-01T09:18:14+00:00</dc:date>
    <link>http://www.designyourway.net/blog/web-and-mobile-design/yes-you-can-actually-make-these-text-effects-in-css/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[CSS3 is considered to be a true revolution when it comes to web development. The new properties contained in CSS3 allow developers to visually enhance their designs in such a way that is not only impressive in a visual sense, but is also quick and easy.
Web typography is one major thing that has dramatically changed with CSS3. You can make your design look attractive with typography and make everything visually appealing.
When it comes to web design, CSS will help you to obtain many different font effects, including using such effects as animation and clipping to spice things up a bit.
To help further illustrate this, we’ve put together a list of effects that are visually stunning and beautiful, all of which are made possible through CSS, and some of them with a little bit of Javascript as well.]]></description>
<dc:subject>css text webdesign animation typography webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:197eb7109e4c/</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:text"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://jonsuh.com/hamburgers/">
    <title>Hamburgers by Jonathan Suh</title>
    <dc:date>2016-03-07T10:28:42+00:00</dc:date>
    <link>https://jonsuh.com/hamburgers/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Tasty CSS-animated hamburgers]]></description>
<dc:subject>css design animation webdesign ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:adf769bd684b/</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:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://adactio.com/journal/10120">
    <title>Adactio: Journal—Hamburger, hamburger, hamburger</title>
    <dc:date>2016-02-18T14:49:25+00:00</dc:date>
    <link>https://adactio.com/journal/10120</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Now that we’ve established the three criteria for evaluating an icon’s effectiveness, let’s see how the hamburger icon stacks up (if you’ll pardon the pun):
Representation: It depends. Is it representing a stacked list of menu items? If so, good. If not, reconsider.
Usage: it depends. Is it being used as an excuse to throw literally all your navigation behind it? If so, reconsider. Prioritise. Decide what needs to be visible, and what can be tucked away.
Clarity: it depends. Is the icon labelled? If so, good. If not, less good.
So there you go. The answer to the question “Is the hamburger icon good or bad?” is a resounding and clear “It depends.”]]></description>
<dc:subject>design ux webdevelopment webdesign interface</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:5719d83a9d4e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:interface"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.typewolf.com/blog/most-popular-fonts-of-the-year">
    <title>The Ten Most Popular Web Fonts of 2015 (And Fonts You Should Consider Using Instead) → Typewolf</title>
    <dc:date>2016-01-13T14:14:20+00:00</dc:date>
    <link>https://www.typewolf.com/blog/most-popular-fonts-of-the-year</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Welcome to the third annual edition of the ten most popular web fonts of the year as featured on Typewolf. Based on font usage data from 365 websites featured over 2015, these are the ten fonts that were used the most often. You can check out the previous year’s lists for 2014 and 2013 as well.

While reviewing the data for this year, I noticed something a little disconcerting: this year’s top ten list is almost identical to the top ten list from 2014. Other than swapping out Franklin Gothic with Brown, these are exactly the same ten fonts that were featured the most on Typewolf last year.

I curate all the sites featured on Typewolf – so I may be partially to blame for this – however, the sites I feature tend to be a solid representation of what is popular in the design community. About one-third of the sites featured are submissions that people send to me while the remaining two-thirds are sites that I find featured on other popular design gallery sites, Designer News, Twitter, etc. Overall, I think this list generally shows what fonts are most popular with designers at the moment.

So in the spirit of hopefully making type a little more diverse on the web, I decided to list four alternatives for each of the ten fonts featured here. The alternatives all fit a similar aesthetic yet aren’t used quite as much. They may be worth looking into if you want to stand out a little from the crowd.

As always, this is an independent source of data that includes all fonts regardless of where the fonts can be purchased (including indie foundries that don’t make their fonts available on popular services such as MyFonts and Typekit).

Ok, on to the top ten!]]></description>
<dc:subject>design fonts typography webdevelopment webdesign webfonts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:40fcf2928215/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://simpleicons.org/">
    <title>Simple Icons</title>
    <dc:date>2015-10-20T19:04:07+00:00</dc:date>
    <link>https://simpleicons.org/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[124 Svg Icons For Popular Brands]]></description>
<dc:subject>webdesign icons logos svg</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:3cacad9ccea3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:logos"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:svg"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://medialoot.com/blog/3-valuable-pixel-perfect-illustrator-techniques/">
    <title>How to Get Pixel-Perfect Designs in Adobe Illustrator : Medialoot</title>
    <dc:date>2015-09-24T10:42:59+00:00</dc:date>
    <link>http://medialoot.com/blog/3-valuable-pixel-perfect-illustrator-techniques/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Pixels are not what most designers are thinking about when they launch Adobe Illustrator, but there are some pretty awesome things Illustrator can do with them. By default Illustrator is set up to be a resolution independent vector drawing and print layout tool — in short, not for pixels — but in this tutorial we will go over a few techniques which can add pixel-perfect design to it's list of uses.
As regular Medialoot visitors will know, I have previously posted a few articles discussing the advantages of using Fireworks instead of Photoshop for certain design tasks, this tutorial will hopefully do something similar for Illustrator by demonstrating it's widely unknown ability to work well with pixels.]]></description>
<dc:subject>illustrator tips tutorials pixels webdesign design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:c904a07c404d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:illustrator"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tutorials"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:pixels"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jonibologna.com/flexbox-cheatsheet/">
    <title>Flexbox Cheatsheet Cheatsheet</title>
    <dc:date>2015-09-21T14:46:45+00:00</dc:date>
    <link>http://jonibologna.com/flexbox-cheatsheet/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[I set out to create a quick visual to summarize Flexbox when I run into these moments of pause in the future. I like to think of it as a little diagram (flow chart? decision tree-ish thing?) that is a cheatsheet...based on cheatsheets.]]></description>
<dc:subject>css flexbox webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:7a566d3d9e78/</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: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://colorhunt.co/">
    <title>Color Hunt</title>
    <dc:date>2015-08-27T09:57:58+00:00</dc:date>
    <link>http://colorhunt.co/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Color Hunt is a curated collection of beautiful colors, updated daily.
We collect and bring you the best color schemes you can use for anything.
By creating smart and simple compositions of several tones, we provide beautiful palettes of colors that work together.]]></description>
<dc:subject>colors design webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:9bf4754d28c2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:colors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://alistapart.com/article/language-of-modular-design">
    <title>The Language of Modular Design · An A List Apart Article</title>
    <dc:date>2015-08-12T20:33:43+00:00</dc:date>
    <link>http://alistapart.com/article/language-of-modular-design</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Start with language
Language is fundamental to collaboration. In her book How to Make Sense of Any Mess, Abby Covert says that the biggest obstacle teams face is the lack of a shared language. To help establish that shared language, she suggests that we discuss, vet, and document our ontological decisions in the form of “controlled vocabularies.”

In short, we should start with language, not interfaces.

For about a year now, our team at FutureLearn, an open education platform, has been experimenting with a modular approach. I’d like to share a few ways we have tried to hone a shared language to help our team transition into modular design.]]></description>
<dc:subject>css design webdesign webdevelopment ui</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:5f8755fda187/</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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ui"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.lukew.com/ff/entry.asp?1950">
    <title>LukeW | Dropdowns Should be the UI of Last Resort</title>
    <dc:date>2015-07-21T21:18:30+00:00</dc:date>
    <link>http://www.lukew.com/ff/entry.asp?1950</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[All too often mobile forms make use of dropdown menus for input when simpler or more appropriate controls would work better. Here's several alternatives to dropdowns to consider in your designs and why.]]></description>
<dc:subject>design ux ui webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:662a0cbe1f3c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ui"/>
	<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://bradfrost.com/demo/ish/">
    <title>ish. yet another viewport resizer.</title>
    <dc:date>2015-06-09T14:05:32+00:00</dc:date>
    <link>http://bradfrost.com/demo/ish/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[I’m happy to introduce ish. 2.0. For the uninitiated, ish. is yet another viewport resizing tool. It’s called “ish.” because it focuses on general ranges (small-ish. medium-ish. large-ish.), rather than popular device widths. It’s our jobs as web designers to make sure our interfaces look and function across all screen sizes, and ish. is here to help.]]></description>
<dc:subject>css design webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:0fde3282c6a5/</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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175">
    <title>The PLAY button is not optical alignment — Medium</title>
    <dc:date>2015-06-04T23:06:53+00:00</dc:date>
    <link>https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Lots of people say that you can not center align the play button,the physics center is not the visual center . Well,actually I think you can,the key is to find the real center of the triangle.]]></description>
<dc:subject>design ui ux webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:672b9437ac76/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</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://www.lukew.com/ff/entry.asp?1946">
    <title>LukeW | There Is No Fold</title>
    <dc:date>2015-04-29T20:21:08+00:00</dc:date>
    <link>http://www.lukew.com/ff/entry.asp?1946</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[On the Web, people use the concept of “above the fold” to support layout decisions, call to action designs, ad placements, and more. Here’s why most of these arguments don’t fly.]]></description>
<dc:subject>design fold webdesign ux webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:e2eef9aeee54/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fold"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.lukew.com/ff/entry.asp?1945">
    <title>LukeW | Obvious Always Wins</title>
    <dc:date>2015-04-29T09:53:11+00:00</dc:date>
    <link>http://www.lukew.com/ff/entry.asp?1945</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[It’s tempting to rely on menu controls in order to simplify mobile interface designs —especially on small screens. But hiding critical parts of an application behind these kinds of menus could negatively impact usage.]]></description>
<dc:subject>design ux navigation webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:d5f211b261ea/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:navigation"/>
	<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://cssflexbox.com/">
    <title>CSS Flexbox</title>
    <dc:date>2015-04-26T12:31:40+00:00</dc:date>
    <link>http://cssflexbox.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Curated collection of CSS Flexbox related articles, tips and resources]]></description>
<dc:subject>css css3 flexbox webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:fc1f259e4306/</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:css3"/>
	<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="https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf">
    <title>Do you really understand CSS linear-gradients? — Medium</title>
    <dc:date>2015-04-15T09:28:24+00:00</dc:date>
    <link>https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Want a nice gradient background on your site?
background-image: linear-gradient(red, blue);
BOOM, done!

Ok, it’s a little boring. So if you want more, I recommend this css-tricks article and MDN page.

Still here? Alright, let’s go and have a look at some of the details of how linear-gradients actually work.]]></description>
<dc:subject>css css3 gradients webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:516bb9c83096/</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:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:gradients"/>
	<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://icons8.com/c/flat-color-icons">
    <title>Flat Color Icons | Icons8</title>
    <dc:date>2015-04-09T10:19:22+00:00</dc:date>
    <link>http://icons8.com/c/flat-color-icons</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[312 free icons for personal and commercial use. No credits required.]]></description>
<dc:subject>design icons webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4111fe0a2d25/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/">
    <title>Harnessing Flexbox For Today's Web Apps - Smashing Magazine</title>
    <dc:date>2015-03-12T20:54:39+00:00</dc:date>
    <link>http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Although the syntax might be initially confounding, flexbox lives up to its name. It creates intelligent boxes that are stretchable, squeezable and capable of changing visual order. It provides simple solutions to layout paradigms that CSS has always struggled with: vertical centering and equal heights. Flex items are truly accommodating and a pleasure to work with.]]></description>
<dc:subject>css css3 design flexbox webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:494ad7a200b4/</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:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<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="https://robots.thoughtbot.com/Its-only-color">
    <title>It’s Only Color</title>
    <dc:date>2015-03-01T20:43:33+00:00</dc:date>
    <link>https://robots.thoughtbot.com/Its-only-color</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Working with color while designing is really about creating another dimension in your medium. Choosing a successful palette creates a foundation for adding meaning and hierarchy to your design. Although it may seem overwhelming at first, choosing a palette can be a very straightforward process.

I’ve found that three colors are all you need – and choosing them doesn’t have to be arduous. Equally, putting them to use shouldn’t be stressful. In this post I’ll introduce some basic color theory and share a few tips I’ve learned along the way. Hopefully, it will help inform your choice and use of color – enjoy.]]></description>
<dc:subject>color design webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2b8562112edd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://gridsetapp.com/">
    <title>Gridset | Fully-custom grids for responsive layouts</title>
    <dc:date>2015-02-12T13:01:26+00:00</dc:date>
    <link>https://gridsetapp.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Gridset for design
Designing grids with Gridset is as easy as dragging guides in Photoshop or Fireworks. Gridset provides whatever you need: PNGs, a comprehensive cheat sheet and CSS.
Gridset for prototyping
Put the calculator back in the drawer. By simply adding classes to your HTML, Gridset allows you to build responsive prototypes fast, without doing any maths.
Gridset for production
Gridset provides all the measurements and tools you’ll need to integrate with your existing markup, without the need for any new classes or HTML.]]></description>
<dc:subject>css design grid webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:9afc35effc54/</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:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://discuss.atom.io/t/number-off-center-in-notification-bubble/14490/6">
    <title>Number off-center in notification bubble - meta - Atom Discussion</title>
    <dc:date>2015-02-07T11:13:40+00:00</dc:date>
    <link>https://discuss.atom.io/t/number-off-center-in-notification-bubble/14490/6</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[braver11d
Yeah, this is basically just a nightmare in CSS. Most fonts are made to sit on a line, not in the middle of a box. CSS however somehow wants to have them in the middle of the "line-height", a concept that didn't previously exist. So while fonts are drawn in a box, that box doesn't need to be filled fully and there was previously no reason for that box to have the same amount of space at the top as it has at the bottom: as long as it sits on the baseline it used to be fine. Most fonts we still use, like Helvetica (1957) or Courier (1955), are pretty much ancient.
This creates problems: a font might not visually sit in the vertical middle of a box in CSS. In fact, it may vary wildely between fonts (i.e. Helvetica,Arial,sans-serif could go all over the place depending on the font selected).
In my experience Safari on OS X is very reliable, perhaps because compensates for a lot of fonts. The rest is basically a crap-shoot and you're left making presumptions about sizes and relative amounts of padding required.

So there is no right way, frustratingly. Safari implements it in accordance with the intention of CSS in a way you can actually make stuff look right. Font rendering on Apple software is still ages beyond the rest in every possible way. The others are perhaps more "straight" but in a way that's almost impossible to work with.]]></description>
<dc:subject>webfonts fonts css design webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2aa520257a7d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<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:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.grunticon.com/">
    <title>Grunticon</title>
    <dc:date>2015-02-05T13:48:22+00:00</dc:date>
    <link>http://www.grunticon.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Grunticon is a Grunt.js task that makes it easy to use SVGs (Scalable Vector Graphics) for crisp, resolution independent icons, logos, illustrations and background images. SVGs aren't supported everywhere so Grunticon auto-generates bitmap (PNG) fallback images and loads the right format for compatibility with pretty much any browser.]]></description>
<dc:subject>grunt svg icons webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:94e6c8e885d1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:grunt"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<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://www.entypo.com/">
    <title>Entypo</title>
    <dc:date>2015-02-01T23:21:55+00:00</dc:date>
    <link>http://www.entypo.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[What is Entypo+?
Entypo+ is the third version of a free suite of premium quality pictograms. It’s released under the license CC BY-SA 4.0. Each pictogram has been drawn for pixel perfection at a size of 20 x 20 pixels and with a very consistent style. The difference between this version of Entypo and previous ones is that the suite now only consist of SVG images. There is no fonts or PSD. ]]></description>
<dc:subject>design fonts typography icons webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:1e62443b751a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2015/01/08/inspiration-text-input-effects/">
    <title>Inspiration for Text Input Effects | Codrops</title>
    <dc:date>2015-01-12T10:47:26+00:00</dc:date>
    <link>http://tympanus.net/codrops/2015/01/08/inspiration-text-input-effects/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.]]></description>
<dc:subject>css design forms webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:8359c70fbd27/</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:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://photoswipe.com/">
    <title>PhotoSwipe</title>
    <dc:date>2014-12-04T21:29:09+00:00</dc:date>
    <link>http://photoswipe.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[I’m excited to announce the new PhotoSwipe – fullscreen JavaScript image gallery, just like native. 

Core features of new PhotoSwipe include:

image zoom for desktop and mobile (multi-touch)
advanced gestures, like pinch or vertical swipe to close
script is modular, you can exclude parts that you don't need
default UI is optimised for desktop, for mobile and for devices with mixed input types (like Chromebook Pixel or Surface)
pure Vanilla JS (no depencies, no jQuery required!)
IE 8 support (just basic functionality)]]></description>
<dc:subject>gallery image javascript webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:efdcb7ba9529/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<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://paymentfont.io/">
    <title>PaymentFont</title>
    <dc:date>2014-12-04T13:44:09+00:00</dc:date>
    <link>http://paymentfont.io/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A sleek SVG webfont containing 74 icons of all main payment operators and methods]]></description>
<dc:subject>fonts icons webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:c8ca9c158bef/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<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://femmebot.github.io/google-type/">
    <title>Google Web Fonts Typographic Project</title>
    <dc:date>2014-12-01T22:29:11+00:00</dc:date>
    <link>http://femmebot.github.io/google-type/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[HAND-PICKED TALES from
ÆSOP’S FABLES
with HAND-PICKED TYPE from
GOOGLE FONTS
There are over 650 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25x52 initiative, this collaborative, ongoing project offers inspiration for using Google’s font library.]]></description>
<dc:subject>design fonts typography webdesign webfonts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:6a88eabc7985/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.rocket-design.fr/color-template/">
    <title>Color Template</title>
    <dc:date>2014-07-18T08:48:26+00:00</dc:date>
    <link>http://www.rocket-design.fr/color-template/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[How do you choose the right colors for your designs?]]></description>
<dc:subject>design colors webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:74d273baa204/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:colors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://designcode.io/sketch">
    <title>Design+code: Learn iOS design and Xcode</title>
    <dc:date>2014-04-16T06:48:00+00:00</dc:date>
    <link>http://designcode.io/sketch</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Design isn't hard to learn. That's because most of us are already building products and are familiar with what design means. What used to be complex and confusing is now simple and effective, thanks to Sketch, an app that is entirely focused on user interface design. Unlike Photoshop, you don't need to worry about photo editing and the hundreds of other settings that are noises to designing a simple application.

Sketch uses one unit, styles only relevant to UI design, a built-in iPhone previewing tool called Mirror and Artboards, the most efficient way to template multiple screens.
Everything is already in vector, so you don't have to worry about designing for multiple devices. And delivering assets is a breeze.

It's only been one year since Sketch has completely changed my design workflow. As a design application that I spend 8 hours a day on, there is no other tool that has influenced my life more than Sketch. The growth that I see for Sketch is out of this world; new resources and plugins are coming out almost on a daily basis. This tiny team of 4 is innovating at a faster rate than the gigantic team building Photoshop.]]></description>
<dc:subject>design graphics webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:fb8c3eee0232/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:graphics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://philipwalton.github.io/solved-by-flexbox/">
    <title>Solved By Flexbox — Cleaner, hack-free CSS</title>
    <dc:date>2014-03-26T14:43:36+00:00</dc:date>
    <link>http://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 css3 webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:d7f48d83e70f/</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:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/design-ux/168074e9575">
    <title>Why “Simple” Websites Are Scientifically Superior — Design / UX — Medium</title>
    <dc:date>2014-03-18T08:23:52+00:00</dc:date>
    <link>https://medium.com/design-ux/168074e9575</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[In a study by Google in August of 2012, researchers found that not only will users judge websites as beautiful or not within 1/50th — 1/20th of a second, but also that “visually complex” websites are consistently rated as less beautiful than their simpler counterparts

Moreover, “highly prototypical” sites — those with layouts commonly associated with sites of its category — with simple visual design were rated as the most beautiful across the board.

In other words, the study found the simpler the design, the better.

But why?

In this article, we’ll examine why things like cognitive fluency and visual information processing theory can play a critical role in simplifying your web design & how a simpler design could lead to more conversions.

We’ll also look at a few case studies of sites that simplified their design, and how it improved their conversion rate, as well as give a few pointers to simplify your own design.]]></description>
<dc:subject>design webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:04560539baae/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</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://www.designsprint.net/">
    <title>Speed Design with Illustrator</title>
    <dc:date>2014-03-04T22:34:17+00:00</dc:date>
    <link>http://www.designsprint.net/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[14 tips to create interfaces in minutes]]></description>
<dc:subject>design illustrator webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:dd65bffcaf03/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:illustrator"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.typeandgrids.com/blog/the-ten-most-popular-web-fonts-of-2013">
    <title>The Ten Most Popular Web Fonts of 2013 — Type &amp; Grids</title>
    <dc:date>2014-02-16T10:03:50+00:00</dc:date>
    <link>http://www.typeandgrids.com/blog/the-ten-most-popular-web-fonts-of-2013</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[The use of web fonts has continued to explode in 2013 – designers are no longer content with using standard system fonts like Arial and Georgia. On my side project Typewolf, I categorize the latest website designs by the web fonts they use. These are the ten most popular fonts I’ve noticed from analyzing font usage on Typewolf in 2013.]]></description>
<dc:subject>design fonts typography webdesign webfonts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:14d1338dbdca/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/coreysyms/foundationStickyFooter">
    <title>coreysyms/foundationStickyFooter</title>
    <dc:date>2014-02-11T22:18:17+00:00</dc:date>
    <link>https://github.com/coreysyms/foundationStickyFooter</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Easily add in a "sticky footer" to your site, works great with Foundation or just as is.]]></description>
<dc:subject>foundation webdesign web development css javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:5af0511b2c43/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:foundation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://liquidapsive.com/">
    <title>Liquidapsive (Liqui-dap-sive)</title>
    <dc:date>2014-02-10T12:31:58+00:00</dc:date>
    <link>http://liquidapsive.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Ever wondered what the difference between Adaptive, Responsive, Static and Liquid sites is? Had someone try and explain it only to be left more confused?

Pick a flavor from the drop down on the top of the page then drag your window narrower and wider, taller and shorter. It will make much more sense when you see for yourself how the approach works.]]></description>
<dc:subject>design webdesign responsivedesign rwd</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:751d273904d8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:responsivedesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:rwd"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://flagsarenotlanguages.com/blog/why-flags-do-not-represent-language/">
    <title>Why flags do not represent languages | Flags are not languages</title>
    <dc:date>2013-12-08T23:13:24+00:00</dc:date>
    <link>http://flagsarenotlanguages.com/blog/why-flags-do-not-represent-language/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Why flags do not represent languages

Flags are symbols that represent countries or nations.

Languages represent a shared method of communication between people.

Flags are unique to a country or nation: but languages are often spoken across national borders. By using a flag for a language, you may confuse or even offend users.]]></description>
<dc:subject>languages webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:73f8edaab259/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:languages"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://colourco.de/">
    <title>colourcode - find your colour scheme</title>
    <dc:date>2013-11-19T22:38:20+00:00</dc:date>
    <link>http://colourco.de/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Pick colours based on hsl. Scheme-mode with monochromatic, analogic, complement, triad and quad colours.]]></description>
<dc:subject>color design webdesign colors inspiration</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:1cd7e094e96d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:colors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:inspiration"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.spurapp.com/">
    <title>Spur - A fun and easy way to critique a webpage.</title>
    <dc:date>2013-10-23T09:12:58+00:00</dc:date>
    <link>http://www.spurapp.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A fun and easy way to critique your web pages.

What is Spur?
Spur is a fun and easy way to critique web designs in ways you’ve never done before. Just paste a URL (or upload an image) and you’ll be able to use seven different tools to help you find what’s working (and what isn’t!).]]></description>
<dc:subject>design usability webdesign testing tools web</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:9487b35c2c49/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:usability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:testing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:web"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://thethemefoundry.com/">
    <title>The Theme Foundry</title>
    <dc:date>2013-10-02T07:12:53+00:00</dc:date>
    <link>http://thethemefoundry.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Handcrafted with care since 2008.

We're obsessed with building beautiful and functional template designs (themes) to use with your WordPress powered website. We'll worry about the design details and clean code so you can stay focused on writing great content and running your business.]]></description>
<dc:subject>design themes webdesign wordpress</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:78b1ab97c45a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:themes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:wordpress"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://simplefocus.com/flowtype/">
    <title>FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.</title>
    <dc:date>2013-08-21T19:05:44+00:00</dc:date>
    <link>http://simplefocus.com/flowtype/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Web typography at its finest: font-size and line-height based on element width.]]></description>
<dc:subject>css javascript typography webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4e82bd875d75/</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:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://practicaltypography.com/">
    <title>Butterick’s Practical Typography</title>
    <dc:date>2013-08-17T08:50:23+00:00</dc:date>
    <link>http://practicaltypography.com/</link>
    <dc:creator>Aetles</dc:creator><dc:subject>design fonts typography webdesign web</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:10203a2fd30c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:web"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://livestyle.emmet.io/">
    <title>Emmet LiveStyle — live bi-directional CSS edit of new generation</title>
    <dc:date>2013-08-13T06:37:28+00:00</dc:date>
    <link>http://livestyle.emmet.io/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Emmet LiveStyle is a plugin for live bi-directional (editor↔browser) CSS editing of new generation. Currently, it works in Google Chrome, Safari and Sublime Text, more browsers and editors will be available later.]]></description>
<dc:subject>css plugin chrome webdevelopment webdesign inspector</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:6ee2d6b042a9/</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:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:chrome"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:inspector"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.typewolf.com/">
    <title>Typewolf — Typographic Inspiration for the Modern Web</title>
    <dc:date>2013-08-10T23:55:17+00:00</dc:date>
    <link>http://www.typewolf.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Typewolf is a curated design showcase that identifies the fonts used in the design. Our goal is to serve as a one-stop resource for designers seeking typographic inspiration for the modern web.]]></description>
<dc:subject>design typography web webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:e7d741317f5a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.minimamente.com/magic-css3-animations/">
    <title>magic css3 animations</title>
    <dc:date>2013-06-18T07:25:19+00:00</dc:date>
    <link>http://www.minimamente.com/magic-css3-animations/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.]]></description>
<dc:subject>css css3 animation webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:bd3f21169533/</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:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://web-design-weekly.com/2013/05/12/handy-sass-mixins/">
    <title>Handy Sass Mixins - Web Design Weekly</title>
    <dc:date>2013-05-15T13:25:17+00:00</dc:date>
    <link>http://web-design-weekly.com/2013/05/12/handy-sass-mixins/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Mixins are one of the most powerful features of Sass. Mixins allow for efficient and clean code repetitions as well as an easy way to adjust your code with ease. If you are using Sass in your development workflow, no doubt you are using some of the mixins that I have covered below but some might also be new and helpful.

]]></description>
<dc:subject>css webdesign sass webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:cb738513766c/</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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>