tag:blogger.com,1999:blog-137152732009-07-11T16:42:38.245-04:00Welcome to simplepea.com the design notebook of Paulina Tracz based in the Catskills and NYC. I use this blog to document web design knowledge, resources and inspirations.Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.comBlogger483125tag:blogger.com,1999:blog-13715273.post-27870511068238157422009-06-16T14:55:00.000-04:002009-06-16T14:55:50.215-04:00<a href="http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/">10 Web Typography Rules Every Designer Should Know | Webdesigner Depot</a><br /><br />"In this article we take a look at 10 easy rules to keep in mind when designing your next web project...."<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-2787051106823815742?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-4867014695495453752009-06-12T17:45:00.000-04:002009-06-12T17:45:18.045-04:00Wow, this is so great.. I recommend for anyone needing to have a long distance meeting where they need to show what's happening on their computer screen. Cool stuff. <br /><br /><a href="http://www.adobe.com/acom/connectnow/">Adobe ConnectNow web conferencing from Acrobat.com</a>: "Meet live over the web and share your screen with anyone<br /><br />Adobe ConnectNow is a great way to share ideas, discuss details, and complete work together — all online. Reduce travel costs, save time, and increase productivity with a web conferencing solution that's easy to access and simple to use. It's free, so sign up now."<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-486701469549545375?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-51034967291708063312009-06-10T18:01:00.000-04:002009-06-10T18:01:01.148-04:00<a href="http://ilovetypography.com/fontgame/">I Love Typography: The Rather Difficult Font Game</a><br /><br />Oh, I need to brush up on my skills!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-5103496729170806331?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-28941928846244402112009-06-09T12:17:00.000-04:002009-06-09T12:17:36.098-04:00<a href="http://www.artisteer.com/?p=home">Artisteer - joomla template generator and wordpress theme generator</a><br /><br />This looks really cool...<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-2894192884624440211?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-33278684431189005182009-06-04T13:19:00.000-04:002009-06-04T13:19:57.503-04:00<a href="http://csstypeset.com/">CSS Type Set</a><br /><br />This marvellous tools lets you type in your desired text, and then play about with the hundreds of possible CSS permutations, and when you find the style you like copy and paste the CSS into your stylesheet. Powerful yet simple.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-3327868443118900518?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-25009996282530918482009-06-04T13:14:00.000-04:002009-06-04T13:14:23.041-04:00<a href="http://www.smashingmagazine.com/2009/01/27/css-typographic-tools-and-techniques/">50 Useful Design Tools For Beautiful Web Typography | CSS, Fonts | Smashing Magazine</a><br /><br />Very useful article with loads of resources about typography on the web. I've bookmarked at least 5 sites already.. check it out!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-2500999628253091848?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-67800973527009651062009-06-04T13:04:00.000-04:002009-06-04T13:04:06.153-04:00<a href="http://symphony-cms.com/">Symphony – The XSLT Content Management System</a><br /><br />This Content management system is recommended by a blog called <a href="http://thebignoob.com/">Noob</a>. And I like the blog because I call my dog Noob sometimes, so I figure this must be a valid recommendation. RIGHT??<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-6780097352700965106?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-53972646127008710012009-06-04T11:35:00.000-04:002009-06-04T11:35:06.914-04:00<a href="http://www.webappers.com/">Best Open Source Resources for Web Developers | WebAppers</a><br /><br />WebAppers is a blog dedicated to share top quality open source resources for web developer and web designer daily. As a web designer, you’ll find some of the best <strong><em>free icons</em></strong>, <em><strong>stock photos</strong></em>, <em><strong>brushes</strong></em>, <em><strong>fonts </strong><strong> </strong></em>and <em><strong>design inspirations</strong></em>. As a web developer, you’ll also find some of the best <em><strong>Javascript and Ajax components</strong></em> like <em><strong>modal windows</strong></em>, <em><strong>menus</strong></em>, <em><strong>galleries</strong></em>, <em><strong>tooltips</strong></em>, <em><strong>charts</strong></em>, <strong><em>calendars plugins</em></strong> and a lot more …<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-5397264612700871001?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-77272951887639025952009-06-04T11:19:00.000-04:002009-06-04T11:19:18.790-04:00<a href="http://960.gs/">960 Grid System</a>: "The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Read more."<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-7727295188763902595?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-22450445871743598512009-06-04T10:51:00.000-04:002009-06-04T10:51:38.453-04:00This just in from Steve Griffiths in the UK....<br /><br /><a href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/">Design a Beautiful Website From Scratch - Nettuts+</a>: "Design a Beautiful Website From Scratch<br />Apr 29th in HTML &amp; CSS by Marko Prljic<br /><br />Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I will point out these tiny details which make a website design look beautiful. Fire up Photoshop and let's get going!"<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-2245044587174359851?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-48987019292076258602009-06-02T15:22:00.000-04:002009-06-02T15:22:15.505-04:00<a href="http://singlefunction.com/15-hand-picked-color-palette-and-color-scheme-generators/">15 Hand Picked Color Palette and Color Scheme Generators | SingleFunction</a><br /><br />Michelle strikes again... thanks M!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-4898701929207625860?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-6346148822918127312009-06-02T15:07:00.000-04:002009-06-02T15:07:37.863-04:00<a href="http://www.usabilitypost.com/2008/09/29/a-guide-to-choosing-colors-for-your-brand/">A Guide to Choosing Colors for Your Brand « Usability Post</a><br /><br />Just came in from Michelle Fiddler...<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-634614882291812731?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-36451342002402622152009-05-22T20:02:00.000-04:002009-05-22T20:02:26.708-04:00<a href="http://www.area-daily.com/">Area Daily – The Insider's Guide to Modern Travel – Boutique Hotels, Restaurants and More</a><br />yum.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-3645134200240262215?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-59395072247183661002009-05-06T12:19:00.000-04:002009-05-06T12:19:56.750-04:00<a href="http://www.youthedesigner.com/2008/04/21/10-great-places-to-find-graphic-design-jobs/">10 Great Places to Find Graphic Design Jobs</a>: "10 Great Places to Find Graphic Design Jobs"<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-5939507224718366100?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-1180970320637731252009-05-04T13:43:00.000-04:002009-05-04T13:43:18.461-04:00<a href="http://www.grokdotcom.com/2007/04/09/emarketer-few-convert-at-retail-e-commerce-sites/">eMarketer: “Few Convert at Retail E-Commerce Sites” | FutureNow's GrokDotCom / Marketing Optimization Blog</a>: "<br /><br /><div class="editthis"> By <a href="http://www.grokdotcom.com/author/robert-gorell/" title="Posts by Robert Gorell">Robert Gorell</a><div class="homedate">April 9th, 2007</div> </div> <p>Ah, yes… Spring is here (well, mostly). It must be time for some new E-Commerce Conversion Rate numbers!</p> <p>Okay, so maybe it’s not <em>that</em> exciting. <a href="http://www.emarketer.com/Article.aspx?1004774&amp;src=article1_newsltr" target="_blank">eMarketer has the scoop</a>:</p> <blockquote><p><span class="grey_text2" id="lblBody"><span style="font-size:-1;">Online merchants convert <strong>an average of 2%-3% </strong>of their site visitors into buyers, <strong>according to the e-tailing group</strong>’s “Sixth Annual Merchant Survey.” </span></span></p> <p><span style="font-size:-1;"><strong><span class="grey_text2" id="lblBody">That’s about the same as last year. And the year before that.</span></strong></span></p> <p><span class="grey_text2" id="lblBody"><span style="font-size:-1;">The group says that driving the right customers to sites and increasing sales and retention all require more targeted tactics every year. It points to analytics and data mining as the way to make this happen. <a href="http://www.grokdotcom.com/2007/04/09/emarketer-few-convert-at-retail-e-commerce-sites/">Keep Reading...<br /></a></span></span></p></blockquote><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-118097032063773125?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-55127579728443762642009-04-29T11:50:00.000-04:002009-04-29T11:50:39.060-04:00<a href="http://www.webdesign.org/">Web Design Library — One-stop Web Design Resource</a><br /><br />This might come in handy...<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-5512757972844376264?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-15354500769819402902009-04-20T12:04:00.000-04:002009-04-20T12:04:47.145-04:00<a href="http://tinyurl.com/">TinyURL.com - shorten that long URL into a tiny URL</a>: "Welcome to TinyURL!™<br /><br />Are you sick of posting URLs in emails only to have it break when sent causing the recipient to have to cut and paste it back together? Then you've come to the right place. By entering in a URL in the text field below, we will create a tiny URL that will not break in email postings and never expires."<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-1535450076981940290?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com1tag:blogger.com,1999:blog-13715273.post-11447706233915863492009-04-14T18:09:00.000-04:002009-04-14T18:09:27.075-04:00<a href="http://jquery.com/demo/thickbox/">ThickBox 3.1</a><br /><br />ThickBox is a webpage UI dialog widget written in JavaScript on top of the <a href="http://www.jquery.com/">jQuery</a> library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through <a href="http://en.wikipedia.org/wiki/AJAX">AJAX</a> in a hybrid <a href="http://en.wikipedia.org/wiki/Modal_window">modal</a>.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-1144770623391586349?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-45359504616311779852009-04-14T17:29:00.000-04:002009-04-14T17:29:40.165-04:00<a href="http://www.wickham43.supanet.com/tutorial/imageswithascrollbar.html">Images with a scrollbar</a><br /><br />Many designers want to show lots of images in a row without widening the main page. This might be to show icons of products with links to product details.<br />In all the examples below the image could be an image link to another page or enlarged image.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-4535950461631177985?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-88728356167045453012009-04-13T16:09:00.000-04:002009-04-13T16:09:24.604-04:00<a href="http://tutorialblog.org/12-javascript-image-galleries/">12 Javascript Image Galleries | Ajax | Tutorial Blog</a><br /><br />I refer a lot of people to this page who look for ways to create image galleries on their site. These galleries use javascript, offering easy installation and SEO benefits, and no need for flash!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-8872835616704545301?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-40934665375911586452009-04-08T11:17:00.000-04:002009-04-08T11:17:47.951-04:00<a href="http://en.wikipedia.org/wiki/Muji">Muji - Wikipedia, the free encyclopedia</a><br /><br />The maker of my favorite facial cleanser and employer of the designer behind my new LaCie drive...<br /><br />"<b>Ryohin Keikaku Co.,Ltd.</b> <span style="font-weight: normal;">(<span class="t_nihongo_kanji"><span lang="ja" lang="ja">株式会社良品計画</span></span> <span class="t_nihongo_comma" style="display: none;">,</span><i><span class="t_nihongo_romaji">Kabushiki-gaisha Ryōhin Keikaku</span></i><span class="t_nihongo_help noprint">^{<a href="http://en.wikipedia.org/wiki/Help:Japanese" title="Help:Japanese"><span class="t_nihongo_icon" style="padding: 0pt 0.1em; color: rgb(0, 0, 238); font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 80%; line-height: normal; font-size-adjust: none; font-stretch: normal; text-decoration: none;">?</span></a>}</span>)</span> (<a href="http://en.wikipedia.org/wiki/Tokyo_Stock_Exchange" title="Tokyo Stock Exchange">TYO</a>: <a href="http://www.bloomberg.com/apps/quote?ticker=7453:JP" class="external text" title="http://www.bloomberg.com/apps/quote?ticker=7453:JP" rel="nofollow">7453</a>), or <b>Muji</b> <span style="font-weight: normal;">(<span class="t_nihongo_kanji"><span lang="ja" lang="ja">無印良品</span></span> <span class="t_nihongo_comma" style="display: none;">,</span><i><span class="t_nihongo_romaji">Mujirushi Ryōhin</span></i><span class="t_nihongo_help noprint">^{<a href="http://en.wikipedia.org/wiki/Help:Japanese" title="Help:Japanese"><span class="t_nihongo_icon" style="padding: 0pt 0.1em; color: rgb(0, 0, 238); font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 80%; line-height: normal; font-size-adjust: none; font-stretch: normal; text-decoration: none;">?</span></a>}</span>)</span> is a <a href="http://en.wikipedia.org/wiki/Japan" title="Japan">Japanese</a> retail company which sells a wide variety of household and consumer goods... Muji is distinguished by its design <a href="http://en.wikipedia.org/wiki/Minimalism" title="Minimalism">minimalism</a>, emphasis on <a href="http://en.wikipedia.org/wiki/Recycling" title="Recycling">recycling</a>, avoidance of waste in production and packaging, and no-logo or "no-<a href="http://en.wikipedia.org/wiki/Brand" title="Brand">brand</a>" policy."<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-4093466537591158645?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com1tag:blogger.com,1999:blog-13715273.post-72360297309176030832009-04-07T10:01:00.002-04:002009-04-07T10:06:43.868-04:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_AvgBnHlVfsE/Sdtdl8FIAhI/AAAAAAAAFfM/wL_Oj42ESUY/s1600-h/snoozelogo.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 194px; height: 66px;" src="http://1.bp.blogspot.com/_AvgBnHlVfsE/Sdtdl8FIAhI/AAAAAAAAFfM/wL_Oj42ESUY/s200/snoozelogo.jpg" alt="" id="BLOGGER_PHOTO_ID_5321950291032539666" border="0" /></a><br /><br />Really great looking site and logo... <a href="http://www.snooze.com.au/Default.aspx">Snooze.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-7236029730917603083?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-8091575197307502282009-04-03T11:37:00.003-04:002009-04-03T11:39:01.204-04:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://otherpixel.com/wp-content/themes/studiopresswhite/images/header.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 395px; height: 196px;" src="http://otherpixel.com/wp-content/themes/studiopresswhite/images/header.jpg" alt="" border="0" /></a><br /><br />My friend Patrick is really taking off as a photographer down in North Carolina...<br /><a href="http://otherpixel.com/">OtherPixel.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-809157519730750228?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com1tag:blogger.com,1999:blog-13715273.post-38110384297551900802009-04-02T13:58:00.001-04:002009-04-02T13:59:22.248-04:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_AvgBnHlVfsE/SdT87bGp2_I/AAAAAAAAFek/HcAu-VHro-w/s1600-h/colorschemecreator.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 320px; height: 204px;" src="http://1.bp.blogspot.com/_AvgBnHlVfsE/SdT87bGp2_I/AAAAAAAAFek/HcAu-VHro-w/s320/colorschemecreator.jpg" alt="" id="BLOGGER_PHOTO_ID_5320155157649546226" border="0" /></a><br /><br /><a href="http://colorschemedesigner.com/">Color Scheme Designer 3</a><br /><br />WOW! I am so loving this color scheme creation tool right now. Just put in your color hex value and play with the different schemes to create beautiful palettes.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-3811038429755190080?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0tag:blogger.com,1999:blog-13715273.post-81501445930922077032009-04-02T12:09:00.001-04:002009-04-02T12:10:34.931-04:00<a href="http://thedesigninspiration.com/">The Design Inspiration - Daily Logo Designs, Illustration Art, Website Showcase, Photos and Patterns</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/13715273-8150144593092207703?l=www.simplepea.com'/></div>Simple Peahttp://www.blogger.com/profile/07688896136408332202noreply@blogger.com0