<?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>Web Development Archives - BadFive</title>
	<atom:link href="https://www.badfive.com/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.badfive.com/tag/web-development/</link>
	<description>Light reading for curious minds</description>
	<lastBuildDate>Wed, 17 Jan 2018 07:24:19 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://i0.wp.com/www.badfive.com/wp-content/uploads/2020/07/cropped-bf_favicon_smokey.png?fit=32%2C32&#038;ssl=1</url>
	<title>Web Development Archives - BadFive</title>
	<link>https://www.badfive.com/tag/web-development/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">83668119</site>	<item>
		<title>Add Instagram filters to your website by using this CSS stylesheet</title>
		<link>https://www.badfive.com/add-instagram-filters-website-using-css/</link>
					<comments>https://www.badfive.com/add-instagram-filters-website-using-css/#respond</comments>
		
		<dc:creator><![CDATA[Giorgos Demosthenous]]></dc:creator>
		<pubDate>Wed, 17 Jan 2018 07:17:04 +0000</pubDate>
				<category><![CDATA[Apps]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Instagram]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.badfive.com/?p=4991</guid>

					<description><![CDATA[<p>If you’re a daily Instagram user, like I am, you’re most likely in love with the photo editing capabilities of the app, but most importantly, with their amazing filters. You can adjust the appearance of your photo in multiple different ways, so it can fit any mood. But, what if you want to use those [&#8230;]</p>
<p>The post <a href="https://www.badfive.com/add-instagram-filters-website-using-css/">Add Instagram filters to your website by using this CSS stylesheet</a> appeared first on <a href="https://www.badfive.com">BadFive</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- Global Posts --><br />
<ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-3078242538320941" data-ad-slot="1165827314" data-ad-format="auto"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p><span class="bfpost_text">If you’re a daily Instagram user, like I am, you’re most likely in love with the photo editing capabilities of the app, but most importantly, with their amazing filters. You can adjust the appearance of your photo in multiple different ways, so it can fit any mood. </span></p>
<p><span class="bfpost_text">But, what if you want to use those filters on your blog or website? Sure you can use photoshop to edit your photos but that’s too much trouble. Up until now you would have to use Instagram to edit your photos, then save them before finally uploading them to your website. Well, there’s no longer a need for any of that since you can now simply use <a href="https://picturepan2.github.io/instagram.css/" rel="noopener" target="_blank">Instagram.css</a> </span></p>
<p><span class="bfpost_header">Instagram.css</span></p>
<p><span class="bfpost_text"><a href="https://picturepan2.github.io/instagram.css/" rel="noopener" target="_blank">Instagram.css</a> is an open CSS stylesheet that you can use in any of your websites. You just need to include it on your project and that’s it. It allows you to use Instagram filters on your website’s photos simply by changing their class. It’s worth mentioning that this project is built on pure CSS, therefore it does not use any scripts that would cause your website to slow down.  You can check out Instagram.css by heading to the <a href="https://picturepan2.github.io/instagram.css/" rel="noopener" target="_blank">front page of their project</a>. </span></p>
<p><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br />
<!-- Global Posts Footer --><br />
<ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-3078242538320941" data-ad-slot="4275247359" data-ad-format="auto"></ins><br />
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></p>
<p>The post <a href="https://www.badfive.com/add-instagram-filters-website-using-css/">Add Instagram filters to your website by using this CSS stylesheet</a> appeared first on <a href="https://www.badfive.com">BadFive</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.badfive.com/add-instagram-filters-website-using-css/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4991</post-id>	</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 
Minified using Disk

Served from: www.badfive.com @ 2026-06-03 08:55:19 by W3 Total Cache
-->