<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>grid &#8211; Ohh Rex Dino Design</title>
	<atom:link href="https://o-rex.com/tag/grid/feed/" rel="self" type="application/rss+xml" />
	<link>https://o-rex.com</link>
	<description></description>
	<lastBuildDate>Mon, 22 Jun 2026 12:39:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>
	<item>
		<title>Using Scroll-Driven Animations for Opposing Scroll Directions</title>
		<link>https://o-rex.com/using-scroll-driven-animations-for-opposing-scroll-directions/</link>
		
		<dc:creator><![CDATA[Dino Design]]></dc:creator>
		<pubDate>Mon, 22 Jun 2026 12:39:13 +0000</pubDate>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[columns]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[flexbox]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[gradients]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[mask]]></category>
		<category><![CDATA[offset]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[Scroll Driven Animation]]></category>
		<category><![CDATA[scrolling]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[writing]]></category>
		<guid isPermaLink="false">https://o-rex.com/using-scroll-driven-animations-for-opposing-scroll-directions/</guid>

					<description><![CDATA[Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept...
<p><a href="https://o-rex.com/using-scroll-driven-animations-for-opposing-scroll-directions/">Source</a></p>]]></description>
		
		
		<enclosure url="https://css-tricks.com/wp-content/uploads/2026/05/opposing-scrolling-logos.mov" length="38364603" type="video/quicktime" />

			</item>
		<item>
		<title>What’s !important #13: @function, alpha(), CSS Wordle, and More</title>
		<link>https://o-rex.com/whats-important-13-function-alpha-css-wordle-and-more/</link>
		
		<dc:creator><![CDATA[Dino Design]]></dc:creator>
		<pubDate>Mon, 15 Jun 2026 13:15:33 +0000</pubDate>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS functions]]></category>
		<category><![CDATA[css-tricks]]></category>
		<category><![CDATA[dialog]]></category>
		<category><![CDATA[functions]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[masonry]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[opinion]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[ux]]></category>
		<guid isPermaLink="false">https://o-rex.com/whats-important-13-function-alpha-css-wordle-and-more/</guid>

					<description><![CDATA[CSS functions, the alpha() function, Grid Lanes, some things about &#60;dialog&#62; that you might not know, CSS...
<p><a href="https://o-rex.com/whats-important-13-function-alpha-css-wordle-and-more/">Source</a></p>]]></description>
		
		
		
			</item>
		<item>
		<title>Creating Memorable Web Experiences: A Modern CSS Toolkit</title>
		<link>https://o-rex.com/creating-memorable-web-experiences-a-modern-css-toolkit/</link>
		
		<dc:creator><![CDATA[Dino Design]]></dc:creator>
		<pubDate>Wed, 10 Jun 2026 13:02:10 +0000</pubDate>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[ai]]></category>
		<category><![CDATA[anchor positioning]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[animations]]></category>
		<category><![CDATA[aria]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[border]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[clip-path]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css properties]]></category>
		<category><![CDATA[custom properties]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[GSAP]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[IT]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[letter-spacing]]></category>
		<category><![CDATA[list]]></category>
		<category><![CDATA[lists]]></category>
		<category><![CDATA[mask]]></category>
		<category><![CDATA[nth-child]]></category>
		<category><![CDATA[offset]]></category>
		<category><![CDATA[overflow]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[position]]></category>
		<category><![CDATA[positioning]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[shapes]]></category>
		<category><![CDATA[state]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[ux]]></category>
		<guid isPermaLink="false">https://o-rex.com/creating-memorable-web-experiences-a-modern-css-toolkit/</guid>

					<description><![CDATA[I love the fact that CSS is finally reclaiming control over visual interactions, taking charge of the...
<p><a href="https://o-rex.com/creating-memorable-web-experiences-a-modern-css-toolkit/">Source</a></p>]]></description>
		
		
		<enclosure url="https://css-tricks.com/wp-content/uploads/2026/04/nerd2-f.mp4" length="8810169" type="video/mp4" />
<enclosure url="https://css-tricks.com/wp-content/uploads/2026/04/do-14.mp4" length="637889" type="video/mp4" />

			</item>
	</channel>
</rss>
