<?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 (raygrasso)</title>
    <link>https://pinboard.in/u:raygrasso/public/</link>
    <description>recent bookmarks from raygrasso</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://webkit.org/blog/17660/introducing-css-grid-lanes/"/>
	<rdf:li rdf:resource="https://gomakethings.com/how-to-add-icons-to-external-links-with-css/"/>
	<rdf:li rdf:resource="https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/"/>
	<rdf:li rdf:resource="https://jacobb.nyc/writing/how-i-write-css-in-2024"/>
	<rdf:li rdf:resource="https://piccalil.li/blog/the-end-of-responsive-images/"/>
	<rdf:li rdf:resource="https://blog.logrocket.com/css-in-2026/"/>
	<rdf:li rdf:resource="https://meyerweb.com/eric/thoughts/2025/10/29/custom-asidenotes/"/>
	<rdf:li rdf:resource="https://kube.io/blog/liquid-glass-css-svg/"/>
	<rdf:li rdf:resource="https://www.jonoalderson.com/conjecture/its-time-for-modern-css-to-kill-the-spa/"/>
	<rdf:li rdf:resource="https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/height-enigma/"/>
	<rdf:li rdf:resource="https://gomakethings.com/modern-layouts-with-css/"/>
	<rdf:li rdf:resource="https://gomakethings.com/automatically-wrapping-css-grid/"/>
	<rdf:li rdf:resource="https://leanrada.com/notes/css-only-lqip/"/>
	<rdf:li rdf:resource="https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025"/>
	<rdf:li rdf:resource="https://grid.layoutit.com/"/>
	<rdf:li rdf:resource="https://www.mayank.co/blog/css-reset-layer/"/>
	<rdf:li rdf:resource="https://jakelazaroff.com/words/my-modern-css-reset/"/>
	<rdf:li rdf:resource="https://webkit.org/blog/16026/css-masonry-syntax/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/has/"/>
	<rdf:li rdf:resource="https://css-tip.com/screen-dimension/"/>
	<rdf:li rdf:resource="https://furbo.org/2024/07/04/dynamic-type-on-the-web/"/>
	<rdf:li rdf:resource="https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/"/>
	<rdf:li rdf:resource="https://cferdinandi.github.io/kraken/"/>
	<rdf:li rdf:resource="https://coryd.dev/posts/2024/adding-a-light-dark-theme-toggle/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/center-a-div/"/>
	<rdf:li rdf:resource="https://moderncss.dev/12-modern-css-one-line-upgrades/"/>
	<rdf:li rdf:resource="https://frontendmasters.com/blog/fine-ill-use-a-super-basic-css-processing-setup/"/>
	<rdf:li rdf:resource="https://gomakethings.com/hug-css-how-i-approach-css-architecture/"/>
	<rdf:li rdf:resource="https://sebastiandedeyne.com/empty-states-with-css-and-the-only-child-selector"/>
	<rdf:li rdf:resource="https://andy-bell.co.uk/a-more-modern-css-reset/"/>
	<rdf:li rdf:resource="https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/"/>
	<rdf:li rdf:resource="https://viewports.fyi/"/>
	<rdf:li rdf:resource="https://motion.dev/"/>
	<rdf:li rdf:resource="https://twitter.com/wesbos/status/1633563022655639552"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/"/>
	<rdf:li rdf:resource="https://dimiterpetrov.com/blog/svg-icon-sizing-and-alignment/"/>
	<rdf:li rdf:resource="https://scripter.co/sidenotes-using-only-css/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/designing-shadows/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/animation/css-transitions/"/>
	<rdf:li rdf:resource="https://www.industrialempathy.com/posts/high-performance-web-font-loading/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/styled-components/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/rules-of-margin-collapse/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/"/>
	<rdf:li rdf:resource="https://debuggingcss.com/"/>
	<rdf:li rdf:resource="https://www.youtube.com/playlist?list=PL7CcGwsqRpSM3w9BT_21tUU8JN2SnyckR"/>
	<rdf:li rdf:resource="https://web-crunch.com/posts/how-to-install-tailwind-css-using-ruby-on-rails"/>
	<rdf:li rdf:resource="https://piccalil.li/blog/cube-css/"/>
	<rdf:li rdf:resource="https://www.thegoodlineheight.com/"/>
	<rdf:li rdf:resource="https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/"/>
	<rdf:li rdf:resource="https://destroytoday.com/blog/responsive-images-for-different-layouts"/>
	<rdf:li rdf:resource="https://joshwcomeau.com/css/full-bleed/"/>
	<rdf:li rdf:resource="https://ishadeed.com/article/learn-css-centering/"/>
	<rdf:li rdf:resource="https://ishadeed.com/article/learn-box-alignment/"/>
	<rdf:li rdf:resource="https://ishadeed.com/article/grid-layout-flexbox-components/"/>
	<rdf:li rdf:resource="https://seek-oss.github.io/braid-design-system/"/>
	<rdf:li rdf:resource="https://wweb.dev/resources/css-separator-generator"/>
	<rdf:li rdf:resource="https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/"/>
	<rdf:li rdf:resource="https://pragmaticstudio.com/tutorials/adding-tailwind-css-to-phoenix"/>
	<rdf:li rdf:resource="https://internetingishard.com/html-and-css/responsive-images/"/>
	<rdf:li rdf:resource="https://github.com/adobe/leonardo"/>
	<rdf:li rdf:resource="https://medium.com/@elad/a-complete-guide-for-responsive-images-b13db359c6c7"/>
	<rdf:li rdf:resource="https://tailwindui.com/components"/>
	<rdf:li rdf:resource="https://frankchimero.com/blog/2020/redesign-this-design/"/>
	<rdf:li rdf:resource="https://mobile.twitter.com/i/moments/994601867987619840"/>
	<rdf:li rdf:resource="https://seek-oss.github.io/treat/"/>
	<rdf:li rdf:resource="https://github.com/sindresorhus/github-markdown-css"/>
	<rdf:li rdf:resource="https://every-layout.dev/"/>
	<rdf:li rdf:resource="https://cssgrid-generator.netlify.com/"/>
	<rdf:li rdf:resource="https://styled-system.com/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://webkit.org/blog/17660/introducing-css-grid-lanes/">
    <title>Introducing CSS Grid Lanes</title>
    <dc:date>2026-06-15T10:29:00+00:00</dc:date>
    <link>https://webkit.org/blog/17660/introducing-css-grid-lanes/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:c30952086538/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://gomakethings.com/how-to-add-icons-to-external-links-with-css/">
    <title>How to add icons to external links with CSS | Go Make Things</title>
    <dc:date>2026-05-29T02:15:30+00:00</dc:date>
    <link>https://gomakethings.com/how-to-add-icons-to-external-links-with-css/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[As part of my ongoing updates to my personal site, I decided to add icons after all external links.
Today, I wanted to show you how I did it. Let’s dig in!
Why? I do a lot of linking on my site, and it’s not always obvious when a link will keep you on-site vs. take you somewhere else.
Using [target="_blank"] forces links to open in a new tab or window, but this is considered an anti-pattern for accessibility reasons.]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:7764351bff57/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/">
    <title>Accessible (I Think) Split-Cell Table Headers – Eric’s Archived Thoughts</title>
    <dc:date>2026-05-29T02:14:55+00:00</dc:date>
    <link>https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:a355a5d47a3f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://jacobb.nyc/writing/how-i-write-css-in-2024">
    <title>How I write CSS in 2024 // Jacob Bleser</title>
    <dc:date>2026-05-22T11:40:35+00:00</dc:date>
    <link>https://jacobb.nyc/writing/how-i-write-css-in-2024</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:67746630b14f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://piccalil.li/blog/the-end-of-responsive-images/">
    <title>The end of responsive images - Piccalilli</title>
    <dc:date>2026-04-27T13:37:56+00:00</dc:date>
    <link>https://piccalil.li/blog/the-end-of-responsive-images/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Mat Marquis has waited 14 years to write this article. The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web.]]></description>
<dc:subject>html css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:7e4b9cdb6ca3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://blog.logrocket.com/css-in-2026/">
    <title>CSS in 2026: The new features reshaping frontend development - LogRocket Blog</title>
    <dc:date>2026-02-05T11:21:24+00:00</dc:date>
    <link>https://blog.logrocket.com/css-in-2026/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css frontend</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:e8b80cd11907/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://meyerweb.com/eric/thoughts/2025/10/29/custom-asidenotes/">
    <title>Custom Asidenotes – Eric’s Archived Thoughts</title>
    <dc:date>2025-10-29T23:42:28+00:00</dc:date>
    <link>https://meyerweb.com/eric/thoughts/2025/10/29/custom-asidenotes/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css html</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:140b629b3e96/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://kube.io/blog/liquid-glass-css-svg/">
    <title>Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io</title>
    <dc:date>2025-09-09T07:42:19+00:00</dc:date>
    <link>https://kube.io/blog/liquid-glass-css-svg/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:5de382ebbad7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.jonoalderson.com/conjecture/its-time-for-modern-css-to-kill-the-spa/">
    <title>It's time for modern CSS to kill the SPA</title>
    <dc:date>2025-08-06T12:42:57+00:00</dc:date>
    <link>https://www.jonoalderson.com/conjecture/its-time-for-modern-css-to-kill-the-spa/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Some page transitions in CSS.]]></description>
<dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:35d1c1acb31a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus">
    <title>Vanilla JavaScript support for Tailwind Plus - Tailwind CSS</title>
    <dc:date>2025-08-05T02:52:03+00:00</dc:date>
    <link>https://tailwindcss.com/blog/vanilla-js-support-for-tailwind-plus</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css components</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:288118ddfc8e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:components"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/height-enigma/">
    <title>The Height Enigma • Josh W. Comeau</title>
    <dc:date>2025-06-12T04:40:10+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/height-enigma/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:9e8e9be36637/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://gomakethings.com/modern-layouts-with-css/">
    <title>Modern layouts with CSS | Go Make Things</title>
    <dc:date>2025-05-19T23:28:26+00:00</dc:date>
    <link>https://gomakethings.com/modern-layouts-with-css/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:6ddce3a4e037/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://gomakethings.com/automatically-wrapping-css-grid/">
    <title>Automatically wrapping CSS Grid | Go Make Things</title>
    <dc:date>2025-05-02T00:13:26+00:00</dc:date>
    <link>https://gomakethings.com/automatically-wrapping-css-grid/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:ebb0d5cc3013/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://leanrada.com/notes/css-only-lqip/">
    <title>Minimal CSS-only blurry image placeholders</title>
    <dc:date>2025-04-03T23:52:19+00:00</dc:date>
    <link>https://leanrada.com/notes/css-only-lqip/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:f76c430ee6a5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025">
    <title>6 CSS Snippets Every Front-End Developer Should Know In 2025 · 19 January 2025</title>
    <dc:date>2025-01-30T08:20:24+00:00</dc:date>
    <link>https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:1abae0ffa49b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://grid.layoutit.com/">
    <title>Interactive CSS Grid Generator | Layoutit Grid</title>
    <dc:date>2025-01-16T22:07:19+00:00</dc:date>
    <link>https://grid.layoutit.com/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css tools</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:a3252bb61677/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.mayank.co/blog/css-reset-layer/">
    <title>Your CSS reset should be layered</title>
    <dc:date>2024-11-05T01:36:26+00:00</dc:date>
    <link>https://www.mayank.co/blog/css-reset-layer/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:a0e45d5fb907/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://jakelazaroff.com/words/my-modern-css-reset/">
    <title>My Modern CSS Reset | jakelazaroff.com</title>
    <dc:date>2024-11-01T08:10:23+00:00</dc:date>
    <link>https://jakelazaroff.com/words/my-modern-css-reset/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0ce90d8490bf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://webkit.org/blog/16026/css-masonry-syntax/">
    <title>Help us choose the final syntax for Masonry in CSS | WebKit</title>
    <dc:date>2024-10-22T01:03:19+00:00</dc:date>
    <link>https://webkit.org/blog/16026/css-masonry-syntax/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:83bed81374b7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/has/">
    <title>The Undeniable Utility Of CSS :has</title>
    <dc:date>2024-09-13T21:36:10+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/has/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:56abfa33b375/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tip.com/screen-dimension/">
    <title>Get the screen width &amp; height without JavaScript</title>
    <dc:date>2024-07-18T22:10:57+00:00</dc:date>
    <link>https://css-tip.com/screen-dimension/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:4a279bec73f1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://furbo.org/2024/07/04/dynamic-type-on-the-web/">
    <title>Dynamic Type on the Web • furbo.org</title>
    <dc:date>2024-07-06T22:44:29+00:00</dc:date>
    <link>https://furbo.org/2024/07/04/dynamic-type-on-the-web/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Support Dynamic Type on iOS and iPadOS.]]></description>
<dc:subject>css ios</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:1bd96dbac1f2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:ios"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/">
    <title>Help us invent CSS Grid Level 3, aka “Masonry” layout</title>
    <dc:date>2024-04-20T02:36:48+00:00</dc:date>
    <link>https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css masonry</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:35cd8f007f23/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:masonry"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://cferdinandi.github.io/kraken/">
    <title>Kraken</title>
    <dc:date>2024-03-01T22:08:11+00:00</dc:date>
    <link>https://cferdinandi.github.io/kraken/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Kraken: A lightweight, mobile-first boilerplate for front-end web developers]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0215e5355b18/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://coryd.dev/posts/2024/adding-a-light-dark-theme-toggle/">
    <title>Adding a light/dark theme toggle • Cory Dransfeldt</title>
    <dc:date>2024-02-18T05:28:02+00:00</dc:date>
    <link>https://coryd.dev/posts/2024/adding-a-light-dark-theme-toggle/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[I dropped a light/dark theme toggle into the navigation of my site, replacing the prior reliance on the visitor's preference set at the OS level (though it does still consider this preference).]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:73fabf4b08a9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/center-a-div/">
    <title>How To Center a Div</title>
    <dc:date>2024-02-14T05:34:59+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/center-a-div/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Back in the day, centering an element was one of the trickiest things in CSS.]]></description>
<dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:8b443212c2cd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://moderncss.dev/12-modern-css-one-line-upgrades/">
    <title>12 Modern CSS One-Line Upgrades | Modern CSS Solutions</title>
    <dc:date>2024-01-26T11:40:52+00:00</dc:date>
    <link>https://moderncss.dev/12-modern-css-one-line-upgrades/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:38b347297ec6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://frontendmasters.com/blog/fine-ill-use-a-super-basic-css-processing-setup/">
    <title>Fine, I’ll Use a Super Basic CSS Processing Setup. – Frontend Masters Boost</title>
    <dc:date>2024-01-03T05:05:06+00:00</dc:date>
    <link>https://frontendmasters.com/blog/fine-ill-use-a-super-basic-css-processing-setup/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:2d2af9b61715/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://gomakethings.com/hug-css-how-i-approach-css-architecture/">
    <title>HUG CSS, how I approach CSS architecture</title>
    <dc:date>2023-11-15T07:34:33+00:00</dc:date>
    <link>https://gomakethings.com/hug-css-how-i-approach-css-architecture/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css frontend</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:670ebae81c18/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://sebastiandedeyne.com/empty-states-with-css-and-the-only-child-selector">
    <title>Empty states with CSS and the `:only-child` selector</title>
    <dc:date>2023-09-28T10:02:23+00:00</dc:date>
    <link>https://sebastiandedeyne.com/empty-states-with-css-and-the-only-child-selector</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:10a884153a60/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://andy-bell.co.uk/a-more-modern-css-reset/">
    <title>A (more) Modern CSS Reset - Andy Bell</title>
    <dc:date>2023-09-22T11:55:17+00:00</dc:date>
    <link>https://andy-bell.co.uk/a-more-modern-css-reset/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:d19eb5d11ac6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/">
    <title>Nuclear Anchored Sidenotes – Eric’s Archived Thoughts</title>
    <dc:date>2023-09-12T23:37:10+00:00</dc:date>
    <link>https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0510324a8412/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://viewports.fyi/">
    <title>The ideal viewport doesn’t exist</title>
    <dc:date>2023-09-05T12:22:55+00:00</dc:date>
    <link>https://viewports.fyi/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css ui-design</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:001e888cd156/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:ui-design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://motion.dev/">
    <title>Motion One: The Web Animations API for everyone</title>
    <dc:date>2023-04-25T00:51:22+00:00</dc:date>
    <link>https://motion.dev/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>animation javascript css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:24019dfe414e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://twitter.com/wesbos/status/1633563022655639552">
    <title>Wes Bos on Twitter: &quot;I just keep finding amazing use cases for CSS :has() Hide a parent element, when a list inside is empty https://t.co/GTcHgn4X2d&quot; / Twitter</title>
    <dc:date>2023-03-12T05:42:23+00:00</dc:date>
    <link>https://twitter.com/wesbos/status/1633563022655639552</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:fc5635960f39/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/">
    <title>An Interactive Guide to Flexbox</title>
    <dc:date>2022-12-02T11:53:28+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:87dac1753bc5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://dimiterpetrov.com/blog/svg-icon-sizing-and-alignment/">
    <title>SVG icon sizing and alignment</title>
    <dc:date>2022-07-26T13:31:29+00:00</dc:date>
    <link>https://dimiterpetrov.com/blog/svg-icon-sizing-and-alignment/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css svg</dc:subject>
<dc:source>https://instapaper.com/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:e9a8896a3979/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:svg"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://scripter.co/sidenotes-using-only-css/">
    <title>Sidenotes using only CSS</title>
    <dc:date>2022-02-03T07:26:36+00:00</dc:date>
    <link>https://scripter.co/sidenotes-using-only-css/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:f81359cf3829/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/designing-shadows/">
    <title>Designing Beautiful Shadows in CSS</title>
    <dc:date>2021-09-16T07:12:55+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/designing-shadows/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:add624592c6e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/animation/css-transitions/">
    <title>CSS transitions and hover animations, an interactive guide</title>
    <dc:date>2021-03-20T12:53:51+00:00</dc:date>
    <link>https://www.joshwcomeau.com/animation/css-transitions/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0a8ade6694b2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.industrialempathy.com/posts/high-performance-web-font-loading/">
    <title>More than you ever wanted to know about font loading on the web</title>
    <dc:date>2021-01-31T00:14:07+00:00</dc:date>
    <link>https://www.industrialempathy.com/posts/high-performance-web-font-loading/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>fonts css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:a504f3030ff6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/styled-components/">
    <title>Styled Components best practices</title>
    <dc:date>2021-01-30T11:55:25+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/styled-components/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>reactjs css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:a151938dc3f5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:reactjs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/rules-of-margin-collapse/">
    <title>The Rules of Margin Collapse</title>
    <dc:date>2020-12-19T06:55:58+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/rules-of-margin-collapse/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[“Margin collapse” has a dastardly reputation, one of the trickier parts of CSS. Fortunately, it gets a lot easier once you learn a few rules! In this tutorial, we take a deep dive into the governing principles, and learn how to use them to our advantage.]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:88b8ffb9886e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/">
    <title>Native CSS Masonry layout</title>
    <dc:date>2020-12-03T11:11:18+00:00</dc:date>
    <link>https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:raygrasso/b:e6502a0171ae/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://debuggingcss.com/">
    <title>Debugging CSS</title>
    <dc:date>2020-11-30T05:09:57+00:00</dc:date>
    <link>https://debuggingcss.com/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.]]></description>
<dc:subject>books css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:30d61c833f0a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:books"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.youtube.com/playlist?list=PL7CcGwsqRpSM3w9BT_21tUU8JN2SnyckR">
    <title>Designing with Tailwind CSS</title>
    <dc:date>2020-11-28T09:11:17+00:00</dc:date>
    <link>https://www.youtube.com/playlist?list=PL7CcGwsqRpSM3w9BT_21tUU8JN2SnyckR</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Youtube playlist with lost of CSS and Tailwind tricks.]]></description>
<dc:subject>tailwindcss css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0e76ef2c69f0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:tailwindcss"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://web-crunch.com/posts/how-to-install-tailwind-css-using-ruby-on-rails">
    <title>How to install Tailwind CSS using Ruby on Rails | Web-Crunch</title>
    <dc:date>2020-11-28T09:04:55+00:00</dc:date>
    <link>https://web-crunch.com/posts/how-to-install-tailwind-css-using-ruby-on-rails</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>tailwindcss css rails</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:76314a62b604/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:tailwindcss"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:rails"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://piccalil.li/blog/cube-css/">
    <title>CUBE CSS - Piccalilli</title>
    <dc:date>2020-11-11T12:57:01+00:00</dc:date>
    <link>https://piccalil.li/blog/cube-css/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:5ec33b3c7c70/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.thegoodlineheight.com/">
    <title>The good line-height</title>
    <dc:date>2020-10-31T04:12:32+00:00</dc:date>
    <link>https://www.thegoodlineheight.com/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:d1ab59dec575/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/">
    <title>Prevent layout shifts with CSS grid stacks - Hubert Sablonnière</title>
    <dc:date>2020-10-31T04:12:17+00:00</dc:date>
    <link>https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0b098bfd8fab/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://destroytoday.com/blog/responsive-images-for-different-layouts">
    <title>Responsive images for different layouts - Jonnie Hallman (@destroytoday)</title>
    <dc:date>2020-10-14T07:54:52+00:00</dc:date>
    <link>https://destroytoday.com/blog/responsive-images-for-different-layouts</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:39186dbf3261/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://joshwcomeau.com/css/full-bleed/">
    <title>CSS Grid full-bleed layout tutorial · Josh W Comeau</title>
    <dc:date>2020-10-06T11:37:18+00:00</dc:date>
    <link>https://joshwcomeau.com/css/full-bleed/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:c88aaa3f68e5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://ishadeed.com/article/learn-css-centering/">
    <title>Learn CSS Centering</title>
    <dc:date>2020-09-17T12:24:51+00:00</dc:date>
    <link>https://ishadeed.com/article/learn-css-centering/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:390510c032e5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://ishadeed.com/article/learn-box-alignment/">
    <title>Learn Box Alignment</title>
    <dc:date>2020-06-19T12:40:53+00:00</dc:date>
    <link>https://ishadeed.com/article/learn-box-alignment/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:6b380244631b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://ishadeed.com/article/grid-layout-flexbox-components/">
    <title>Grid for layout, Flexbox for components</title>
    <dc:date>2020-06-19T12:16:15+00:00</dc:date>
    <link>https://ishadeed.com/article/grid-layout-flexbox-components/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css flexbox</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:842d51a02444/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://seek-oss.github.io/braid-design-system/">
    <title>BRAID</title>
    <dc:date>2020-05-17T10:58:41+00:00</dc:date>
    <link>https://seek-oss.github.io/braid-design-system/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[the themeable design system for the SEEK Group]]></description>
<dc:subject>css reactjs</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:aaa041c21132/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:reactjs"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://wweb.dev/resources/css-separator-generator">
    <title>CSS Section Separator Generator | wweb.dev</title>
    <dc:date>2020-04-26T02:41:05+00:00</dc:date>
    <link>https://wweb.dev/resources/css-separator-generator</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:20439790af23/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/">
    <title>Thinking in Behaviors, Not Screen Sizes | CSS-Tricks</title>
    <dc:date>2020-04-11T13:02:02+00:00</dc:date>
    <link>https://css-tricks.com/thinking-in-behaviors-not-screen-sizes/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:44d207cd0669/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://pragmaticstudio.com/tutorials/adding-tailwind-css-to-phoenix">
    <title>Adding Tailwind CSS to Phoenix 1.4</title>
    <dc:date>2020-03-06T12:29:06+00:00</dc:date>
    <link>https://pragmaticstudio.com/tutorials/adding-tailwind-css-to-phoenix</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[A dig into Webpack PostCSS and Phoenix.]]></description>
<dc:subject>webpack css phoenix elixir</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:264eb75a871e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:webpack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:phoenix"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:elixir"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://internetingishard.com/html-and-css/responsive-images/">
    <title>Responsive Images Tutorial | HTML &amp; CSS Is Hard</title>
    <dc:date>2020-03-05T01:27:05+00:00</dc:date>
    <link>https://internetingishard.com/html-and-css/responsive-images/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>images css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:8e83113ea008/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/adobe/leonardo">
    <title>GitHub - adobe/leonardo</title>
    <dc:date>2020-03-05T01:26:34+00:00</dc:date>
    <link>https://github.com/adobe/leonardo</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Generate colors based on a desired contrast ratio]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:5248f5894ef9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@elad/a-complete-guide-for-responsive-images-b13db359c6c7">
    <title>Complete Guide to Responsive Images! - Elad Shechter - Medium</title>
    <dc:date>2020-03-05T01:12:05+00:00</dc:date>
    <link>https://medium.com/@elad/a-complete-guide-for-responsive-images-b13db359c6c7</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>images css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:49142b176d0d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://tailwindui.com/components">
    <title>Tailwind UI</title>
    <dc:date>2020-03-03T05:10:24+00:00</dc:date>
    <link>https://tailwindui.com/components</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Component framework based upon Tailwind CSS.]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:e4411560bd1c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://frankchimero.com/blog/2020/redesign-this-design/">
    <title>Redesign: On This Design</title>
    <dc:date>2020-01-03T03:35:45+00:00</dc:date>
    <link>https://frankchimero.com/blog/2020/redesign-this-design/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Simple CSS as part of an immersive site redesign.]]></description>
<dc:subject>css web-design</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:f3246c2dfabb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:web-design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://mobile.twitter.com/i/moments/994601867987619840">
    <title>🔥 Design Tips / Twitter</title>
    <dc:date>2019-10-03T04:59:15+00:00</dc:date>
    <link>https://mobile.twitter.com/i/moments/994601867987619840</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css web-design</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:f00a6db87e40/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:web-design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://seek-oss.github.io/treat/">
    <title>treat</title>
    <dc:date>2019-07-30T13:10:13+00:00</dc:date>
    <link>https://seek-oss.github.io/treat/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Themeable, statically extracted CSS-in-JS with near-zero runtime. From Seek.]]></description>
<dc:subject>javascript css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:8615589da42a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/sindresorhus/github-markdown-css">
    <title>GitHub - sindresorhus/github-markdown-css</title>
    <dc:date>2019-06-25T01:54:19+00:00</dc:date>
    <link>https://github.com/sindresorhus/github-markdown-css</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[The minimal amount of CSS to replicate the GitHub Markdown style]]></description>
<dc:subject>markdown css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:0890a83aa1cd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:markdown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://every-layout.dev/">
    <title>Relearn CSS layout: Every Layout</title>
    <dc:date>2019-06-21T04:16:50+00:00</dc:date>
    <link>https://every-layout.dev/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:e93b1c726bd9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://cssgrid-generator.netlify.com/">
    <title>CSS Grid Generator</title>
    <dc:date>2019-05-29T07:03:15+00:00</dc:date>
    <link>https://cssgrid-generator.netlify.com/</link>
    <dc:creator>raygrasso</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:467c8b810ed6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://styled-system.com/">
    <title>Styled System</title>
    <dc:date>2019-04-05T03:35:02+00:00</dc:date>
    <link>https://styled-system.com/</link>
    <dc:creator>raygrasso</dc:creator><description><![CDATA[Style props for rapid UI development]]></description>
<dc:subject>css reactjs</dc:subject>
<dc:identifier>https://pinboard.in/u:raygrasso/b:3d5d16275298/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:raygrasso/t:reactjs"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>