<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>web design &#8211; Dabbled</title>
	<atom:link href="https://dabbled.org/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://dabbled.org</link>
	<description>Experiments in Art, Craft, and Food - an archive</description>
	<lastBuildDate>Wed, 10 Aug 2011 18:00:54 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
<site xmlns="com-wordpress:feed-additions:1">145231836</site>	<item>
		<title>Re-design update: a new 404 page</title>
		<link>https://dabbled.org/re-design-update-a-new-404-page/</link>
					<comments>https://dabbled.org/re-design-update-a-new-404-page/#comments</comments>
		
		<dc:creator><![CDATA[Dot]]></dc:creator>
		<pubDate>Wed, 10 Aug 2011 17:33:30 +0000</pubDate>
				<category><![CDATA[Robots]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[404 page]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://dabbled.org/?p=6746</guid>

					<description><![CDATA[<p><a href="http://dabbled.org/wp-content/uploads/2011/08/robot404.png"></a>As part of the changes I&#8217;m working on to dabbled.org, I decided to create a fun 404 page (you know, the Page Not Found thing you get with a bad link). The new background is watercolor paper, so I created an effect of the paper being torn to see what was underneath&#8211;and of course some cute robots peeking through. And the effect even covers part of the header. I thought it was a pretty cute trick.&#8230; <a href="https://dabbled.org/re-design-update-a-new-404-page/" class="read-more"> [ KEEP READING ] </a></p>]]></description>
										<content:encoded><![CDATA[<p><a href="http://dabbled.org/wp-content/uploads/2011/08/robot404.png"><img decoding="async" loading="lazy" class="size-medium wp-image-6747 alignright" style="background: none repeat scroll 0 0 transparent; box-shadow: 0px 0px 0px 0px #ffffff;" title="robot404" src="http://dabbled.org/wp-content/uploads/2011/08/robot404-275x250.png" alt="" width="275" height="250" srcset="https://dabbled.org/wp-content/uploads/2011/08/robot404-275x250.png 275w, https://dabbled.org/wp-content/uploads/2011/08/robot404-500x456.png 500w, https://dabbled.org/wp-content/uploads/2011/08/robot404.png 650w" sizes="(max-width: 275px) 100vw, 275px" /></a>As part of the changes I&#8217;m working on to dabbled.org, I decided to create a fun 404 page (you know, the Page Not Found thing you get with a bad link). The new background is watercolor paper, so I created an effect of the paper being torn to see what was underneath&#8211;and of course some cute robots peeking through. And the effect even covers part of the header. I thought it was a pretty cute trick. You can see it by going to any link on the site that doesn&#8217;t exist, like <a href="http://dabbled.org/slkdfjs" target="_blank">http://dabbled.org/slkdfjs</a>.</p>
<p>I&#8217;ve seen several cute 404 pages recently, but mine was inspired by the one on <a href="http://www.swiss-miss.com/" target="_blank">Swiss Miss</a> (great design site). <a href="http://www.swiss-miss.com/jslek" target="_blank">Here&#8217;s her&#8217;s</a>.</p>
<p>If anyone&#8217;s interested, I&#8217;ll write up a quick tutorial on how to make the graphic in photoshop, and also how to incorporate it into your 404 page.</p>
<p><em>PS: you can see another version of the same thing at my sometimes updated art site: <a href="http://nancydorsner.com/sdjflk" target="_blank">http://nancydorsner.com/sdjflk</a></em></p>
]]></content:encoded>
					
					<wfw:commentRss>https://dabbled.org/re-design-update-a-new-404-page/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6746</post-id>	</item>
		<item>
		<title>New Facebook Landing page for Foodwhirl</title>
		<link>https://dabbled.org/new-facebook-landing-page-for-foodwhirl/</link>
					<comments>https://dabbled.org/new-facebook-landing-page-for-foodwhirl/#comments</comments>
		
		<dc:creator><![CDATA[Dot]]></dc:creator>
		<pubDate>Mon, 16 May 2011 17:12:14 +0000</pubDate>
				<category><![CDATA[website design]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[foodwhirl]]></category>
		<category><![CDATA[web design]]></category>
		<guid isPermaLink="false">http://dabbled.org/?p=6574</guid>

					<description><![CDATA[<p>OK, OK, I promise more arts &#38; crafts and less web design in the near future, but I had to show this off.</p>
<p><a href="http://facebook.com/foodwhirl"></a></p>
<p>&#160;</p>
<p>Facebook pages are generally pretty boring, and I have a client who wanted a fancier facebook landing page.  So I decided to create one for Foodwhirl to see how difficult it was, before I costed it for her.  And, though a little complex (<em>once I figured out that facebook was no longer supporting FBML and I needed to use iFrames, <a title="facebook page with iframes" href="http://socialmouths.com/blog/2011/03/16/how-to-build-a-facebook-landing-page-with-iframes/" target="_blank">i found this great tutorial</a></em>) , it wasn&#8217;t too hard for my mad web skillz.&#8230; <a href="https://dabbled.org/new-facebook-landing-page-for-foodwhirl/" class="read-more"> [ KEEP READING ] </a></p>]]></description>
										<content:encoded><![CDATA[<p>OK, OK, I promise more arts &amp; crafts and less web design in the near future, but I had to show this off.</p>
<p><a href="http://facebook.com/foodwhirl"><img decoding="async" loading="lazy" class="alignnone size-large wp-image-6575" title="facebook-landing page for foodwhirl" src="http://dabbled.org/wp-content/uploads/2011/05/facebook-landing-500x458.jpg" alt="" width="500" height="458" srcset="https://dabbled.org/wp-content/uploads/2011/05/facebook-landing-500x458.jpg 500w, https://dabbled.org/wp-content/uploads/2011/05/facebook-landing-275x252.jpg 275w, https://dabbled.org/wp-content/uploads/2011/05/facebook-landing.jpg 810w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>&nbsp;</p>
<p>Facebook pages are generally pretty boring, and I have a client who wanted a fancier facebook landing page.  So I decided to create one for Foodwhirl to see how difficult it was, before I costed it for her.  And, though a little complex (<em>once I figured out that facebook was no longer supporting FBML and I needed to use iFrames, <a title="facebook page with iframes" href="http://socialmouths.com/blog/2011/03/16/how-to-build-a-facebook-landing-page-with-iframes/" target="_blank">i found this great tutorial</a></em>) , it wasn&#8217;t too hard for my mad web skillz.</p>
<p>If you haven&#8217;t &#8220;Liked&#8221; foodwhirl, just go here: <a href="http://www.facebook.com/Foodwhirl " target="_blank">http://www.facebook.com/Foodwhirl </a>to see it!  And of course, Like foodwhirl while you&#8217;re there.</p>
<p>If you have friended Foodwhirl on Facebook, you can still see the page, just click &#8216;Welcome&#8217; in the list in the left sidebar.</p>
<p>NOTE: if you&#8217;ve enabled secure browsing in facebook (https:), you&#8217;ll get an error message first.  Just click to go to http for that session, and you&#8217;ll be able to see it.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dabbled.org/new-facebook-landing-page-for-foodwhirl/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6574</post-id>	</item>
	</channel>
</rss>
