http://style.puglypixel.com Blog/web design techniques in a friendly show-and-tell video format. Thu, 16 May 2013 04:55:22 +0000 en-US hourly 1 http://wordpress.org/?v=3.5.1 http://puglypixel.com/wp-content/pics/feedblitz_style.png http://style.puglypixel.com http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/ http://feeds.feedblitz.com/~/40776728/0/puglypixel/style~Quickie-How-to-Install-and-Use-Font-Awesome-Web-Font/ http://feeds.feedblitz.com/~/40776728/0/puglypixel/style~Quickie-How-to-Install-and-Use-Font-Awesome-Web-Font/#comments Fri, 03 May 2013 18:30:20 +0000 Katrina http://style.puglypixel.com/?p=1050 Hey everyone, today’s Style post is about Font Awesome, a free web font with simple and scalable icons. To date, there are 249 icons ranging from retro cameras to briefcases, from cups of coffee to glasses of beer. There are also a variety of medical and social icons. Do you notice the shopping cart icon [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/40776728/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fpuglypixel_style_fontawesome.jpg"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li><li><a href="http://style.puglypixel.com/bonus-screencast-htmlcss-captions/">Bonus Screencast: HTML/CSS Captions</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/40776728/0/puglypixel/style~Quickie-How-to-Install-and-Use-Font-Awesome-Web-Font/feed/ 0Hey everyone, today’s Style post is about Font Awesome, a free web font with simple and scalable icons. To date, there are 249 icons ranging from retro cameras to briefcases, from cups of coffee to glasses of beer. There are also a variety of medical and social icons. Do you notice the shopping cart icon [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/40776728/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fpuglypixel_style_fontawesome.jpg"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/40776728/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li><li><a href="http://style.puglypixel.com/bonus-screencast-htmlcss-captions/">Bonus Screencast: HTML/CSS Captions</a></li></ul>&#160;</div> http://style.puglypixel.com/layered-photos-overlapping-text/ http://feeds.feedblitz.com/~/38885845/0/puglypixel/style~Quickie-Layered-Photos-amp-Overlapping-Text-with-CSS/ http://feeds.feedblitz.com/~/38885845/0/puglypixel/style~Quickie-Layered-Photos-amp-Overlapping-Text-with-CSS/#comments Sun, 10 Mar 2013 20:00:29 +0000 Katrina http://style.puglypixel.com/?p=943 log in | log out | sign up An Exercise in Relative Positioning Today’s tutorial was heavily inpsired by Frame Magazine. I bought my first issue back in December of 2012 from Green Apple Books on Clement Street. And, I just bought the Spring issue recently and I tell ya, it’s super slick and super [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/38885845/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fstyle_layeredphotos.jpg"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li><li><a href="http://style.puglypixel.com/bonus-screencast-htmlcss-captions/">Bonus Screencast: HTML/CSS Captions</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/38885845/0/puglypixel/style~Quickie-Layered-Photos-amp-Overlapping-Text-with-CSS/feed/ 0log in | log out | sign up An Exercise in Relative Positioning Today’s tutorial was heavily inpsired by Frame Magazine. I bought my first issue back in December of 2012 from Green Apple Books on Clement Street. And, I just bought the Spring issue recently and I tell ya, it’s super slick and super [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/38885845/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fstyle_layeredphotos.jpg"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/38885845/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li><li><a href="http://style.puglypixel.com/bonus-screencast-htmlcss-captions/">Bonus Screencast: HTML/CSS Captions</a></li></ul>&#160;</div> http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/ http://feeds.feedblitz.com/~/36015908/0/puglypixel/style~Quickie-Monki-Maginspired-Layout-with-HTMLCSS/ http://feeds.feedblitz.com/~/36015908/0/puglypixel/style~Quickie-Monki-Maginspired-Layout-with-HTMLCSS/#comments Fri, 30 Nov 2012 01:15:15 +0000 Katrina http://style.puglypixel.com/?p=747 blog post | log in | log out | sign up As I mentioned the other day, I’m going to recreate the Monki-inspired Photoshop tutorial for Style members using HTML and CSS. While I was working on it, I created the prototypes that you can see in the picture above — we’re gonna make the [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/36015908/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fpuglypixel_monki_htmlcss2.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/bonus-screencast-htmlcss-captions/">Bonus Screencast: HTML/CSS Captions</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/36015908/0/puglypixel/style~Quickie-Monki-Maginspired-Layout-with-HTMLCSS/feed/ 0blog post | log in | log out | sign up As I mentioned the other day, I’m going to recreate the Monki-inspired Photoshop tutorial for Style members using HTML and CSS. While I was working on it, I created the prototypes that you can see in the picture above — we’re gonna make the [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/36015908/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fpuglypixel_monki_htmlcss2.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/36015908/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/bonus-screencast-htmlcss-captions/">Bonus Screencast: HTML/CSS Captions</a></li></ul>&#160;</div> http://style.puglypixel.com/bonus-screencast-htmlcss-captions/ http://feeds.feedblitz.com/~/35575037/0/puglypixel/style~Quickie-HTMLCSS-Captions/ http://feeds.feedblitz.com/~/35575037/0/puglypixel/style~Quickie-HTMLCSS-Captions/#comments Wed, 14 Nov 2012 07:20:30 +0000 Katrina http://style.puglypixel.com/?p=674 blog post | log in | log out | sign up It’s great to have a variety of photo labels at your disposal. The usual place to put a photo caption is above the photo or beneath it. To put a caption on top of a photo, we’ve been using Photoshop (as I’ve done in [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/35575037/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fpuglypixel_style_csscaptions_memberonly2.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/35575037/0/puglypixel/style~Quickie-HTMLCSS-Captions/feed/ 0blog post | log in | log out | sign up It’s great to have a variety of photo labels at your disposal. The usual place to put a photo caption is above the photo or beneath it. To put a caption on top of a photo, we’ve been using Photoshop (as I’ve done in [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/35575037/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fcss%2fpuglypixel_style_csscaptions_memberonly2.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/35575037/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li></ul>&#160;</div> http://style.puglypixel.com/delectables-no-3-pop-outs/ http://feeds.feedblitz.com/~/35176080/0/puglypixel/style~Quickie-Photoshop-PopOuts/ http://feeds.feedblitz.com/~/35176080/0/puglypixel/style~Quickie-Photoshop-PopOuts/#comments Tue, 30 Oct 2012 03:49:44 +0000 Katrina http://style.puglypixel.com/?p=415 blog post | log in | log out | sign up Hey guys, here’s another Delectables Screencast for Style Members. This time, I’m going to show you how I made my round RewardStyle affiliate ads that I use on PuglyPixel. I’m going to show you how to make circle outlines and how to conceal portions [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/35176080/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fps%2fpuglypixel_delectables_no3.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/delectables-no-2-silhouette-legends/">PS I Love You: Silhouette Legends (Screencast Version)</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/35176080/0/puglypixel/style~Quickie-Photoshop-PopOuts/feed/ 0blog post | log in | log out | sign up Hey guys, here’s another Delectables Screencast for Style Members. This time, I’m going to show you how I made my round RewardStyle affiliate ads that I use on PuglyPixel. I’m going to show you how to make circle outlines and how to conceal portions [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/35176080/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fps%2fpuglypixel_delectables_no3.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/35176080/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/delectables-no-2-silhouette-legends/">PS I Love You: Silhouette Legends (Screencast Version)</a></li></ul>&#160;</div> http://style.puglypixel.com/delectables-no-2-silhouette-legends/ http://feeds.feedblitz.com/~/35150740/0/puglypixel/style~Quickie-Photoshop-Silhouettes/ http://feeds.feedblitz.com/~/35150740/0/puglypixel/style~Quickie-Photoshop-Silhouettes/#comments Mon, 29 Oct 2012 05:42:07 +0000 Katrina http://style.puglypixel.com/?p=369 blog post | log in | log out | sign up Hello STYLE Peeps! I thought it would be nice to create a screencast tutorial to accompany the Silhouette Legends step-by-step tutorial on PuglyPixel, so here it is. The footage is just a little bit less than 15 minutes and I walk through the process [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/35150740/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fps%2fstyle_delectables_no2.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/delectables-no-3-pop-outs/">Delectables No. 3: Pop-Outs</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/35150740/0/puglypixel/style~Quickie-Photoshop-Silhouettes/feed/ 0blog post | log in | log out | sign up Hello STYLE Peeps! I thought it would be nice to create a screencast tutorial to accompany the Silhouette Legends step-by-step tutorial on PuglyPixel, so here it is. The footage is just a little bit less than 15 minutes and I walk through the process [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/35150740/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2fps%2fstyle_delectables_no2.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/35150740/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/delectables-no-3-pop-outs/">Delectables No. 3: Pop-Outs</a></li></ul>&#160;</div> http://style.puglypixel.com/ecourse-css-pretty/ http://feeds.feedblitz.com/~/34271172/0/puglypixel/style~eCourse-CSS-Pretty/ http://feeds.feedblitz.com/~/34271172/0/puglypixel/style~eCourse-CSS-Pretty/#comments Tue, 21 Aug 2012 20:24:04 +0000 Katrina http://style.puglypixel.com/?p=145 About FAQ Syllabus Testimonials This course is designed so that everyone one can learn how to build the CSS Pretty blog by following along with me. The screencasts cover every line of CSS and HTML that we write. As you follow along and do as I do, you will learn how to create a blog [...]]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/34271172/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2f01%2fw01_csspretty.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li></ul>&#160;</div> http://feeds.feedblitz.com/~/34271172/0/puglypixel/style~eCourse-CSS-Pretty/feed/ 0About FAQ Syllabus Testimonials This course is designed so that everyone one can learn how to build the CSS Pretty blog by following along with me. The screencasts cover every line of CSS and HTML that we write. As you follow along and do as I do, you will learn how to create a blog [...] ]]> <div style="clear:both;padding-top:0.2em;"><a title="Like on Facebook" href="http://feeds.feedblitz.com/_/28/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/fblike20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Pin it!" href="http://feeds.feedblitz.com/_/29/34271172/puglypixel/style,http%3a%2f%2fstyle.puglypixel.com%2fwp-content%2fpics%2f01%2fw01_csspretty.png"><img height="20" src="http://assets.feedblitz.com/i/pinterest20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Tweet This" href="http://feeds.feedblitz.com/_/24/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/twitter20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by email" href="http://feeds.feedblitz.com/_/19/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/email20.png" style="border:0;margin:0;padding:0;"></a>&#160;<a title="Subscribe by RSS" href="http://feeds.feedblitz.com/_/20/34271172/puglypixel/style"><img height="20" src="http://assets.feedblitz.com/i/rss20.png" style="border:0;margin:0;padding:0;"></a><h3 style="clear:left;padding-top:10px">Related Stories</h3><ul><li><a href="http://style.puglypixel.com/quickie-how-to-install-and-use-font-awesome/">Quickie: How to Install and Use Font Awesome</a></li><li><a href="http://style.puglypixel.com/layered-photos-overlapping-text/">Quickie: Layered Photos &amp; Overlapping Text with CSS</a></li><li><a href="http://style.puglypixel.com/monki-mag-inspired-layout-with-htmlcss/">Monki Mag-inspired Layout with HTML+CSS</a></li></ul>&#160;</div>