




















<?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>HTML/CSS &#8211; Inspirational Pixels</title>
	<atom:link href="https://www.inspirationalpixels.com/category/tutorials/htmlcss/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.inspirationalpixels.com/category/tutorials/htmlcss/</link>
	<description>Web design tutorials, snippets and freebies</description>
	<lastBuildDate>Tue, 13 Jul 2021 16:45:12 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://www.inspirationalpixels.com/wp-content/uploads/2018/05/cropped-avatar-800x800-150x150.jpg</url>
	<title>HTML/CSS &#8211; Inspirational Pixels</title>
	<link>https://www.inspirationalpixels.com/category/tutorials/htmlcss/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Create a Fading Popup Modal with jQuery</title>
		<link>https://www.inspirationalpixels.com/custom-popup-modal/</link>
					<comments>https://www.inspirationalpixels.com/custom-popup-modal/#comments</comments>
		
		<dc:creator><![CDATA[Seb Kay]]></dc:creator>
		<pubDate>Mon, 23 Mar 2015 06:00:50 +0000</pubDate>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[demo]]></category>
		<guid isPermaLink="false">http://staging.inspirationalpixels.com/?p=2893</guid>

					<description><![CDATA[<p>Learn how to code a popup modal from scratch using nothing more than HTML, CSS and jQuery.</p>
<p>The post <a href="https://www.inspirationalpixels.com/custom-popup-modal/">Create a Fading Popup Modal with jQuery</a> appeared first on <a href="https://www.inspirationalpixels.com">Inspirational Pixels</a>.</p>
]]></description>
		
					<wfw:commentRss>https://www.inspirationalpixels.com/custom-popup-modal/feed/</wfw:commentRss>
			<slash:comments>71</slash:comments>
		
		
			</item>
		<item>
		<title>Creating a Responsive Menu with HTML, CSS &#038; jQuery</title>
		<link>https://www.inspirationalpixels.com/creating-a-responsive-menu-with-html-css-jquery/</link>
					<comments>https://www.inspirationalpixels.com/creating-a-responsive-menu-with-html-css-jquery/#comments</comments>
		
		<dc:creator><![CDATA[Seb Kay]]></dc:creator>
		<pubDate>Mon, 18 Aug 2014 09:17:13 +0000</pubDate>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[hamburger]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[responsive]]></category>
		<category><![CDATA[rwd]]></category>
		<guid isPermaLink="false">http://staging.inspirationalpixels.com/?p=1529</guid>

					<description><![CDATA[<p>Today I&#8217;m going to show you how to create a responsive menu with HTML, CSS and jQuery. I&#8217;m going to&#8230;</p>
<p>The post <a href="https://www.inspirationalpixels.com/creating-a-responsive-menu-with-html-css-jquery/">Creating a Responsive Menu with HTML, CSS &#038; jQuery</a> appeared first on <a href="https://www.inspirationalpixels.com">Inspirational Pixels</a>.</p>
]]></description>
		
					<wfw:commentRss>https://www.inspirationalpixels.com/creating-a-responsive-menu-with-html-css-jquery/feed/</wfw:commentRss>
			<slash:comments>65</slash:comments>
		
		
			</item>
		<item>
		<title>Creating a Dropdown Menu with HTML &#038; CSS</title>
		<link>https://www.inspirationalpixels.com/creating-a-dropdown-menu-with-html-css/</link>
					<comments>https://www.inspirationalpixels.com/creating-a-dropdown-menu-with-html-css/#comments</comments>
		
		<dc:creator><![CDATA[Seb Kay]]></dc:creator>
		<pubDate>Thu, 31 Jul 2014 07:00:56 +0000</pubDate>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[dropdown]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[nav]]></category>
		<guid isPermaLink="false">http://staging.inspirationalpixels.com/?p=1457</guid>

					<description><![CDATA[<p>Today we&#8217;re going to look at how to make an HTML and CSS dropdown menu. No JavaScript or jQuery required!&#8230;</p>
<p>The post <a href="https://www.inspirationalpixels.com/creating-a-dropdown-menu-with-html-css/">Creating a Dropdown Menu with HTML &#038; CSS</a> appeared first on <a href="https://www.inspirationalpixels.com">Inspirational Pixels</a>.</p>
]]></description>
		
					<wfw:commentRss>https://www.inspirationalpixels.com/creating-a-dropdown-menu-with-html-css/feed/</wfw:commentRss>
			<slash:comments>158</slash:comments>
		
		
			</item>
		<item>
		<title>Creating an Accordion with HTML, CSS &#038; jQuery</title>
		<link>https://www.inspirationalpixels.com/accordion-html-css-jquery/</link>
					<comments>https://www.inspirationalpixels.com/accordion-html-css-jquery/#comments</comments>
		
		<dc:creator><![CDATA[Seb Kay]]></dc:creator>
		<pubDate>Tue, 29 Apr 2014 05:00:40 +0000</pubDate>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[accordion]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[faq]]></category>
		<category><![CDATA[faq section]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[tabs]]></category>
		<guid isPermaLink="false">http://staging.inspirationalpixels.com/?p=936</guid>

					<description><![CDATA[<p>An accordion is usually associated with FAQ areas. If printed to the page, FAQs could stop users from finding the&#8230;</p>
<p>The post <a href="https://www.inspirationalpixels.com/accordion-html-css-jquery/">Creating an Accordion with HTML, CSS &#038; jQuery</a> appeared first on <a href="https://www.inspirationalpixels.com">Inspirational Pixels</a>.</p>
]]></description>
		
					<wfw:commentRss>https://www.inspirationalpixels.com/accordion-html-css-jquery/feed/</wfw:commentRss>
			<slash:comments>195</slash:comments>
		
		
			</item>
		<item>
		<title>Tooltips in HTML and CSS</title>
		<link>https://www.inspirationalpixels.com/tooltips-in-pure-htmlcss/</link>
					<comments>https://www.inspirationalpixels.com/tooltips-in-pure-htmlcss/#comments</comments>
		
		<dc:creator><![CDATA[Seb Kay]]></dc:creator>
		<pubDate>Thu, 14 Nov 2013 20:06:35 +0000</pubDate>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[tooltips]]></category>
		<guid isPermaLink="false">http://staging.inspirationalpixels.com/?p=517</guid>

					<description><![CDATA[<p>Learn how to create tooltips with only HTML and CSS. A simple yet effective technique when jQuery seems like overkill. All you need is a basic understanding of CSS to get started.</p>
<p>The post <a href="https://www.inspirationalpixels.com/tooltips-in-pure-htmlcss/">Tooltips in HTML and CSS</a> appeared first on <a href="https://www.inspirationalpixels.com">Inspirational Pixels</a>.</p>
]]></description>
		
					<wfw:commentRss>https://www.inspirationalpixels.com/tooltips-in-pure-htmlcss/feed/</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
			</item>
	</channel>
</rss>
