<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6935440</id><updated>2012-01-13T10:56:46.344-08:00</updated><category term='web application'/><category term='page load'/><category term='google drawing'/><category term='flash'/><category term='browser compatibity'/><category term='content prototyping'/><category term='flash tools'/><category term='product pages'/><category term='covert'/><category term='web design fundamentals'/><category term='heatmap'/><category term='css colors'/><category term='flexible box'/><category term='ui app design'/><category term='community'/><category term='design techniques'/><category term='Graphic Design'/><category term='conversion'/><category term='touch-based'/><category term='interfaces'/><category term='adobe'/><category term='content creators'/><category term='account settings'/><category term='web terms'/><category term='ux design'/><category term='raster image'/><category term='grid layouts'/><category term='Cutting Edge'/><category term='mouse'/><category term='glow'/><category term='promoting'/><category term='usability tools'/><category term='personality'/><category term='resources'/><category term='business tips'/><category term='touch gesture'/><category term='visual design language'/><category term='email'/><category term='prototypes'/><category term='registration'/><category term='apple website'/><category term='xhtml'/><category term='ad blockers'/><category term='Dropbox'/><category term='kids'/><category term='content strategist'/><category term='stakeholders'/><category term='unconventional'/><category term='navigation bar'/><category term='help systems'/><category term='minimalist web layout'/><category term='retro'/><category term='user experiences'/><category term='strategist'/><category term='visual design'/><category term='webinar'/><category term='service design'/><category term='menus'/><category term='multivariate testing'/><category term='responsive web design'/><category term='best practices'/><category term='graphics'/><category term='online purchasing'/><category term='web developer'/><category term='free stock photos'/><category term='ideas'/><category term='logo design'/><category term='online payments'/><category term='Android Dev'/><category term='interview'/><category term='parallax'/><category term='websites'/><category term='tablets'/><category term='web fonts'/><category term='pixel'/><category term='magazines'/><category term='admob'/><category term='mac'/><category term='cognitive'/><category term='trendy designs'/><category term='user friendly'/><category term='design'/><category term='jakob nielsen'/><category term='increase traffic'/><category term='content management system'/><category term='conferences'/><category term='open-source'/><category term='google'/><category term='css properties'/><category term='call to action'/><category term='red'/><category term='domains'/><category term='cryptography'/><category term='optimzation'/><category term='smart'/><category term='coffee websites'/><category term='sketches'/><category term='web rates'/><category term='launching a web site'/><category term='systems thinking'/><category term='smashing book 2'/><category term='color purple'/><category term='logo'/><category term='user-centric'/><category term='creativity'/><category term='css techniques'/><category term='graphics designer'/><category term='Interaction design'/><category term='touchable'/><category term='design new sites'/><category term='typography'/><category term='frameworks'/><category term='survey'/><category term='plugin'/><category term='infographics'/><category term='bokeh effect'/><category term='alternative text'/><category term='services'/><category term='code'/><category term='clients'/><category term='email templates'/><category term='Luke Wroblewski'/><category term='start-ups'/><category term='roi'/><category term='power structure'/><category term='lessons learned'/><category term='scripts'/><category term='html5 frameworks'/><category term='horizontal design'/><category term='web project'/><category term='unique'/><category term='user experience'/><category term='extensions'/><category term='navigation'/><category term='diversity'/><category term='personas'/><category term='web structure'/><category term='stencils'/><category term='new clients'/><category term='effectiveness'/><category term='photoshop'/><category term='single web page'/><category term='zappos'/><category term='hand-drawn'/><category term='content sliders'/><category term='grids'/><category term='scalable vector graphics'/><category term='wen interactivity'/><category term='web critique'/><category term='cta'/><category term='widgets'/><category term='color blue'/><category term='subscription-based'/><category term='libraries'/><category term='top web sites'/><category term='quantitative'/><category term='organic'/><category term='web strategy'/><category term='jquery'/><category term='print'/><category term='hyperlink'/><category term='copywriting'/><category term='nature website'/><category term='mobile development'/><category term='engage customers'/><category term='website layout'/><category term='web forms'/><category term='emotional'/><category term='attract'/><category term='designer tips'/><category term='experience modeling'/><category term='writing'/><category term='mobile'/><category term='defensive'/><category term='psd'/><category term='ui kits'/><category term='web designer mistakes'/><category term='linux fonts'/><category term='80-20 rule'/><category term='web traffic'/><category term='html5'/><category term='web'/><category term='web hosting'/><category term='freelancing'/><category term='pitching to clients'/><category term='predictions'/><category term='gestures'/><category term='how to'/><category term='technique'/><category term='mobile phones'/><category term='social experience'/><category term='color theory'/><category term='relationships'/><category term='global website'/><category term='web design articles'/><category term='avinash kaushik'/><category term='android apps'/><category term='library'/><category term='isometric experience maps'/><category term='web designs'/><category term='experience maps'/><category term='applications'/><category term='text effects'/><category term='css'/><category term='decision-making models'/><category term='web 2.0'/><category term='style sheets'/><category term='html4'/><category term='function'/><category term='web advertsing'/><category term='web design questionnaires'/><category term='ux models'/><category term='doodle'/><category term='web governance'/><category term='performance'/><category term='illustrations'/><category term='droid'/><category term='findings usability testing'/><category term='college websites'/><category term='freelance'/><category term='review'/><category term='coffeeScript'/><category term='testing tools'/><category term='sites'/><category term='seo tips'/><category term='xml'/><category term='snippets'/><category term='real-time data'/><category term='re-design'/><category term='good webdesign'/><category term='fireworks'/><category term='web hosts'/><category term='comming soon'/><category term='realigning'/><category term='pixels'/><category term='anatomy'/><category term='eye tracking'/><category term='os'/><category term='tracking'/><category term='css layouts'/><category term='storyboarding'/><category term='google adsense'/><category term='font design'/><category term='community website'/><category term='web standards'/><category term='Firefox Extensions'/><category term='wireframing'/><category term='contrast'/><category term='redesign'/><category term='building a web site'/><category term='scan'/><category term='Drupal'/><category term='global'/><category term='android'/><category term='svg'/><category term='web designing'/><category term='about me pages'/><category term='clicks'/><category term='newsletter'/><category term='Free'/><category term='evidence-based design'/><category term='web content'/><category term='interface design'/><category term='journalism'/><category term='design matrix'/><category term='web browsers'/><category term='users'/><category term='shows'/><category term='Twitter'/><category term='auto web sites'/><category term='design patterns'/><category term='javascript'/><category term='css grid layouts'/><category term='contracts'/><category term='less is more'/><category term='2011'/><category term='web strategies'/><category term='burnout'/><category term='persuasion'/><category term='popups'/><category term='scripting language'/><category term='flash design'/><category term='web development'/><category term='social'/><category term='youtube'/><category term='web conference'/><category term='globalization'/><category term='browsers'/><category term='bad ideas'/><category term='code libraries'/><category term='2012'/><category term='beautiful'/><category term='a/b testing'/><category term='social networking'/><category term='developers'/><category term='portfolio'/><category term='newsletter templates'/><category term='loyal visitors'/><category term='paid'/><category term='faqs'/><category term='metrics'/><category term='light web designs'/><category term='analysis'/><category term='layers'/><category term='an event apart'/><category term='good habits'/><category term='textures'/><category term='communcation'/><category term='forms'/><category term='layouts'/><category term='background'/><category term='web design tutorials'/><category term='404'/><category term='progressive enhancement'/><category term='web templates'/><category term='web clients'/><category term='operating system'/><category term='presentations'/><category term='Web Design and Development'/><category term='performance tools'/><category term='google analytics'/><category term='php'/><category term='banner ads'/><category term='vertical navigation'/><category term='process'/><category term='patterns'/><category term='website planning'/><category term='webdesign'/><category term='videos'/><category term='goals'/><category term='games'/><category term='bbc'/><category term='website'/><category term='wix'/><category term='purple'/><category term='Jacob gube'/><category term='ulgy sites'/><category term='web best practices'/><category term='description tags'/><category term='captcha'/><category term='content planning'/><category term='texture'/><category term='psychedelic'/><category term='texture web design'/><category term='mobile devices'/><category term='history'/><category term='structure'/><category term='job hunting'/><category term='traffic'/><category term='sign-off'/><category term='clean'/><category term='e-commerce'/><category term='images'/><category term='guidelines'/><category term='case study'/><category term='above-the-fold'/><category term='typeface'/><category term='futures'/><category term='proposals'/><category term='tools'/><category term='translate'/><category term='icons'/><category term='web button'/><category term='web tips'/><category term='social design'/><category term='books'/><category term='consistent'/><category term='split testing'/><category term='red websites'/><category term='web ui'/><category term='fonts'/><category term='events'/><category term='updates'/><category term='header tags'/><category term='negotiating'/><category term='site usability'/><category term='mobile design'/><category term='site navigation'/><category term='page design'/><category term='websites for kids'/><category term='redesigning'/><category term='web trends'/><category term='web conferences'/><category term='pricing plans'/><category term='link building'/><category term='inspired flash creations'/><category term='trendy'/><category term='apps'/><category term='doodles'/><category term='video'/><category term='user interface design'/><category term='video streaming'/><category term='online stores'/><category term='multiscreen'/><category term='website design'/><category term='backgrounds'/><category term='email newsletter'/><category term='mobile user experience'/><category term='tone'/><category term='data collection'/><category term='techniques'/><category term='object oriented css'/><category term='web tools'/><category term='ia'/><category term='downtime'/><category term='card sorting'/><category term='bokeh'/><category term='hierarchy'/><category term='online video'/><category term='website architecture'/><category term='navigation menus'/><category term='faq'/><category term='navigation strategy'/><category term='summit'/><category term='planning web project'/><category term='themes'/><category term='newsletters'/><category term='minimalism'/><category term='web copy'/><category term='magazine style'/><category term='creative'/><category term='constraints'/><category term='ui'/><category term='drop-down menus'/><category term='styles'/><category term='text'/><category term='dns'/><category term='terminologies'/><category term='responsive'/><category term='css tools'/><category term='content'/><category term='apple.com'/><category term='sketching'/><category term='web review'/><category term='design tools'/><category term='websire design'/><category term='landing pages'/><category term='information architecture'/><category term='gradients'/><category term='html emails'/><category term='user behavior'/><category term='semantic grid system'/><category term='accordion forms'/><category term='headers'/><category term='design agency'/><category term='Panda'/><category term='indesign'/><category term='event'/><category term='advertising'/><category term='alissa walker'/><category term='jessica hische'/><category term='web banners'/><category term='inspiration'/><category term='png'/><category term='creative brief'/><category term='typography tools'/><category term='downloads'/><category term='badges'/><category term='prototyping'/><category term='committee'/><category term='steve jobs'/><category term='planning'/><category term='deadlines'/><category term='user interface'/><category term='depth'/><category term='swot'/><category term='gimp'/><category term='html form'/><category term='designers'/><category term='learning'/><category term='branding'/><category term='Facebook'/><category term='multivariate'/><category term='usability'/><category term='html tags'/><category term='writing code'/><category term='wireframes'/><category term='design tips'/><category term='knowledge'/><category term='speed'/><category term='freebies'/><category term='drawing'/><category term='air'/><category term='cloud computing'/><category term='photography'/><category term='character encoding'/><category term='highlight'/><category term='etiquette'/><category term='banners'/><category term='teaser'/><category term='sunni brown'/><category term='editorial calendar'/><category term='code snippets'/><category term='web services'/><category term='scrolling'/><category term='footers'/><category term='Editor'/><category term='drop down menus'/><category term='seo'/><category term='argentina'/><category term='billboard web design'/><category term='copyright'/><category term='ruby on rails'/><category term='Fluid Grids'/><category term='Display resolution'/><category term='nike'/><category term='generalist'/><category term='90-degrees'/><category term='layout tutorials'/><category term='slideshow'/><category term='sucks'/><category term='checklist'/><category term='ranking factors'/><category term='mobile web'/><category term='first impression'/><category term='career'/><category term='project management'/><category term='uie'/><category term='numbers'/><category term='questions'/><category term='Markup'/><category term='scheduling'/><category term='html conversion'/><category term='gestalt'/><category term='pc'/><category term='templates'/><category term='stock photos'/><category term='design process'/><category term='coming soon'/><category term='vcard'/><category term='music web sites'/><category term='3d'/><category term='html email'/><category term='recruiting'/><category term='online applications'/><category term='compelling'/><category term='auto-format'/><category term='ads'/><category term='illustrator'/><category term='3d elements'/><category term='texture-based'/><category term='projects'/><category term='WYSiWYG'/><category term='cross-cultural'/><category term='step-by-step'/><category term='mobile strategy'/><category term='trends'/><category term='web portfolios'/><category term='design competition'/><category term='test'/><category term='travel'/><category term='iphone'/><category term='css sprites'/><category term='web editing'/><category term='emotion'/><category term='tips'/><category term='web redesign'/><category term='online experience'/><category term='sem'/><category term='game website'/><category term='eclipse'/><category term='search engine optimization'/><category term='web 3.0'/><category term='navigation patterns'/><category term='404 error'/><category term='design-by-committee'/><category term='future'/><category term='minimalist'/><category term='web usability'/><category term='website redesigns'/><category term='web analytics'/><category term='buttons'/><category term='online apps'/><category term='onboarding'/><category term='blue'/><category term='page rank'/><category term='open-source design'/><category term='storytelling'/><category term='mistakes'/><category term='web layouts'/><category term='licenses'/><category term='hourly rates'/><category term='website speed'/><category term='css3'/><category term='usable design'/><category term='essential fundamentals'/><category term='animations'/><category term='ux'/><category term='faster web sites'/><category term='algorithm'/><category term='minimal'/><category term='teams'/><category term='sliders'/><category term='details'/><category term='ribbons'/><category term='microformats'/><category term='heuristic'/><category term='personalized web'/><category term='human behavior'/><category term='web medium'/><category term='texttures'/><category term='seo friendly'/><category term='tutorials'/><category term='web design project'/><category term='plan'/><category term='web browsing'/><category term='html'/><category term='color'/><category term='customizable'/><category term='drive traffic'/><category term='coding'/><category term='usability testing'/><category term='web presentations'/><category term='stats'/><category term='quality'/><category term='food industry'/><category term='orange'/><category term='china'/><category term='testing'/><category term='plugins'/><category term='distinction'/><category term='designing'/><category term='content strategy'/><category term='mobile usability'/><category term='successful link building'/><category term='smart design'/><category term='coding efficiency'/><category term='web designer'/><category term='examples'/><category term='web design'/><category term='sitemap'/><category term='screencast'/><category term='solid colors'/><category term='sandbox'/><category term='influence'/><category term='simplicity'/><category term='pricing'/><category term='cheat sheet'/><category term='retro web design'/><category term='media'/><category term='feddback'/><category term='web designers'/><category term='web design agency'/><category term='form design'/><category term='web consultanting'/><category term='workflow'/><category term='debugging'/><category term='corporate web design'/><category term='page speed'/><category term='organization'/><category term='cheat sheets'/><category term='usability methods'/><category term='passwords'/><category term='link building tips'/><category term='visual aids'/><category term='ipad'/><category term='user interface patterns'/><category term='app design'/><category term='online shopping'/><category term='readable code'/><category term='wacom'/><category term='design work'/><category term='CSS Navigation'/><category term='mobile tips'/><category term='load time'/><category term='online identities'/><category term='font-face rule'/><category term='non-profit web sites'/><category term='showcases'/><category term='tables'/><category term='spreadsheet'/><category term='chat widgets'/><category term='feedback'/><category term='apple semantic code'/><category term='inspiring'/><category term='agile'/><category term='women in web design'/><category term='sdk'/><category term='cms'/><category term='smart objects'/><category term='historiography'/><category term='ecommerce'/><category term='web tutorials'/><category term='art direction'/><category term='html 5'/><category term='layout'/><category term='unique navigation'/><category term='Web Apps'/><category term='url design'/><category term='restaurants'/><category term='web surveys'/><category term='powerpoint'/><category term='free fonts'/><category term='zeldman'/><category term='web resources'/><category term='faq pages'/><category term='viral'/><category term='guide'/><category term='research'/><category term='web pages'/><category term='web design companies'/><category term='ajax'/><category term='email newsletters'/><category term='programming'/><category term='progress checkers'/><category term='flexible'/><category term='simple'/><category term='fitt&apos;s law'/><category term='landing page'/><category term='modular components'/><category term='web interactivity'/><category term='style guide'/><category term='drop-down navigation'/><category term='conversions'/><category term='social media link building'/><category term='google chrome'/><category term='faceted navigation'/><category term='multilingual'/><category term='budgets'/><category term='meta descriptions'/><category term='food'/><category term='web design business'/><category term='kairos'/><category term='e-commerce websites'/><category term='accordion widgets'/><category term='colors'/><category term='mobile web design'/><category term='symmetry'/><category term='freelancers'/><category term='Human-Computer Interaction'/><category term='less'/><category term='money'/><title type='text'>Welcome To</title><subtitle type='html'>&lt;center&gt;&lt;img src="http://www.chandosdesigns.com/ArtPall/webtopialogo.gif"&gt;&lt;/center&gt;
Information regarding web design, layout, navigation structure,usability and more.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://webtopia.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default?start-index=101&amp;max-results=100'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>2125</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6935440.post-1043274367220201204</id><published>2012-01-13T10:56:00.000-08:00</published><updated>2012-01-13T10:56:46.394-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='highlight'/><category scheme='http://www.blogger.com/atom/ns#' term='attract'/><title type='text'>Which Elements of Your Site Must be Highlighted?</title><content type='html'>&lt;img alt="Clever Highlated Elements" class="alignnone size-full wp-image-7239" height="274" src="http://maxcdn.crazyleafdesign.com/blog/wp-content/uploads/2011/12/highlated-interface.jpg" title="Clever Highlated Elements" width="500" /&gt;&lt;br /&gt;&lt;br /&gt;This article covers the elements of the site that must be highlighted in design to attract visitor’s attention. This will allow to make your site the most effective and understandable for people who visit it. &lt;a href="http://www.crazyleafdesign.com/blog/website-highlight-elements/"&gt;By Crazyleaf&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=e1ff0503-bead-4b84-83e7-81d27f10168c" style="border: none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1043274367220201204?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1043274367220201204'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1043274367220201204'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/which-elements-of-your-site-must-be.html' title='Which Elements of Your Site Must be Highlighted?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5015152855141580928</id><published>2012-01-13T10:54:00.000-08:00</published><updated>2012-01-13T10:54:20.599-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='beautiful'/><category scheme='http://www.blogger.com/atom/ns#' term='inspiring'/><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>Most Beautiful and Inspirational Websites of 2011</title><content type='html'>&lt;a href="http://www.eightytwodesign.com/new/"&gt;&lt;img alt="Eighty Two Design" height="180" src="http://media.crazyleafdesign.com/2011/03/eightytwodesign.jpg" title="Eighty Two Design" width="500" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;This is&amp;nbsp;our 4th yearly edition of the “&lt;b&gt;Most Beautiful and Inspirational Websites&lt;/b&gt;” series by Crazyleaf. They started these yearly roundups with the 2008 edition and so far have had over 1 million visits on the 3 previous editions (&lt;a href="http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2008/"&gt;2008&lt;/a&gt;, &lt;a href="http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2009/"&gt;2009&lt;/a&gt;, &lt;a href="http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2010/"&gt;2010&lt;/a&gt;). &lt;a href="http://www.crazyleafdesign.com/blog/beautiful-and-inspirational-websites-2011/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5015152855141580928?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5015152855141580928'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5015152855141580928'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/most-beautiful-and-inspirational.html' title='Most Beautiful and Inspirational Websites of 2011'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-6450981945697601189</id><published>2012-01-13T10:50:00.000-08:00</published><updated>2012-01-13T10:50:21.454-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web best practices'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><title type='text'>3 Facts You Should Know About Website Design</title><content type='html'>It is not that easy to build a good website and it’s much more complicated to make it usable. Modern Internet users are very fastidious, they know what they want and will abandon a website in 3 seconds if don’t find what they need. When your clients order a website for their needs, forget these needs, they are secondary, the needs of their clients are primary and you should constantly keep that in mind. &lt;a href="http://www.crazyleafdesign.com/blog/3-facts-you-should-know-about-website-design/"&gt;By Crazyleaf&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-related"&gt;&lt;h6 class="zemanta-related-title" style="font-size: 1em; margin: 1em 0pt 0pt;"&gt;Related articles&lt;/h6&gt;&lt;ul class="zemanta-article-ul"&gt;&lt;li class="zemanta-article-ul-li"&gt;&lt;a href="http://marketing.yell.com/web-design/website-design-the-browser-problem/"&gt;Website design: The browser problem (Part 1)&lt;/a&gt; (marketing.yell.com)&lt;/li&gt;&lt;li class="zemanta-article-ul-li"&gt;&lt;a href="http://www.xemion.com/blog/guerilla-website-user-testing-small-scale-usability-testing-massive-benefit-259.html"&gt;Guerilla Website User Testing: Small Scale Usability Testing, Massive Benefit&lt;/a&gt; (xemion.com)&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=e1ff0503-bead-4b84-83e7-81d27f10168c" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-6450981945697601189?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6450981945697601189'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6450981945697601189'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/3-facts-you-should-know-about-website.html' title='3 Facts You Should Know About Website Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-126102086542259688</id><published>2012-01-11T17:03:00.000-08:00</published><updated>2012-01-11T17:03:13.450-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sites'/><category scheme='http://www.blogger.com/atom/ns#' term='apps'/><title type='text'>Web Content Strategy: Sites vs Apps</title><content type='html'>&lt;div class="copyright-contentini_com"&gt;&lt;a href="http://getmingle.com/"&gt;&lt;img alt="" class="aligncenter size-medium wp-image-209" height="457" src="http://contentini.com/wp-content/uploads/2011/07/1_ny-610x457.jpg" title="Mingle New York iPhone app" width="610" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;Website content should be easy to read. Your eyes should easily scan through the text and end the article with little effort or eyestrain. &lt;a href="http://contentini.com/web-content-strategy-sites-vs-apps/"&gt;By Contentini&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-126102086542259688?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/126102086542259688'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/126102086542259688'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/web-content-strategy-sites-vs-apps.html' title='Web Content Strategy: Sites vs Apps'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4214654164730361761</id><published>2012-01-11T16:59:00.000-08:00</published><updated>2012-01-11T16:59:07.250-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='html5'/><title type='text'>How to Create HTML5 Apps on Windows Phone with PhoneGap</title><content type='html'>In this article you'll find out about the added values of PhoneGap for HTML5 applications are. &lt;a href="http://www.sitepoint.com/how-to-create-html5-apps-on-windows-phone-with-phonegap/"&gt;By SitePoint&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4214654164730361761?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4214654164730361761'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4214654164730361761'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/how-to-create-html5-apps-on-windows.html' title='How to Create HTML5 Apps on Windows Phone with PhoneGap'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2223322237095725100</id><published>2012-01-11T16:54:00.000-08:00</published><updated>2012-01-11T16:54:35.184-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cheat sheet'/><category scheme='http://www.blogger.com/atom/ns#' term='forms'/><title type='text'>Free Download: Cheat Sheet For Designing Web Forms</title><content type='html'>Forms, forms, forms: so often overlooked in design. In this post, Joe Leech provides the Form Design Cheat Sheet. &lt;a href="http://uxdesign.smashingmagazine.com/2011/10/07/free-download-cheat-sheet-for-designing-web-forms/"&gt;By Smashing UX Design&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2223322237095725100?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2223322237095725100'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2223322237095725100'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/free-download-cheat-sheet-for-designing.html' title='Free Download: Cheat Sheet For Designing Web Forms'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-9154268671846171156</id><published>2012-01-11T16:52:00.000-08:00</published><updated>2012-01-11T16:52:12.466-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web forms'/><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='forms'/><title type='text'>An Extensive Guide To Web Form Usability</title><content type='html'>&lt;img class="alignnone size-full wp-image-108145" height="237" src="http://www.smashingmagazine.com/wp-content/uploads/2011/11/member-sign-in.jpg" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;Contrary to what you may read, peppering your form with nice buttons, color and typography and plenty of jQuery plugins will not make it usable. Indeed, in doing so, you would be addressing (in an unstructured way) only one third of what constitutes form usability. &lt;a href="http://uxdesign.smashingmagazine.com/2011/11/08/extensive-guide-web-form-usability/"&gt;By Smashing UX Design&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-9154268671846171156?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9154268671846171156'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9154268671846171156'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/extensive-guide-to-web-form-usability.html' title='An Extensive Guide To Web Form Usability'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-505417585827781496</id><published>2012-01-11T16:13:00.000-08:00</published><updated>2012-01-11T16:13:22.810-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>Responsive web design is boring!</title><content type='html'>&lt;img alt="Responsive web design is boring!" class="imagecache imagecache-featured_main" height="218" src="http://media.netmagazine.com/files/imagecache/featured_main/articles/blogs/2011/10/jonathanshortnecker.jpg" title="Responsive web design is boring!" width="400" /&gt;&lt;br /&gt;Jonathan Longnecker, co-founder of web and graphic design agency FortySeven Media, argues that most responsive sites are boring and comes up with a few starting points to help us create designs that break the mould. &lt;a href="http://www.netmagazine.com/opinions/responsive-web-design-boring"&gt;By .Net Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-505417585827781496?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/505417585827781496'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/505417585827781496'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/responsive-web-design-is-boring.html' title='Responsive web design is boring!'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-953157195888479444</id><published>2012-01-11T16:07:00.000-08:00</published><updated>2012-01-11T16:07:56.833-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Display resolution'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive'/><title type='text'>Responsive Web Design: What It Is and How To Use It</title><content type='html'>&lt;a href="http://filamentgroup.com/lab/responsive_images_experimenting_with_context_aware_image_sizing/" style="border: medium none;"&gt;&lt;img alt="Filament Group Image Resizing" class="alignnone size-full wp-image-83318" src="http://coding.smashingmagazine.com/wp-content/uploads/2011/01/filamentgroup.jpg" title="Filament Group" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course. &lt;a href="http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/"&gt;By Smashing Coding&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eae939c9-ed27-4c01-ad54-d1dc27e2a82b" style="border: none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-953157195888479444?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/953157195888479444'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/953157195888479444'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/responsive-web-design-what-it-is-and.html' title='Responsive Web Design: What It Is and How To Use It'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2311484959001975906</id><published>2012-01-11T16:05:00.000-08:00</published><updated>2012-01-11T16:05:15.035-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web Design and Development'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>Responsive Web Design Techniques, Tools and Design Strategies</title><content type='html'>Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing websites, it can be a bit overwhelming for those designers who have yet to try it. &lt;a href="http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/"&gt;By Smashing Magazine&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eae939c9-ed27-4c01-ad54-d1dc27e2a82b" style="border: none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2311484959001975906?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2311484959001975906'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2311484959001975906'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/responsive-web-design-techniques-tools.html' title='Responsive Web Design Techniques, Tools and Design Strategies'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1258581300547514139</id><published>2012-01-11T16:01:00.000-08:00</published><updated>2012-01-11T16:01:49.440-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web Design and Development'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>Beginner’s Guide to Responsive Web Design</title><content type='html'>&lt;div class="_p-reset"&gt;&lt;img alt="300 / 960 = 0.3125 or 31.25%" height="319" src="http://i.imgur.com/zFzyg.png" width="400" /&gt;&lt;/div&gt;&lt;br /&gt;Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design is drifting away from the pool of passing fads and rapidly entering the realm of standard practice. &lt;a href="http://thinkvitamin.com/design/beginners-guide-to-responsive-web-design/"&gt;By Think Vitamin&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="zemanta-related"&gt;&lt;h6 class="zemanta-related-title" style="font-size: 1em; margin: 1em 0pt 0pt;"&gt;Related articles&lt;/h6&gt;&lt;ul class="zemanta-article-ul"&gt;&lt;li class="zemanta-article-ul-li"&gt;&lt;a href="http://blog.pixelcrayons.com/web-design/psychological-impact-of-website-designs/"&gt;Psychological Impact of Website Designs&lt;/a&gt; (pixelcrayons.com)&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eae939c9-ed27-4c01-ad54-d1dc27e2a82b" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1258581300547514139?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1258581300547514139'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1258581300547514139'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/beginners-guide-to-responsive-web.html' title='Beginner’s Guide to Responsive Web Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7317601296180947187</id><published>2012-01-11T15:57:00.000-08:00</published><updated>2012-01-11T15:57:02.494-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>Responsive Web Design Demystified</title><content type='html'>&lt;img alt="Responsive Web Design Demystified" class="newstuff" src="http://www.elated.com/res/Image/newstuff/2011-09-30-responsive-web-design-demystified.jpg" /&gt;&lt;br /&gt;&lt;br /&gt;What exactly is responsive design, and how do you create a responsive website? This tutorial explains the concepts, and walks you through the basic steps for creating a responsive website layout.&amp;nbsp; &lt;a href="http://www.elated.com/articles/responsive-web-design-demystified/"&gt;By Elated&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eae939c9-ed27-4c01-ad54-d1dc27e2a82b" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7317601296180947187?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7317601296180947187'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7317601296180947187'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/responsive-web-design-demystified.html' title='Responsive Web Design Demystified'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2641988154617693949</id><published>2012-01-11T15:53:00.000-08:00</published><updated>2012-01-11T15:53:15.311-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Web Design and Development'/><category scheme='http://www.blogger.com/atom/ns#' term='2012'/><category scheme='http://www.blogger.com/atom/ns#' term='trends'/><title type='text'>Web Design Trends in 2012</title><content type='html'>&lt;a href="http://stuffandnonsense.co.uk/projects/320andup/"&gt;&lt;img alt="320 and up boilerplate - responsive design" class="aligncenter size-full wp-image-3448" src="http://webdesignledger.com/wp-content/uploads/2011/12/320-and-up-responsive.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;As you read this article, keep in mind that the shift in trends from one year to the next may be subtle, and you will probably recognize some of these trends already. &lt;a href="http://webdesignledger.com/tips/web-design-trends-in-2012"&gt;By Web Design Ledger&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eae939c9-ed27-4c01-ad54-d1dc27e2a82b" style="border: none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2641988154617693949?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2641988154617693949'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2641988154617693949'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/web-design-trends-in-2012.html' title='Web Design Trends in 2012'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1169798833536825964</id><published>2012-01-11T15:47:00.000-08:00</published><updated>2012-01-11T15:47:59.646-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='Fluid Grids'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>60 Examples of Responsive Website Design</title><content type='html'>&lt;a href="http://www.touchtech.co.nz/"&gt;&lt;img alt="post 1 431 60 Examples of Responsive Website Design" class="alignnone size-full wp-image-4079" height="324" src="http://webtoolfeed.files.wordpress.com/2011/10/post_1_431.jpg" title="Touch Tech" width="550" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Responsive Website Design is nothing new, back in the day tablet based designers either chose the fluid or static route. Today’s responsive websites take a comparable approach by using fluid widths in percentages and ems. They do not stop, but take a step further by using scalable images and adjustable layouts. All of which is based on what kind or screen-size you are using while browsing the desired website. &lt;a href="http://inspirationfeed.com/inspiration/websites-inspiration/60-examples-of-responsive-website-design/"&gt;By InspirationFeed&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-related"&gt;&lt;h6 class="zemanta-related-title" style="font-size: 1em; margin: 1em 0 0 0;"&gt;Related articles&lt;/h6&gt;&lt;ul class="zemanta-article-ul"&gt;&lt;li class="zemanta-article-ul-li"&gt;&lt;a href="http://blog.hubspot.com/blog/tabid/6307/bid/30557/6-Guidelines-for-Exceptional-Website-Design-and-Usability.aspx"&gt;6 Guidelines for Exceptional Website Design and Usability&lt;/a&gt; (hubspot.com)&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=3381bd4d-2521-4257-addb-8169e74ef1e3" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1169798833536825964?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1169798833536825964'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1169798833536825964'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/60-examples-of-responsive-website.html' title='60 Examples of Responsive Website Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5195520197532712439</id><published>2012-01-10T13:29:00.000-08:00</published><updated>2012-01-10T13:29:12.838-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='user experience'/><category scheme='http://www.blogger.com/atom/ns#' term='Human-Computer Interaction'/><category scheme='http://www.blogger.com/atom/ns#' term='usability testing'/><category scheme='http://www.blogger.com/atom/ns#' term='information architecture'/><category scheme='http://www.blogger.com/atom/ns#' term='Interaction design'/><title type='text'>Stop Designing Pages And Start Designing Flows</title><content type='html'>&amp;nbsp;&lt;img alt="Typical conversion funnels for e-commerce websites" class="size-full wp-image-109801" height="190" src="http://media.smashingmagazine.com/wp-content/uploads/2011/12/Typical_Funnels.jpg" width="513" /&gt;&lt;br /&gt;&lt;br /&gt;For designers, it’s easy to jump right into the design phase of a website before giving the user experience the consideration it deserves. Too often, we prematurely turn our focus to page design and information architecture, when we should focus on the user flows that need to be supported by our designs. &lt;a href="http://uxdesign.smashingmagazine.com/2012/01/04/stop-designing-pages-start-designing-flows/"&gt;By Smashing UX Design&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=629bc8ac-8024-45b5-aaec-4ef372061bf6" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5195520197532712439?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5195520197532712439'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5195520197532712439'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/stop-designing-pages-and-start.html' title='Stop Designing Pages And Start Designing Flows'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7784177158068561649</id><published>2012-01-10T13:24:00.001-08:00</published><updated>2012-01-10T13:24:33.403-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='3d elements'/><category scheme='http://www.blogger.com/atom/ns#' term='3d'/><title type='text'>CSS 3D Transforms</title><content type='html'>Firefox and Internet Explorer teams have decided to join the 3D party by implementing 3D Transforms in pre-release versions of their browsers. &lt;a href="http://coding.smashingmagazine.com/2012/01/06/adventures-in-the-third-dimension-css-3-d-transforms/"&gt;By Smashing Coding&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7784177158068561649?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7784177158068561649'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7784177158068561649'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/css-3d-transforms.html' title='CSS 3D Transforms'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8775440734799665852</id><published>2012-01-10T13:21:00.000-08:00</published><updated>2012-01-10T13:21:59.144-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='fonts'/><category scheme='http://www.blogger.com/atom/ns#' term='graphics'/><category scheme='http://www.blogger.com/atom/ns#' term='Free'/><title type='text'>New High-Quality Free Fonts</title><content type='html'>&lt;br /&gt;&lt;div class="showcase"&gt;&lt;img alt="Jura" height="300" src="http://media.smashingmagazine.com/wp-content/uploads/2011/12/free-font-134.jpg" width="500" /&gt;&lt;span class="print_only"&gt; &lt;/span&gt;&lt;/div&gt;&lt;br /&gt;Every now and then, we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. &lt;a href="http://www.smashingmagazine.com/2012/01/09/high-quality-free-fonts-2012/"&gt;By Smashing Magazine&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eb012280-9465-4a5d-a6c3-cda14dadb428" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8775440734799665852?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8775440734799665852'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8775440734799665852'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/new-high-quality-free-fonts.html' title='New High-Quality Free Fonts'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7276323487234079813</id><published>2012-01-10T13:20:00.000-08:00</published><updated>2012-01-10T13:20:00.203-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='user-centric'/><title type='text'>A User-Centric Guideline To Product Pages</title><content type='html'>&amp;nbsp;&lt;img alt="Product page for Larabar.com" class="alignnone size-full wp-image-110064" height="250" src="http://media.smashingmagazine.com/wp-content/uploads/2012/01/cashew.jpg" title="Product page for Larabar.com" width="320" /&gt;&lt;span class="print_only"&gt; &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Product pages for e-commerce websites are often rife with ambitions: recreate the brick-and-mortar shopping experience, provide users with every last drop of product information, build a brand persona, establish a seamless check-out process. &lt;a href="http://uxdesign.smashingmagazine.com/2012/01/10/it-works-for-you-a-user-centric-guideline-to-product-pages/"&gt;By Smashing UX Design&lt;/a&gt;&lt;br /&gt;&lt;div class="zemanta-related"&gt;&lt;h6 class="zemanta-related-title" style="font-size: 1em; margin: 1em 0pt 0pt;"&gt;Related articles&lt;/h6&gt;&lt;ul class="zemanta-article-ul"&gt;&lt;li class="zemanta-article-ul-li"&gt;&lt;a href="http://www.openforum.com/idea-hub/topics/marketing/article/building-a-brick-and-mortar-success"&gt;Building A Brick-And-Mortar Success&lt;/a&gt; (openforum.com)&lt;/li&gt;&lt;li class="zemanta-article-ul-li"&gt;&lt;a href="http://www.aweber.com/blog/email-marketing/small-business-saturday.htm"&gt;Is Your Brick-and-Mortar Business Ready for Small Business Saturday?&lt;/a&gt; (aweber.com)&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"&gt;&lt;a class="zemanta-pixie-a" href="http://www.zemanta.com/" title="Enhanced by Zemanta"&gt;&lt;img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_e.png?x-id=eb012280-9465-4a5d-a6c3-cda14dadb428" style="border: medium none; float: right;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7276323487234079813?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7276323487234079813'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7276323487234079813'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/user-centric-guideline-to-product-pages.html' title='A User-Centric Guideline To Product Pages'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3251091186014130218</id><published>2012-01-10T13:11:00.001-08:00</published><updated>2012-01-10T13:11:41.428-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='description tags'/><category scheme='http://www.blogger.com/atom/ns#' term='meta descriptions'/><title type='text'>How to Generate Sales Leads With Killer Meta Description Tags</title><content type='html'>Meta descriptions are like silly old Uncle Bob who gets ignored at Thanksgiving get-togethers. But did you know that Uncle Bob is actually a multi-millionaire looking for a decent niece or nephew to include in his will? Like Bob, meta descriptions are often ignored or duplicated on multiple pages by website page creators and editors because they just don’t care. &lt;a href="http://www.slingshotseo.com/blog/how-to-generate-sales-leads-with-killer-meta-description-tags/"&gt;By Slingshot SEO&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3251091186014130218?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3251091186014130218'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3251091186014130218'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/how-to-generate-sales-leads-with-killer.html' title='How to Generate Sales Leads With Killer Meta Description Tags'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-9019556486816408774</id><published>2012-01-03T14:07:00.000-08:00</published><updated>2012-01-03T14:07:24.571-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='grids'/><category scheme='http://www.blogger.com/atom/ns#' term='photoshop'/><title type='text'>Free Plugin For Dealing With Grids In Photoshop</title><content type='html'>&lt;br /&gt;&lt;a href="http://media.smashingmagazine.com/wp-content/uploads/2012/01/gg-neg-demo.png"&gt;&lt;img alt="Element Padding" height="312" src="http://media.smashingmagazine.com/wp-content/uploads/2012/01/gg-neg-demo-500.jpg" title="Element Padding" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Take a moment and think about creating a multi-column grid in a Photoshop comp. Have your palms started to sweat? Yes, creating grids in Photoshop is a pain indeed. Some designers just estimate and drag guides arbitrarily onto the stage. &lt;a href="http://www.smashingmagazine.com/2012/01/03/guideguide-free-plugin-for-dealing-with-grids-in-photoshop/"&gt;By Smashing Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-9019556486816408774?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9019556486816408774'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9019556486816408774'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/free-plugin-for-dealing-with-grids-in.html' title='Free Plugin For Dealing With Grids In Photoshop'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5601732125486914535</id><published>2012-01-03T13:43:00.000-08:00</published><updated>2012-01-03T13:43:53.206-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='coffeeScript'/><category scheme='http://www.blogger.com/atom/ns#' term='web tools'/><title type='text'>Writing Better JavaScript with CoffeeScript: The Basics</title><content type='html'>&lt;a href="http://sixrevisions.com/javascript/coffeescript-basics/"&gt;&lt;img alt="" height="200" src="http://cdn.sixrevisions.com/0230-01_coffeescript_p1_thumbnail.png" width="550" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Javascript's popularity has really surged in recent years with the advent of rich internet applications (RIAs), Ajax and web development libraries like jQuery that makes JavaScript more appealing and accessible to a broader audience. &lt;a href="http://sixrevisions.com/javascript/coffeescript-basics/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5601732125486914535?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5601732125486914535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5601732125486914535'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/writing-better-javascript-with.html' title='Writing Better JavaScript with CoffeeScript: The Basics'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-970075072550206012</id><published>2012-01-03T13:41:00.000-08:00</published><updated>2012-01-03T13:41:54.330-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='website speed'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='web tools'/><title type='text'>20 Free Online Tools for Website Speed Testing</title><content type='html'>&lt;br /&gt;&lt;img alt="Page Speed Online" height="263" src="http://cdn.sixrevisions.com/0223-02_test_website_speed_pagespeed.jpg" width="400" /&gt;&lt;br /&gt;We all should be aware by now that Internet users are impatient when it comes to waiting for a web page to load. Thus, your website’s performance and ability to render speedily is critical to its usability and, ultimately, its success. &lt;a href="http://sixrevisions.com/tools/free-website-speed-testing/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-970075072550206012?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/970075072550206012'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/970075072550206012'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/20-free-online-tools-for-website-speed.html' title='20 Free Online Tools for Website Speed Testing'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3033712940253869984</id><published>2012-01-03T13:38:00.000-08:00</published><updated>2012-01-03T13:38:43.212-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='algorithm'/><category scheme='http://www.blogger.com/atom/ns#' term='google'/><category scheme='http://www.blogger.com/atom/ns#' term='Panda'/><title type='text'>Creating Websites Optimized for Google’s Panda Algorithm</title><content type='html'>&lt;img alt="Creating Websites Optimized for Google's Panda Algorithm" height="200" src="http://cdn.sixrevisions.com/0233-01_optimize_google_panda_thumbnail.jpg" width="550" /&gt;&lt;br /&gt;&lt;br /&gt;Whether you’re in the process of building a new website or redesigning an existing site, it’s vital to build it with search engine optimization (SEO) in mind. &lt;a href="http://sixrevisions.com/content-strategy/creating-websites-optimized-for-googles-panda-algorithm/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3033712940253869984?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3033712940253869984'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3033712940253869984'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/creating-websites-optimized-for-googles.html' title='Creating Websites Optimized for Google’s Panda Algorithm'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3454691025707804944</id><published>2012-01-03T13:36:00.000-08:00</published><updated>2012-01-03T13:36:32.212-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiring'/><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>30 Beautiful Dark-themed Web Designs for Inspiration</title><content type='html'>&lt;a href="http://www.justdot.gr/" target="_blank"&gt;&lt;img alt="Justdot" height="295" src="http://cdn.sixrevisions.com/0232-20_justdot_dark_webdesign.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Using a dark color theme in a website can convey many types of feelings and emotions towards its visitors. Edginess, elegance, modernity — these are just a handful of things that can be associated with dark colors. &lt;a href="http://sixrevisions.com/design-showcase-inspiration/dark-web-designs-inspiration/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3454691025707804944?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3454691025707804944'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3454691025707804944'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/30-beautiful-dark-themed-web-designs.html' title='30 Beautiful Dark-themed Web Designs for Inspiration'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2297066742220430986</id><published>2012-01-02T09:33:00.000-08:00</published><updated>2012-01-02T09:33:58.564-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='mobile design'/><title type='text'>Will the Browser Wars Invade the Mobile Web?</title><content type='html'>&lt;br /&gt;&lt;a href="http://sixrevisions.com/web-technology/mobile-browser-wars/"&gt;&lt;img alt="Will the Browser Wars Invade the Mobile Web?" height="145" src="http://cdn.sixrevisions.com/0236-01_mobile_browser_wars_thumbnail.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Until recently, there were arguably only three major players in the mobile device world: BlackBerry, iPhone and Android. These devices still hold a big chunk of smartphone users – 73% of the market share of mobile operating systems in the second quarter of 2011 — Microsoft is trying to keep things relevant with their latest mobile OS. &lt;a href="http://sixrevisions.com/web-technology/mobile-browser-wars/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2297066742220430986?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2297066742220430986'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2297066742220430986'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/will-browser-wars-invade-mobile-web.html' title='Will the Browser Wars Invade the Mobile Web?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5327527133069772540</id><published>2012-01-02T09:31:00.001-08:00</published><updated>2012-01-02T09:31:13.400-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='minimalism'/><category scheme='http://www.blogger.com/atom/ns#' term='minimal'/><title type='text'>Minimalist Web Design: How Minimal is Too Minimal?</title><content type='html'>&lt;a href="http://www.julienlavallee.com/"&gt;&lt;img height="238" src="http://cdn.sixrevisions.com/0237-03_julien_lavallee.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;Minimalism, interestingly enough, is usually born out of excess. In all arts, in all ways of life, we start out by taking and adding whatever we can. &lt;a href="http://sixrevisions.com/web_design/minimalist-how-minimal/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5327527133069772540?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5327527133069772540'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5327527133069772540'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/minimalist-web-design-how-minimal-is.html' title='Minimalist Web Design: How Minimal is Too Minimal?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8420121545497600154</id><published>2012-01-02T09:29:00.000-08:00</published><updated>2012-01-02T09:29:43.961-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cms'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><title type='text'>Should We Always Deploy Content Management Systems?</title><content type='html'>Content management systems are a wonderful tool for empowering website owners. Most of us have witnessed the power and ease of use of CMSs like Drupal and WordPress. They have changed the web development industry in a significant way. &lt;a href="http://sixrevisions.com/project-management/always-deploy-cms/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8420121545497600154?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8420121545497600154'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8420121545497600154'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/should-we-always-deploy-content.html' title='Should We Always Deploy Content Management Systems?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-9033514289509569095</id><published>2012-01-01T13:57:00.000-08:00</published><updated>2012-01-01T13:57:12.776-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Smashing Magazine Six CSS Layout Features To Look Forward To</title><content type='html'>&lt;img alt="screenshot" src="http://coding.smashingmagazine.com/wp-content/uploads/2011/12/column-span-all.png" title="Multiple columns" width="500" /&gt;&lt;br /&gt;&lt;br /&gt;A few concerns keep bobbing up now and then for Web developers, one of which relates to how to lay out a given design. Developers have made numerous attempts to do so with existing solutions. &lt;a href="http://coding.smashingmagazine.com/2011/12/15/six-css-layout-features-to-look-forward-to/"&gt;By Divya Manian&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-9033514289509569095?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9033514289509569095'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9033514289509569095'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/smashing-magazine-six-css-layout.html' title='Smashing Magazine Six CSS Layout Features To Look Forward To'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4098945598764757528</id><published>2012-01-01T13:51:00.000-08:00</published><updated>2012-01-01T13:51:59.918-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='heuristic'/><category scheme='http://www.blogger.com/atom/ns#' term='guide'/><category scheme='http://www.blogger.com/atom/ns#' term='websites'/><title type='text'>A Guide To Heuristic Website Reviews</title><content type='html'>&amp;nbsp;&lt;img alt="A radar plot showing heuristic data" class="alignnone size-full wp-image-109781" height="240" src="http://media.smashingmagazine.com/wp-content/uploads/2011/12/12.jpg" title="A radar plot showing heuristic data" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;In this article, we’ll explore a scoring system for rating and comparing websites, we’ll visualize those ratings using infographics, and we’ll see what data and structure this method provides for reviewing websites. By Leigh Howells&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4098945598764757528?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4098945598764757528'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4098945598764757528'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/guide-to-heuristic-website-reviews.html' title='A Guide To Heuristic Website Reviews'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2188828016350290644</id><published>2012-01-01T13:47:00.000-08:00</published><updated>2012-01-01T13:48:17.172-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='clients'/><title type='text'>How Do You Deal With Overstressed, Irrational Clients? An Entrepreneur’s View</title><content type='html'>&lt;br /&gt;&lt;a href="http://www.smashingmagazine.com/2011/12/23/how-do-you-deal-with-overstressed-irrational-clients-entrepreneur-view/"&gt;&lt;img alt="Explaining something to the client" height="265" src="http://media.smashingmagazine.com/wp-content/uploads/2010/03/criticism.png" title="Explaining something to the client" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Good article on best practices when dealing with irrational clients. &lt;a href="http://www.smashingmagazine.com/2011/12/23/how-do-you-deal-with-overstressed-irrational-clients-entrepreneur-view/"&gt;By Brian Scordato&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2188828016350290644?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2188828016350290644'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2188828016350290644'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/how-do-you-deal-with-overstressed.html' title='How Do You Deal With Overstressed, Irrational Clients? An Entrepreneur’s View'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8533043765141849919</id><published>2012-01-01T13:44:00.001-08:00</published><updated>2012-01-01T13:44:36.029-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='lessons learned'/><category scheme='http://www.blogger.com/atom/ns#' term='2011'/><title type='text'>What I Learned About the Web in 2011</title><content type='html'>Some readers share their thoughts on what they learned about the web in 2011. &lt;a href="http://www.alistapart.com/articles/what-i-learned-about-the-web-in-2011/"&gt;By A List Apart&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8533043765141849919?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8533043765141849919'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8533043765141849919'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2012/01/what-i-learned-about-web-in-2011.html' title='What I Learned About the Web in 2011'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2397653179296267848</id><published>2011-11-18T11:59:00.001-08:00</published><updated>2011-11-18T11:59:49.723-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web best practices'/><title type='text'>7 Key Secrets of a Successful Website</title><content type='html'>&amp;nbsp;&lt;strong&gt;&lt;img alt="SEO" class="alignnone size-full wp-image-8044" height="334" src="http://justcreativedesign.com/wp-content/uploads/2011/09/shutterstock_72615079.jpg" title="SEO" width="500" /&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Many successful companies, it seems, can create anything – except an effective website. &lt;a href="http://justcreativedesign.com/2011/09/28/7-key-secrets-of-a-successful-website/"&gt;By Just Creative Design&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2397653179296267848?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2397653179296267848'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2397653179296267848'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/11/7-key-secrets-of-successful-website.html' title='7 Key Secrets of a Successful Website'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5270875893329246434</id><published>2011-11-18T10:18:00.001-08:00</published><updated>2011-11-18T10:19:56.365-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web content'/><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>How Content Can Drive Web Design</title><content type='html'>&lt;br /&gt;&lt;a href="http://webylife.com/wp-content/uploads/2011/10/Content-Driven-Design.jpg"&gt;&lt;img alt="" class="aligncenter size-full wp-image-2582" height="282" src="http://webylife.com/wp-content/uploads/2011/10/Content-Driven-Design.jpg" title="Content Driven Design" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;In the Internet’s first few years of evolution, people were awed by the seemingly limitless design techniques that could be incorporated into a single website. Web designers implemented outrageous Flash introductions for sites and the sites themselves were crowded with the latest design tricks. Content took a back seat to the flashiness of the design. However, in the past few years, the design tide has turned. &lt;a href="http://webylife.com/design/how-content-can-drive-web-design/?utm_source=feedburner&amp;amp;utm_medium=feed&amp;amp;utm_campaign=Feed%3A+Webylife+%28WebyLife+%29"&gt;By Webylife&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5270875893329246434?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5270875893329246434'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5270875893329246434'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/11/how-content-can-drive-web-design.html' title='How Content Can Drive Web Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2364832333890271294</id><published>2011-11-13T15:42:00.001-08:00</published><updated>2011-11-13T15:44:42.723-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='testing tools'/><category scheme='http://www.blogger.com/atom/ns#' term='speed'/><category scheme='http://www.blogger.com/atom/ns#' term='page load'/><title type='text'>20 Free Online Tools for Website Speed Testing</title><content type='html'>In order to help you build faster websites and identify troublesome website performance bottlenecks, consider incorporating some of the following tools into your web development process. &lt;a href="http://sixrevisions.com/tools/free-website-speed-testing/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2364832333890271294?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2364832333890271294'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2364832333890271294'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/11/20-free-online-tools-for-website-speed.html' title='20 Free Online Tools for Website Speed Testing'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7847388078949009427</id><published>2011-11-09T14:15:00.001-08:00</published><updated>2011-11-09T14:15:42.435-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='site usability'/><title type='text'>10 reminders for usability web design to make site visitors adore you</title><content type='html'>No matter how hard you try, there is always something wrong with your website. There is always a critic. You don’t want to be caught with your pants down when trying to present a professional site. &lt;a href="http://cre8pc.com/2011/10/31/10-reminders-for-usability-web-design-to-make-site-visitors-adore-you-2/"&gt;By Cre8pc&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7847388078949009427?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7847388078949009427'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7847388078949009427'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/11/10-reminders-for-usability-web-design.html' title='10 reminders for usability web design to make site visitors adore you'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-148009865971332204</id><published>2011-10-24T07:44:00.000-07:00</published><updated>2011-10-24T07:44:22.344-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>Responsive Web Design</title><content type='html'>&lt;img alt="Responsive Web Design" src="http://www.alistapart.com/d/responsive-web-design/responsive-web-design.jpg" /&gt;&lt;br /&gt;&lt;br /&gt;"The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.” &lt;a href="http://www.alistapart.com/articles/responsive-web-design/"&gt;By Ethan Marcotte&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-148009865971332204?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/148009865971332204'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/148009865971332204'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/responsive-web-design.html' title='Responsive Web Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-6503634951426823892</id><published>2011-10-24T07:42:00.001-07:00</published><updated>2011-10-24T07:42:43.211-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='wireframes'/><category scheme='http://www.blogger.com/atom/ns#' term='responsive web design'/><title type='text'>Responsive Layout Wireframe</title><content type='html'>As we design for more devices, considerations for more responsive layouts which scale gracefully across varying screen sizes could be gaining in importance.  &lt;a href="http://wireframes.linowski.ca/2011/09/responsive-layout-wireframe/"&gt;By Wireframes Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-6503634951426823892?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6503634951426823892'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6503634951426823892'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/responsive-layout-wireframe.html' title='Responsive Layout Wireframe'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8925011175020488744</id><published>2011-10-24T07:40:00.001-07:00</published><updated>2011-10-24T07:40:57.314-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='prototyping'/><title type='text'>Proto.io – Mobile App Prototyping</title><content type='html'>&lt;img alt="" src="http://wireframes.linowski.ca/wp-content/themes/darwin/images/thumb201.jpg" /&gt;&lt;br /&gt;&lt;br /&gt;Proto.io is a new UI prototyping tool specifically tailored for mobile and tablet applications. The web based environment allows you to start off by creating a project for either the iPad or the iPhone. &lt;a href="http://wireframes.linowski.ca/2011/10/proto-io-mobile-app-prototyping/"&gt;By Wireframes Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8925011175020488744?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8925011175020488744'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8925011175020488744'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/protoio-mobile-app-prototyping.html' title='Proto.io – Mobile App Prototyping'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4130610508401262856</id><published>2011-10-24T07:38:00.001-07:00</published><updated>2011-10-24T07:38:12.180-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='flash design'/><category scheme='http://www.blogger.com/atom/ns#' term='flash'/><title type='text'>Creating a Flash Website for a Business Project: My Experience</title><content type='html'>Good tutorial on using Flash for your website. &lt;a href="http://www.crazyleafdesign.com/blog/creating-a-flash-website-for-a-business-project-my-experience/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4130610508401262856?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4130610508401262856'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4130610508401262856'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/creating-flash-website-for-business_24.html' title='Creating a Flash Website for a Business Project: My Experience'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3729977172374146983</id><published>2011-10-24T07:36:00.001-07:00</published><updated>2011-10-24T07:36:41.276-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='freelancing'/><title type='text'>The 8 Best Freelancing Books for Designers</title><content type='html'>Freelancing has become a more popular way to earn a living every year for the past decade, and it is finally starting to get the respect it deserves as a viable business structure and shedding the bad reputation it somehow gained as the hobbyist’s label. &lt;a href="http://www.crazyleafdesign.com/blog/best-freelancing-books-for-designers/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3729977172374146983?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3729977172374146983'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3729977172374146983'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/8-best-freelancing-books-for-designers.html' title='The 8 Best Freelancing Books for Designers'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2661500839467658852</id><published>2011-10-24T07:35:00.000-07:00</published><updated>2011-10-24T07:35:16.126-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design tips'/><category scheme='http://www.blogger.com/atom/ns#' term='visual aids'/><title type='text'>How to Move Users Around Your Web Pages With Visual Aids</title><content type='html'>&lt;span class="Apple-style-span" style="color: #222222; font-family: Arial, Verdana; font-size: 13px; line-height: 18px;"&gt;It’s common knowledge that attractive people work well in advertising images. Most marketers also know that the placement of images is influential to where a customer clicks. An aspect that’s not as well documented however, is the huge impact of where the subject in an image is looking or gesturing towards. &lt;a href="http://www.crazyleafdesign.com/blog/how-to-move-users-around-your-web-pages-with-visual-aids/"&gt;By Crazyleaf&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2661500839467658852?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2661500839467658852'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2661500839467658852'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/how-to-move-users-around-your-web-pages.html' title='How to Move Users Around Your Web Pages With Visual Aids'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-9032972472306206555</id><published>2011-10-24T07:33:00.001-07:00</published><updated>2011-10-24T07:33:55.598-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='best practices'/><category scheme='http://www.blogger.com/atom/ns#' term='design tips'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>A Few Short Tips on Designing a Professional Website</title><content type='html'>If you are planning to create a website or brochure for your business, one of the most important things on your list is design. As far as websites are concerned the time to grab attention is short and gorgeous design and graphics can be a great tool in achieving this. &lt;a href="http://www.crazyleafdesign.com/blog/website-design-tips/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-9032972472306206555?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9032972472306206555'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9032972472306206555'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/few-short-tips-on-designing.html' title='A Few Short Tips on Designing a Professional Website'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1434799857612412789</id><published>2011-10-24T07:31:00.000-07:00</published><updated>2011-10-24T07:31:56.025-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='personality'/><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Personality in Design</title><content type='html'>&lt;img alt="Fig 5" src="http://www.alistapart.com/d/personality-in-design/figure3_5.jpg" style="margin-left: auto; margin-right: auto;" /&gt;&lt;br /&gt;An excerpt from Chapter 3 of Designing for Emotion by Aarron Walter (A Book Apart, 2011). &lt;a href="http://www.alistapart.com/articles/personality-in-design/"&gt;By Aarron Walter&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1434799857612412789?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1434799857612412789'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1434799857612412789'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/personality-in-design.html' title='Personality in Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1844997713539130823</id><published>2011-10-24T07:29:00.001-07:00</published><updated>2011-10-24T07:30:00.226-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='mobile design'/><title type='text'>Organizing Mobile</title><content type='html'>&lt;img alt="Fig 4.3" src="http://www.alistapart.com/d/organizing-mobile/4-3.jpg" /&gt;&lt;br /&gt;&lt;br /&gt;An excerpt from Chapter 4 of Mobile First by Luke Wroblewski (A Book Apart, 2011). &lt;a href="http://www.alistapart.com/articles/organizing-mobile/"&gt;By Luke Wroblewski&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1844997713539130823?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1844997713539130823'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1844997713539130823'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/organizing-mobile.html' title='Organizing Mobile'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1129798213009762543</id><published>2011-10-24T07:22:00.000-07:00</published><updated>2011-10-24T07:22:07.167-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web fonts'/><category scheme='http://www.blogger.com/atom/ns#' term='fonts'/><title type='text'>How to Bulletproof @font-face Web Fonts</title><content type='html'>&lt;img height="282" src="http://cdn.sixrevisions.com/0217-05_no_hardware.jpg" width="540" /&gt;&lt;br /&gt;&lt;br /&gt;You’re interviewing for your dream job, and you’re ready to kick some butt. A small group is gathered around a conference phone and some coding exercises, and they’re pulling up your portfolio on a projector so that everyone can review it.&lt;br /&gt;It looks great, except for one thing: All of your beautiful web fonts are gone and have been replaced with… Arial. &lt;a href="http://sixrevisions.com/css/font-face-web-fonts-issues/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1129798213009762543?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1129798213009762543'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1129798213009762543'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/how-to-bulletproof-font-face-web-fonts.html' title='How to Bulletproof @font-face Web Fonts'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-6826375385318506227</id><published>2011-10-24T07:18:00.000-07:00</published><updated>2011-10-24T07:18:36.822-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>7 Blog Design Tips from a Content Strategist</title><content type='html'>&lt;span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;"&gt;For blog design, content issues are particularly important to pay attention to, because, fundamentally, the purpose of a blog is to deliver quality content to a strategically defined audience or community. &lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px;"&gt;&lt;a href="http://sixrevisions.com/content-strategy/blog-design-tips-content-strategist/"&gt;By Six Revisions&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-6826375385318506227?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6826375385318506227'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6826375385318506227'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/7-blog-design-tips-from-content.html' title='7 Blog Design Tips from a Content Strategist'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1292840212678976234</id><published>2011-10-24T07:16:00.000-07:00</published><updated>2011-10-24T07:16:15.929-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>Showcase: 30 Beautiful Blog Designs for Inspiration</title><content type='html'>&lt;img alt="Thomas Aull Blog" height="403" src="http://cdn.sixrevisions.com/0224-17_beautiful_blog_design_thomasaull.jpg" width="550" /&gt;&lt;br /&gt;&lt;br /&gt;A beautiful and well-designed blog can leave a lasting impression onto its readers. With so many sites competing for the attention of Internet users, the appearance of a blog can be a large factor in helping it stand out from the crowd. &lt;a href="http://sixrevisions.com/design-showcase-inspiration/beautiful-blog-designs/"&gt;By Six Revisions&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1292840212678976234?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1292840212678976234'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1292840212678976234'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/showcase-30-beautiful-blog-designs-for.html' title='Showcase: 30 Beautiful Blog Designs for Inspiration'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3278728588914026530</id><published>2011-10-24T07:12:00.001-07:00</published><updated>2011-10-24T07:12:54.402-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usability tools'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><title type='text'>Comprehensive Review Of Usability And User Experience Testing Tools</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;Usability and user experience testing is vital to creating a successful website, and only more so if it’s an e-commerce website, a complex app or another website for which there’s a definite ROI. And running your own user tests to find out how users are interacting with your website and where problems might arise is completely possible. &lt;a href="http://uxdesign.smashingmagazine.com/2011/10/20/comprehensive-review-usability-user-experience-testing-tools/"&gt;By Smashing Magazine&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3278728588914026530?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3278728588914026530'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3278728588914026530'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/comprehensive-review-of-usability-and.html' title='Comprehensive Review Of Usability And User Experience Testing Tools'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4750505766166136901</id><published>2011-10-24T07:02:00.000-07:00</published><updated>2011-10-24T07:02:25.841-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='best practices'/><category scheme='http://www.blogger.com/atom/ns#' term='web designer'/><title type='text'>Web Designer, Be Your Best Promoter</title><content type='html'>&lt;img height="281" src="http://media.smashingmagazine.com/wp-content/uploads/2011/10/open-for-business.jpg" width="500" /&gt;&lt;br /&gt;&lt;br /&gt;Have you ever had someone flirt with you and they did nothing but demean themselves the whole time? Did that make you attracted to them? Doubtful. Yet, this is how so many individuals seem to handle their business today. &lt;a href="http://www.smashingmagazine.com/2011/10/21/web-designer-be-your-best-promoter/"&gt;By Smashing Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4750505766166136901?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4750505766166136901'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4750505766166136901'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/web-designer-be-your-best-promoter.html' title='Web Designer, Be Your Best Promoter'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-16298978837144604</id><published>2011-10-24T07:00:00.000-07:00</published><updated>2011-10-24T07:00:30.849-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>The Role Of Design In The Kingdom Of Content</title><content type='html'>If content sits at the top of the food chain, why do we spend so much time talking about the finer points of design? Every day we debate, experiment with and discuss topics that easily fall into the category of aesthetics, enhanced functionality and layout; in fact, relatively rarely do we talk about content. Nevertheless, even though we should concede that content is king in this realm, this doesn’t mean that design should be devalued. &lt;a href="http://uxdesign.smashingmagazine.com/2011/10/24/role-design-kingdom-content/"&gt;By Smashing Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-16298978837144604?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/16298978837144604'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/16298978837144604'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/role-of-design-in-kingdom-of-content.html' title='The Role Of Design In The Kingdom Of Content'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3990979796494570370</id><published>2011-10-09T09:51:00.000-07:00</published><updated>2011-10-09T09:51:46.160-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='designers'/><category scheme='http://www.blogger.com/atom/ns#' term='workflow'/><title type='text'>Understanding Designer-Developer Workflow</title><content type='html'>&lt;br /&gt;&lt;div class="article-image"&gt;&lt;img alt="" class="imagecache imagecache-300x207 imagecache-default imagecache-300x207_default" height="207" src="http://uxmag.com/sites/default/files/imagecache/300x207/iStock_000016613508XSmall%20x2.jpg" title="" width="300" /&gt;&lt;/div&gt;&lt;br /&gt;The most appealing software applications developed today are produced by a close collaboration of designers and developers. &lt;a href="http://uxmag.com/articles/understanding-designer-developer-workflow"&gt;By UX Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3990979796494570370?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3990979796494570370'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3990979796494570370'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/understanding-designer-developer.html' title='Understanding Designer-Developer Workflow'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2395562737089591302</id><published>2011-10-09T09:50:00.000-07:00</published><updated>2011-10-09T09:50:00.713-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='teams'/><category scheme='http://www.blogger.com/atom/ns#' term='user behavior'/><category scheme='http://www.blogger.com/atom/ns#' term='ux'/><title type='text'>Designing the Right Team for UX : An Art and a Science</title><content type='html'>As brands and partner agencies become more invested in the discipline of user experience, building the &lt;em&gt;right&lt;/em&gt; UX team will also require significant commitment and investment. &lt;a href="http://uxmag.com/articles/designing-the-right-team-for-ux"&gt;By UX Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2395562737089591302?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2395562737089591302'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2395562737089591302'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/designing-right-team-for-ux-art-and.html' title='Designing the Right Team for UX : An Art and a Science'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1136778953719136255</id><published>2011-10-09T09:47:00.001-07:00</published><updated>2011-10-09T09:47:34.583-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web content'/><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>The Case for Content Strategy—Motown Style</title><content type='html'>How do you start humming the content strategy tune to your own team and to your prospective clients? Listen up and heed Aretha Franklin. No, really. &lt;a href="http://www.alistapart.com/articles/the-case-for-content-strategy-motown-style/"&gt;By Margot Bloomstein&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1136778953719136255?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1136778953719136255'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1136778953719136255'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/case-for-content-strategymotown-style.html' title='The Case for Content Strategy—Motown Style'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4071450046790765413</id><published>2011-10-09T09:43:00.000-07:00</published><updated>2011-10-09T09:43:44.354-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='form design'/><category scheme='http://www.blogger.com/atom/ns#' term='forms'/><title type='text'>Free Download: Cheat Sheet For Designing Web Forms</title><content type='html'>The designers of the crib sheet have spent years designing and testing forms, and they’ve decided to summarize the most common problems and issues that come up in their projects. &lt;a href="http://uxdesign.smashingmagazine.com/2011/10/07/free-download-cheat-sheet-for-designing-web-forms/"&gt;By Joe Leech&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4071450046790765413?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4071450046790765413'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4071450046790765413'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/free-download-cheat-sheet-for-designing.html' title='Free Download: Cheat Sheet For Designing Web Forms'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-134284955877959581</id><published>2011-10-09T09:25:00.000-07:00</published><updated>2011-10-09T09:25:50.042-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='pixels'/><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>16 Pixels: For Body Copy. Anything Less Is A Costly Mistake</title><content type='html'>Why 16 pixels should generally be the minimum size for body copy in modern Web design. &lt;a href="http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/#more-116603"&gt;By Smashing Magazine&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-134284955877959581?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/134284955877959581'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/134284955877959581'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/16-pixels-for-body-copy-anything-less.html' title='16 Pixels: For Body Copy. Anything Less Is A Costly Mistake'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3466761877210490292</id><published>2011-10-09T09:20:00.000-07:00</published><updated>2011-10-09T09:20:23.558-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='color'/><category scheme='http://www.blogger.com/atom/ns#' term='color theory'/><title type='text'>50 Color-Creative Website Designs</title><content type='html'>&lt;br /&gt;&lt;a href="http://egopop.net/"&gt;&lt;img alt="50 color-Creative Website Designs - egopop" height="238" src="http://media.crazyleafdesign.com/2011/09/03_egopop.jpg" title="50 color-Creative Website Designs - egopop" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Eye catching web design starts with good use of color. Creative color combinations can instantly tell users what a website is about and why they should care. Ideal placement of color on a web page can lead the eye to a desired action spot, or simply set the mood. &lt;a href="http://www.crazyleafdesign.com/blog/50-color-creative-website-designs/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3466761877210490292?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3466761877210490292'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3466761877210490292'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/50-color-creative-website-designs.html' title='50 Color-Creative Website Designs'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1657862614084342739</id><published>2011-10-09T09:15:00.000-07:00</published><updated>2011-10-09T09:15:20.447-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile'/><category scheme='http://www.blogger.com/atom/ns#' term='graphics designer'/><category scheme='http://www.blogger.com/atom/ns#' term='apps'/><title type='text'>Top 10 : Must-Have Apps for a Graphic Designer</title><content type='html'>&lt;br /&gt;&lt;img alt="Graphic Design Apps - Camera Bag" class="alignnone size-full wp-image-5338" height="241" src="http://media.crazyleafdesign.com/2011/09/camera-bag-graphic-design-app.jpg" title="Graphic Design Apps - Camera Bag" width="600" /&gt;&lt;br /&gt;&lt;br /&gt;Starting out in the freelance graphic industry isn´t easy, but with a little help from Smartphone apps, it could become that much easier. From color creation tools to task management apps, simplify your life and maximize your potential with our guide. &lt;a href="http://www.crazyleafdesign.com/blog/top-ten-apps-for-a-graphic-designer/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1657862614084342739?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1657862614084342739'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1657862614084342739'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/top-10-must-have-apps-for-graphic.html' title='Top 10 : Must-Have Apps for a Graphic Designer'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-374387752901629203</id><published>2011-10-09T09:11:00.001-07:00</published><updated>2011-10-09T09:11:57.489-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='flash design'/><category scheme='http://www.blogger.com/atom/ns#' term='flash'/><title type='text'>Creating a Flash Website for a Business Project</title><content type='html'>&lt;br /&gt;&lt;img alt="Create a Flash website" class="alignnone size-full wp-image-5355" height="268" src="http://media.crazyleafdesign.com/2011/09/create-flash-website-3.jpg" title="Media Library" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;Here's how to create a Flash website without complex software and outside assistance. &lt;a href="http://www.crazyleafdesign.com/blog/creating-a-flash-website-for-a-business-project-my-experience/"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-374387752901629203?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/374387752901629203'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/374387752901629203'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/creating-flash-website-for-business.html' title='Creating a Flash Website for a Business Project'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7213837089859600819</id><published>2011-10-09T08:57:00.000-07:00</published><updated>2011-10-09T09:02:10.825-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiring'/><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>Design Inspiration</title><content type='html'>&lt;a href="http://www.epidemialab.it/"&gt;&lt;img alt="Epidemialab" class="alignnone" height="180" src="http://webgallery.crazyleafdesign.com/wp-content/uploads/2011/10/epidemialab.jpg" title="Epidemialab" width="500" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Here are some very nice looking websites to help inspire your own work. &lt;a href="http://www.crazyleafdesign.com/blog/weekly-design-inspiration-36/#more-5498"&gt;By Crazyleaf&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7213837089859600819?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7213837089859600819'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7213837089859600819'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/design-inspiration.html' title='Design Inspiration'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7709859515190521412</id><published>2011-10-08T17:38:00.000-07:00</published><updated>2011-10-08T17:38:20.416-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='feedback'/><category scheme='http://www.blogger.com/atom/ns#' term='wireframes'/><title type='text'>3 Ideas For Capturing Feedback</title><content type='html'>&amp;nbsp;&lt;a href="http://wireframes.linowski.ca/wp-content/themes/darwin/images/full198b.png" rel="shadowbox" title="Capturing Sign Off with Checkmarks"&gt;&lt;img alt="" src="http://wireframes.linowski.ca/wp-content/themes/darwin/images/thumb198b.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Various ways in capturing feedback on web projects. &lt;a href="http://wireframes.linowski.ca/2011/08/3-ideas-for-capturing-feedback/"&gt;By Wireframes&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7709859515190521412?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7709859515190521412'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7709859515190521412'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/3-ideas-for-capturing-feedback.html' title='3 Ideas For Capturing Feedback'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4074833008423289813</id><published>2011-10-08T17:32:00.001-07:00</published><updated>2011-10-08T17:32:57.263-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='steve jobs'/><title type='text'>Steve Jobs, Thanks</title><content type='html'>Quote from &lt;a href="http://www.lukew.com/ff/entry.asp?1418"&gt;Steve Jobs&lt;/a&gt;. &lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4074833008423289813?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4074833008423289813'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4074833008423289813'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/steve-jobs-thanks.html' title='Steve Jobs, Thanks'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7268608877607443118</id><published>2011-10-08T17:30:00.000-07:00</published><updated>2011-10-08T17:30:42.355-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mobile phones'/><category scheme='http://www.blogger.com/atom/ns#' term='ux design'/><title type='text'>Not Your Parent’s Mobile Phone: UX Design Guidelines For Smartphones</title><content type='html'>&lt;br /&gt;&lt;a href="http://www.lukew.com/touch/TouchGestureCards.pdf"&gt;&lt;img alt="Gesture Card" class="alignnone size-full wp-image-107656" height="285" src="http://media.smashingmagazine.com/wp-content/uploads/2011/09/gesturecard.jpg" title="Gesture Card" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Smartphones are what younger generations know as just phones. The iPad (aka the tablet) is giving your grandma’s PC a run for its money. You certainly are holding some amazing futuristic technology in your hands. It will be even better tomorrow, though, so why does it matter to us or to users? &lt;a href="http://uxdesign.smashingmagazine.com/2011/10/06/not-your-parents-mobile-phone-ux-design-guidelines-smartphones/"&gt;By Tim R. Todish&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7268608877607443118?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7268608877607443118'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7268608877607443118'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/not-your-parents-mobile-phone-ux-design.html' title='Not Your Parent’s Mobile Phone: UX Design Guidelines For Smartphones'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2854189770609116192</id><published>2011-10-08T17:14:00.000-07:00</published><updated>2011-10-08T17:14:30.533-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>30 Strikingly Vibrant Web Designs for Inspiration</title><content type='html'>&lt;br /&gt;&lt;a href="http://sixrevisions.com/design-showcase-inspiration/strikingly-vibrant-web-designs-inspiration/"&gt;&lt;img alt="30 Strikingly Vibrant Web Designs for Inspiration" height="200" src="http://cdn.sixrevisions.com/0198-01_vibrant_webdesign_showcase_thumbnail.jpg" width="550" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Working with bright, high-impact colors in your designs can prove to be a powerful tool in your creative arsenal. Bright colors are able to grab attention and they make a design appear fun, youthful, cheery and modern. &lt;a href="http://sixrevisions.com/design-showcase-inspiration/strikingly-vibrant-web-designs-inspiration/"&gt;By Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2854189770609116192?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2854189770609116192'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2854189770609116192'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/30-strikingly-vibrant-web-designs-for.html' title='30 Strikingly Vibrant Web Designs for Inspiration'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-347209221823344267</id><published>2011-10-08T17:12:00.000-07:00</published><updated>2011-10-08T17:12:32.365-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='text'/><category scheme='http://www.blogger.com/atom/ns#' term='web tips'/><title type='text'>Designing a Website’s Introductory Text: Tips and Examples</title><content type='html'>&lt;br /&gt;&lt;a href="http://www.project365.co.uk/"&gt;&lt;img height="281" src="http://cdn.sixrevisions.com/0199-05_project365.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Many websites choose to display a short explanatory text in a prominent position of their web page layouts to inform visitors what the purpose of the site is. This introductory text, when crafted well, can help users quickly decide whether they’re in the right place or not. &lt;a href="http://sixrevisions.com/web_design/website-introductory-text-tips-examples/"&gt;By Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-347209221823344267?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/347209221823344267'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/347209221823344267'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/designing-websites-introductory-text.html' title='Designing a Website’s Introductory Text: Tips and Examples'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8604355375620119602</id><published>2011-10-08T17:05:00.000-07:00</published><updated>2011-10-08T17:05:12.826-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web content'/><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>7 Best Practices for Improving Your Website’s Usability</title><content type='html'>&amp;nbsp;&lt;img alt="" class="alignnone size-full wp-image-731879" height="310" src="http://5.mshcdn.com/wp-content/uploads/2011/09/07_eyetracking_images.jpg" title="07_eyetracking_images" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;Writing content for web users has its challenges. Chief among them is the ease with which your content is read and understood by your visitors (i.e. its readability). &lt;a href="http://mashable.com/2011/09/12/website-usability-tips/"&gt;By Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8604355375620119602?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8604355375620119602'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8604355375620119602'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/7-best-practices-for-improving-your.html' title='7 Best Practices for Improving Your Website’s Usability'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1956881354731769847</id><published>2011-10-08T17:01:00.000-07:00</published><updated>2011-10-08T17:01:46.911-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='web content'/><category scheme='http://www.blogger.com/atom/ns#' term='content'/><title type='text'>Improving the Usability of Web Content (Elsewhere on the Web)</title><content type='html'>&amp;nbsp;Writing content for web users has its challenges. Chief among them is the ease with which your content is read and understood by your visitors (i.e. its readability). &lt;a href="http://sixrevisions.com/elsewhere-on-the-web/improving-the-usability-of-web-content-elsewhere-on-the-web/"&gt;Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1956881354731769847?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1956881354731769847'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1956881354731769847'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/improving-usability-of-web-content.html' title='Improving the Usability of Web Content (Elsewhere on the Web)'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8764391875643647901</id><published>2011-10-08T16:58:00.001-07:00</published><updated>2011-10-08T16:59:00.251-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='photoshop'/><category scheme='http://www.blogger.com/atom/ns#' term='graphics'/><title type='text'>Graphics in Photoshop: 6 Beginner Tips for Web Designers</title><content type='html'>&lt;img height="365" src="http://cdn.sixrevisions.com/0205-11_save_as_jpeg_maximum.jpg" width="550" /&gt;&lt;br /&gt;&lt;br /&gt;Photoshop is an industry-standard tool used by both graphic designers and web designers. What follows are some simple tips to follow as you create graphics meant for use on websites. &lt;a href="http://sixrevisions.com/photoshop/graphics-beginner-tips-web-designers/"&gt;By Jen Stroman&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8764391875643647901?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8764391875643647901'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8764391875643647901'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/graphics-in-photoshop-6-beginner-tips.html' title='Graphics in Photoshop: 6 Beginner Tips for Web Designers'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2713371512624003081</id><published>2011-10-08T16:53:00.001-07:00</published><updated>2011-10-08T16:53:40.219-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='typography'/><category scheme='http://www.blogger.com/atom/ns#' term='plugins'/><category scheme='http://www.blogger.com/atom/ns#' term='jquery'/><title type='text'>11 jQuery Plugins That Can Enhance Your Typography</title><content type='html'>&lt;br /&gt;&lt;a href="http://letteringjs.com/" target="_blank"&gt;&lt;img height="250" src="http://cdn.sixrevisions.com/0206-02_lettering_js.png" width="550" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Here is a list of top jQuery plugins that serve a wide range of purposes related to web typography, from helping you implement @font-face to providing your users with better usability and functionality when it comes to your website’s fonts. &lt;a href="http://sixrevisions.com/javascript/jquery-plugins-typography/"&gt;By Ken Hattori&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2713371512624003081?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2713371512624003081'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2713371512624003081'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/11-jquery-plugins-that-can-enhance-your.html' title='11 jQuery Plugins That Can Enhance Your Typography'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5459609363769391337</id><published>2011-10-08T16:51:00.001-07:00</published><updated>2011-10-08T16:51:24.161-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web developer'/><category scheme='http://www.blogger.com/atom/ns#' term='web tips'/><title type='text'>10 Ways to Be a More Productive Web Developer</title><content type='html'>&lt;br /&gt;&lt;img height="218" src="http://cdn.sixrevisions.com/0208-07_project_questions.png" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;Here are some solid tips on streamlining your web development workflow and making every part of the development cycle move quickly and smoothly. &lt;a href="http://sixrevisions.com/project-management/ways-more-productive-web-developer/"&gt;By Delwin Campbell&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5459609363769391337?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5459609363769391337'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5459609363769391337'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/10-ways-to-be-more-productive-web.html' title='10 Ways to Be a More Productive Web Developer'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-275319850817586293</id><published>2011-10-08T16:42:00.000-07:00</published><updated>2011-10-08T16:42:52.277-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='writing code'/><category scheme='http://www.blogger.com/atom/ns#' term='code'/><title type='text'>7 Crazy Tips That Will Help You Become a Better Coder</title><content type='html'>&lt;br /&gt;&lt;img height="252" src="http://cdn.sixrevisions.com/0210-03_firebug_in_newwindow.png" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;There are a whole slew of developers writing amazing and practical code and there are thousands of public code repositories on sites like GitHub. Meanwhile, the rest of us are content with just cutting and pasting the code of these industry geniuses. &lt;a href="http://sixrevisions.com/web-development/crazy-tips-help-become-better-coder/"&gt;By Louis Lazaris&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-275319850817586293?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/275319850817586293'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/275319850817586293'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/7-crazy-tips-that-will-help-you-become.html' title='7 Crazy Tips That Will Help You Become a Better Coder'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4667101243962987993</id><published>2011-10-08T16:39:00.000-07:00</published><updated>2011-10-08T16:39:46.049-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='texture'/><category scheme='http://www.blogger.com/atom/ns#' term='web design'/><category scheme='http://www.blogger.com/atom/ns#' term='photoshop'/><title type='text'>How to Make a Light Textured Web Design in Photoshop</title><content type='html'>This web page design tutorial on Design Instruct (our other website) will show you how to create a beautiful, modern and subtly textured web page layout in Photoshop. &lt;a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-make-a-light-textured-web-design-in-photoshop/"&gt;By Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4667101243962987993?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4667101243962987993'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4667101243962987993'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/how-to-make-light-textured-web-design.html' title='How to Make a Light Textured Web Design in Photoshop'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3929714771910788579</id><published>2011-10-08T16:37:00.000-07:00</published><updated>2011-10-08T16:37:50.146-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='web usability'/><title type='text'>Five Simple but Essential Web Usability Tips</title><content type='html'>This article discusses &lt;strong style="font-weight: normal;"&gt;five important usability tips&lt;/strong&gt; that your site can’t live without. &lt;a href="http://sixrevisions.com/usabilityaccessibility/five-simple-but-essential-web-usability-tips/"&gt;By Brujo Owoh&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3929714771910788579?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3929714771910788579'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3929714771910788579'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/five-simple-but-essential-web-usability.html' title='Five Simple but Essential Web Usability Tips'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7640032442669666624</id><published>2011-10-08T16:33:00.000-07:00</published><updated>2011-10-08T16:33:43.625-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='web usability'/><title type='text'>10 Usability Tips Based on Research Studies</title><content type='html'>&amp;nbsp;&lt;img alt="Google Golden Triangle" height="341" src="http://images.sixrevisions.com/2010/09/17-03_google_searchs_golden_triangle.jpg" width="400" /&gt;&lt;br /&gt;&lt;br /&gt;This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. &lt;a href="http://sixrevisions.com/usabilityaccessibility/10-usability-tips-based-on-research-studies/"&gt;By Cameron Chapman&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7640032442669666624?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7640032442669666624'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7640032442669666624'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/10-usability-tips-based-on-research.html' title='10 Usability Tips Based on Research Studies'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2219658756512482723</id><published>2011-10-08T16:30:00.000-07:00</published><updated>2011-10-08T16:30:13.188-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='usability'/><category scheme='http://www.blogger.com/atom/ns#' term='usability testing'/><category scheme='http://www.blogger.com/atom/ns#' term='web tools'/><title type='text'>Usability Testing Tips and Tools (Elsewhere on the Web)</title><content type='html'>Testing usability is an art and a science. There are many times when usability testers rely on qualitative measurements, intuition, opinions and feedback from users and experience. However, there are also factors you can test quantitatively to ensure that a site is usable. &lt;a href="http://sixrevisions.com/elsewhere-on-the-web/usability-testing-tips-tools/"&gt;By Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2219658756512482723?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2219658756512482723'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2219658756512482723'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/usability-testing-tips-and-tools.html' title='Usability Testing Tips and Tools (Elsewhere on the Web)'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2926224255534560227</id><published>2011-10-08T16:25:00.001-07:00</published><updated>2011-10-08T16:25:27.613-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='css3'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Are You Using CSS3 Appropriately?</title><content type='html'>&lt;img height="300" src="http://cdn.sixrevisions.com/0215-02_css3_benefits.jpg" width="550" /&gt;&lt;br /&gt;&lt;br /&gt;CSS3 is exciting. When it was introduced, it seemed like the untapped potential of Web Design was finally unlocked. &lt;a href="http://sixrevisions.com/css/using-css3-appropriately/"&gt;By Delwin Campbell&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2926224255534560227?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2926224255534560227'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2926224255534560227'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/are-you-using-css3-appropriately.html' title='Are You Using CSS3 Appropriately?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2498958937832488040</id><published>2011-10-08T16:23:00.000-07:00</published><updated>2011-10-08T16:23:28.964-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='sandbox'/><category scheme='http://www.blogger.com/atom/ns#' term='tools'/><category scheme='http://www.blogger.com/atom/ns#' term='code snippets'/><category scheme='http://www.blogger.com/atom/ns#' term='code'/><title type='text'>10 Web-based Sandbox Tools for Testing Your Code Snippets</title><content type='html'>&lt;a href="http://sixrevisions.com/tools/sandbox-testing-code-snippets/"&gt;&lt;img alt="10 Web-based Sandbox Tools for Testing Your Code Snippets" height="200" src="http://cdn.sixrevisions.com/0216-01_sandbox_tools_thumbnail.jpg" width="550" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;One of the greatest benefits the Internet provides web developers is the ability to share and collaborate with other professionals. When you’ve hit a coding roadblock, you can reach out on your social networks to see if your friends can give you a hand. &lt;a href="http://sixrevisions.com/tools/sandbox-testing-code-snippets/"&gt;By Jacob Gube&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2498958937832488040?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2498958937832488040'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2498958937832488040'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/10-web-based-sandbox-tools-for-testing.html' title='10 Web-based Sandbox Tools for Testing Your Code Snippets'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7274000172506046694</id><published>2011-10-04T13:13:00.000-07:00</published><updated>2011-10-04T13:13:30.658-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='event'/><category scheme='http://www.blogger.com/atom/ns#' term='web conferences'/><category scheme='http://www.blogger.com/atom/ns#' term='shows'/><category scheme='http://www.blogger.com/atom/ns#' term='conferences'/><title type='text'>Upcoming Web Design and Development Conferences in 2011-12</title><content type='html'>&lt;img alt="Flash on the Beach" height="200" src="http://media.smashingmagazine.com/wp-content/uploads/2011/09/flash-on-the-beach.jpg" width="500" /&gt;&lt;br /&gt;&lt;br /&gt;Here's a list of upcoming web events in 2011 and 2012. &lt;a href="http://www.smashingmagazine.com/2011/09/12/upcoming-web-design-and-development-conferences-in-2011-12/"&gt;By Louis Lazaris&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7274000172506046694?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7274000172506046694'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7274000172506046694'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/upcoming-web-design-and-development.html' title='Upcoming Web Design and Development Conferences in 2011-12'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8493034750229049716</id><published>2011-10-04T13:11:00.000-07:00</published><updated>2011-10-04T13:11:04.944-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='user experience'/><category scheme='http://www.blogger.com/atom/ns#' term='smart'/><title type='text'>The S.M.A.R.T. User Experience Strategy</title><content type='html'>&lt;img alt="Product detail page wireframe." height="400" src="http://media.smashingmagazine.com/wp-content/uploads/2011/08/pd_wireframe_labelled.jpg" width="366" /&gt;&lt;br /&gt;&lt;br /&gt;There’s a fundamental problem with stating that your goal is to “create a good user experience.”It’s not specific, directly measurable, actionable, relevant or trackable. Thus, it will create disagreement and disorganization, sending many projects into chaos. However, we can avoid this by using S.M.A.R.T. goal-setting criteria when defining user and business goals. &lt;a href="http://uxdesign.smashingmagazine.com/2011/09/13/the-s-m-a-r-t-user-experience-strategy/"&gt;By Dickson Fong&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8493034750229049716?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8493034750229049716'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8493034750229049716'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/smart-user-experience-strategy.html' title='The S.M.A.R.T. User Experience Strategy'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-9078589720023936014</id><published>2011-10-04T12:59:00.000-07:00</published><updated>2011-10-04T12:59:19.172-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='css3'/><category scheme='http://www.blogger.com/atom/ns#' term='flexible box'/><title type='text'>CSS3 Flexible Box Layout Explained</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;img alt="screenshot" height="400" src="http://media.smashingmagazine.com/wp-content/uploads/2011/08/FruitBlog.jpg" title="Our fictional Fruit Blog" width="550" /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. &lt;a href="http://coding.smashingmagazine.com/2011/09/19/css3-flexible-box-layout-explained/"&gt;By Richard Shepherd&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-9078589720023936014?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9078589720023936014'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9078589720023936014'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/css3-flexible-box-layout-explained.html' title='CSS3 Flexible Box Layout Explained'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5261573579759046770</id><published>2011-10-04T12:49:00.000-07:00</published><updated>2011-10-04T12:49:49.081-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='metrics'/><category scheme='http://www.blogger.com/atom/ns#' term='user behavior'/><title type='text'>How Metrics Can Make You A Better Designer</title><content type='html'>&lt;img alt="KISSmetrics Shopping Cart Infographic" class="alignnone size-full wp-image-107701" height="250" src="http://media.smashingmagazine.com/wp-content/uploads/2011/09/metrics_shopping.jpg" title="KISSmetrics Shopping Cart Infographic" width="550" /&gt;&lt;br /&gt;&lt;br /&gt;User analytics are what you might get from Google Analytics, KISSmetrics or Mixpanel. They tell you things like which pages users have viewed the most, which call-to-action buttons they’ve clicked, and how many tasks they’ve performed while using your product. They can also show you where people drop out of critical flows, such as registration and purchasing. &lt;a href="http://uxdesign.smashingmagazine.com/2011/09/20/how-metrics-can-make-you-a-better-designer/"&gt;By Laura Klein&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5261573579759046770?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5261573579759046770'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5261573579759046770'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/how-metrics-can-make-you-better.html' title='How Metrics Can Make You A Better Designer'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3600957793105511521</id><published>2011-10-04T12:46:00.000-07:00</published><updated>2011-10-04T12:46:02.012-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='user experience'/><category scheme='http://www.blogger.com/atom/ns#' term='online shopping'/><title type='text'>Improving The Online Shopping Experience, Part 2</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;img alt="The purchase funnel and ways to improve the online experience" class="alignnone size-full wp-image-110895" height="284" src="http://media.smashingmagazine.com/wp-content/uploads/2011/09/ux-guiding-frontpage.jpg" title="purchase-funnel-and-ways-to-improve-online-experience" width="500" /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;Great tips looking at ways to enable customers to make the decision to buy and to guide them through the check-out process. &lt;a href="http://uxdesign.smashingmagazine.com/2011/09/22/improving-the-online-shopping-experience-part-2-guiding-customers-through-the-buying-process/"&gt;By Lyndon Cerjo&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3600957793105511521?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3600957793105511521'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3600957793105511521'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/improving-online-shopping-experience.html' title='Improving The Online Shopping Experience, Part 2'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4621609209675473256</id><published>2011-10-04T12:41:00.001-07:00</published><updated>2011-10-04T12:42:26.748-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='responsive'/><category scheme='http://www.blogger.com/atom/ns#' term='content prototyping'/><title type='text'>Content Prototyping In Responsive Web Design</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;img height="297" src="http://media.smashingmagazine.com/wp-content/uploads/2011/09/david-front-page-ux.jpg" width="501" /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;A content prototype is an HTML-and-CSS-based fluid-grid prototype, consisting of layout and typography, that consists of the project’s actual content. Its greatest usefulness may be in determining where to apply media queries to make the Web design responsive. &lt;a href="http://uxdesign.smashingmagazine.com/2011/09/26/content-prototyping-in-responsive-web-design/"&gt;By Ben Callahan&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4621609209675473256?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4621609209675473256'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4621609209675473256'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/content-prototyping-in-responsive-web.html' title='Content Prototyping In Responsive Web Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-18975394879394686</id><published>2011-10-04T12:32:00.000-07:00</published><updated>2011-10-04T12:32:15.358-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='conversions'/><title type='text'>Conversation Techniques For Designers</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;img alt="Ask The Simple Questions" class="alignnone size-full wp-image-107185" height="260" src="http://media.smashingmagazine.com/wp-content/uploads/2011/08/ASK_STUPID_QUESTIONS.png" title="ASK_STUPID_QUESTIONS" width="400" /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;This creation of visual artifact is widely regarded as our most effective means of communicating thought through a product. However, creating a product takes more than just documentation, and much of it is communicated not visually, but verbally. &lt;a href="http://uxdesign.smashingmagazine.com/2011/09/29/conversation-techniques-for-designers/"&gt;By Darren Geraghty&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-18975394879394686?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/18975394879394686'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/18975394879394686'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/conversation-techniques-for-designers.html' title='Conversation Techniques For Designers'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-722041805590954855</id><published>2011-10-04T12:24:00.000-07:00</published><updated>2011-10-04T12:24:33.363-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='texttures'/><title type='text'>The Whys And The Hows Of Textures In Web Design</title><content type='html'>&lt;img alt="This site perfectly divides content with textured elements." class="alignnone size-full wp-image-111685" height="400" src="http://media.smashingmagazine.com/wp-content/uploads/2011/08/salmon-site-elements.jpg" title="Textured web element example" width="366" /&gt;&lt;br /&gt;&lt;br /&gt;Due to its frequent misuse, its benefits have long been overlooked. Texture can bring a website together, but should not be the main focus. &lt;a href="http://www.smashingmagazine.com/2011/10/03/whys-hows-textures-web-design/"&gt;By Jon Savage &amp;amp; Simon H.&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-722041805590954855?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/722041805590954855'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/722041805590954855'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/whys-and-hows-of-textures-in-web-design.html' title='The Whys And The Hows Of Textures In Web Design'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-5434420828691285000</id><published>2011-10-04T12:22:00.000-07:00</published><updated>2011-10-04T12:22:01.057-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='javascript'/><category scheme='http://www.blogger.com/atom/ns#' term='animations'/><title type='text'>A Quick Look Into The Math Of Animations With JavaScript</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;There is a lot of math in the visual things we do, even if we don’t realize it. If you want to make something look natural and move naturally, you need to add a bit of physics and rounding to it. &lt;a href="http://coding.smashingmagazine.com/2011/10/04/quick-look-math-animations-javascript/"&gt;By Christian Hellmann&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-5434420828691285000?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5434420828691285000'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/5434420828691285000'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/quick-look-into-math-of-animations-with.html' title='A Quick Look Into The Math Of Animations With JavaScript'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-3955099926700766945</id><published>2011-10-04T12:20:00.000-07:00</published><updated>2011-10-04T12:20:06.456-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='user experience'/><category scheme='http://www.blogger.com/atom/ns#' term='patterns'/><category scheme='http://www.blogger.com/atom/ns#' term='navigation patterns'/><title type='text'>Improve The User Experience By Tracking Errors</title><content type='html'>&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;It’s easy to see your top-visited pages, navigation patterns and conversion metrics using visitor-tracking tools like Google Analytics. However, this data doesn’t show the roadblocks that users typically run into on your website. &lt;/span&gt;&lt;span class="Apple-style-span" style="color: #1e1e1e; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 20px;"&gt;&lt;a href="http://uxdesign.smashingmagazine.com/2011/10/04/improve-the-user-experience-by-tracking-errors/"&gt;By Lara Swanson&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-3955099926700766945?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3955099926700766945'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/3955099926700766945'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/10/improve-user-experience-by-tracking.html' title='Improve The User Experience By Tracking Errors'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7904822067523573258</id><published>2011-09-04T17:46:00.000-07:00</published><updated>2011-09-04T17:46:38.965-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='layouts'/><title type='text'>Resizing: Fixed, Fluid, or Responsive Layouts</title><content type='html'>&lt;br /&gt;&lt;img alt="Fluid layouts" class="aligncenter size-full wp-image-3606" height="319" src="http://cdn.designfestival.com/files/2011/09/layout-fluid.png" width="532" /&gt;&lt;br /&gt;&lt;br /&gt;A &lt;em&gt;fluid&lt;/em&gt; or &lt;em&gt;liquid&lt;/em&gt; layout is designed with percentage-​​based widths, so that the container stretches when you resize the browser window. &lt;a href="http://designfestival.com/resizing-fixed-fluid-or-responsive-layouts/?utm_source=feedburner&amp;amp;utm_medium=feed&amp;amp;utm_campaign=Feed%3A+DesignFestival+%28Design+Festival%29"&gt;By Jason Beaird&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7904822067523573258?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7904822067523573258'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7904822067523573258'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/resizing-fixed-fluid-or-responsive.html' title='Resizing: Fixed, Fluid, or Responsive Layouts'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1368001173228848699</id><published>2011-09-04T17:32:00.000-07:00</published><updated>2011-09-04T17:32:15.235-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='function'/><category scheme='http://www.blogger.com/atom/ns#' term='redesigning'/><title type='text'>Beauty vs. Function: On Redesigning</title><content type='html'>&lt;a class="postthumb" href="http://www.1stwebdesigner.com/design/redesigning-beauty-vs-function/" title="Beauty vs. Function: On Redesigning"&gt;&lt;img alt="Beauty vs. Function: On Redesigning" class="postthumb" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/09/preview_large_beautyvsfunction.jpg" width="570" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The&amp;nbsp;thought&amp;nbsp;of producing&amp;nbsp;the best possible design, either from scratch or redesigning something, gives jitters to the heart of many designers. Even professionals in the field can’t quite balance beauty and function. &lt;a href="http://www.1stwebdesigner.com/design/redesigning-beauty-vs-function/"&gt;By Rean John Uehara&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1368001173228848699?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1368001173228848699'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1368001173228848699'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/beauty-vs-function-on-redesigning.html' title='Beauty vs. Function: On Redesigning'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-576094018947919090</id><published>2011-09-04T17:30:00.001-07:00</published><updated>2011-09-04T17:30:37.427-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='redesign'/><title type='text'>When is the Perfect Time to Redesign Your Website?</title><content type='html'>Very rarely will the people who visit your site return because of your website’s design. Their only priority is finding the content, information, or product they want and it’s important that your site has what your customer is looking for. &lt;a href="http://www.1stwebdesigner.com/design/perfect-time-redesign-website/"&gt;By Salman Saeed&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-576094018947919090?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/576094018947919090'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/576094018947919090'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/when-is-perfect-time-to-redesign-your.html' title='When is the Perfect Time to Redesign Your Website?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7141431361521673841</id><published>2011-09-04T17:26:00.001-07:00</published><updated>2011-09-04T17:28:08.470-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='best practices'/><title type='text'>6 terrible web design trends</title><content type='html'>Here‘s an eleven-year-old article discussing the web’s worst design mistakes. &lt;a href="http://www.addtodesign.com/2010/07/6-design-trends-weve-seen-come-and-go-over-the-last-decade/"&gt;By Mathew Carpenter&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7141431361521673841?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7141431361521673841'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7141431361521673841'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/6-terrible-wen-design-trends.html' title='6 terrible web design trends'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8636252680426187746</id><published>2011-09-04T17:26:00.000-07:00</published><updated>2011-09-04T17:26:01.562-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cms'/><category scheme='http://www.blogger.com/atom/ns#' term='content management system'/><title type='text'>How a content management system can ruin your search engine positions</title><content type='html'>A content management system (known as a CMS) is a facility that allows a user to manage text, images, etc on their web site without having any web design skills. &lt;a href="http://www.texelate.co.uk/blog/how-a-content-management-system-can-ruin-your-search-engine-positions/"&gt;By Texelate&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8636252680426187746?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8636252680426187746'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8636252680426187746'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/how-content-management-system-can-ruin.html' title='How a content management system can ruin your search engine positions'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-623154611581051808</id><published>2011-09-04T17:24:00.000-07:00</published><updated>2011-09-04T17:24:02.430-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web forms'/><category scheme='http://www.blogger.com/atom/ns#' term='forms'/><title type='text'>How to add a good contact form to your website</title><content type='html'>Contact/enquiry forms are the lifeblood of a lead generation website. If you can’t get enquiries the website is pretty much useless. This blog post simply outlines how to add a good contact form to your website. &lt;a href="http://www.texelate.co.uk/blog/how-to-add-a-good-contact-form-to-your-website/"&gt;By Texelate&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-623154611581051808?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/623154611581051808'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/623154611581051808'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/how-to-add-good-contact-form-to-your.html' title='How to add a good contact form to your website'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-190316361456891386</id><published>2011-09-04T17:22:00.000-07:00</published><updated>2011-09-04T17:22:32.977-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='budgets'/><title type='text'>Should you disclose your web design budget?</title><content type='html'>&lt;br /&gt;&lt;img alt="Should you disclose your web design budget?" class="blogimage" src="http://www.texelate.co.uk/img/blog/payment.jpg" /&gt;&lt;br /&gt;&lt;br /&gt;The web design budget is of great interest to both parties involved. The client wants to know how much it will cost his or her business and the web designer wants to know whether it’s viable to take the job on. &lt;a href="http://www.texelate.co.uk/blog/should-you-disclose-your-web-design-budget/"&gt;By Texelate&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-190316361456891386?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/190316361456891386'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/190316361456891386'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/should-you-disclose-your-web-design.html' title='Should you disclose your web design budget?'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-8249779954929598434</id><published>2011-09-04T17:20:00.000-07:00</published><updated>2011-09-04T17:20:04.134-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='scan'/><category scheme='http://www.blogger.com/atom/ns#' term='text'/><title type='text'>Make your text easy to read</title><content type='html'>It’s much easier to read a book than it is to read text on a website. Website visitors tend to be impatient and scan quickly through content. As a website owner you want to make your site’s content as easy to read as possible. So here are some points detailing how to make your website’s text easy to read. &lt;a href="http://www.texelate.co.uk/blog/how-to-make-your-website%E2%80%99s-text-easy-to-read/"&gt;By Texelate&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-8249779954929598434?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8249779954929598434'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/8249779954929598434'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/make-your-text-easy-to-read.html' title='Make your text easy to read'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-4051545323673801885</id><published>2011-09-04T17:11:00.000-07:00</published><updated>2011-09-04T17:11:08.906-07:00</updated><title type='text'>Dark and Powerful Web Designs – 22 Superb Examples</title><content type='html'>&lt;a href="http://stagesapp.com/" rel="nofollow" target="_blank"&gt;&lt;img alt="" class="aligncenter size-full wp-image-17775" height="196" src="http://reencoded.s3.amazonaws.com/wp-content/uploads/2011/08/01-powerful-dark-webdesign.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;When choosing the color palette for your website, it’s important to make sure it gives that exact feeling you want to pass on to your readers. It also needs to fit in with the rest of your concept. &lt;a href="http://www.reencoded.com/2011/08/29/dark-and-powerful-web-designs-22-superb-examples/?utm_source=feedburner&amp;amp;utm_medium=feed&amp;amp;utm_campaign=Feed%3A+reencoded%2Ftcwi+%28%5BRe%5DEncoded.com%29"&gt;By Reencoded&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-4051545323673801885?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4051545323673801885'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/4051545323673801885'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/dark-and-powerful-web-designs-22-superb.html' title='Dark and Powerful Web Designs – 22 Superb Examples'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-6905497137694694946</id><published>2011-09-04T16:22:00.000-07:00</published><updated>2011-09-04T16:22:59.460-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='traffic'/><category scheme='http://www.blogger.com/atom/ns#' term='web tips'/><title type='text'>4 Creative Ways to Attract More Visitors to Your Website</title><content type='html'>Taking a website from zero to a few hundred or even a few thousand visitors a month is not easy, but it's eminently doable -- as long as you recognize a harsh truth about the Internet:&lt;br /&gt;&lt;br /&gt;&lt;strong style="font-weight: normal;"&gt;The online world is an attention economy. Attention is finite, and therefore scarce. So if you want people to pay attention to you, you need to earn it. &lt;a href="http://the99percent.com/tips/7070/4-Creative-Ways-to-Attract-More-Visitors-to-Your-Website"&gt;By Mark McGuinness&lt;/a&gt;&lt;/strong&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-6905497137694694946?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6905497137694694946'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/6905497137694694946'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/4-creative-ways-to-attract-more.html' title='4 Creative Ways to Attract More Visitors to Your Website'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-7293684023499108583</id><published>2011-09-04T16:20:00.000-07:00</published><updated>2011-09-04T16:20:41.883-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='header tags'/><category scheme='http://www.blogger.com/atom/ns#' term='90-degrees'/><title type='text'>Sideways headers</title><content type='html'>How to make header tags rotated 90-degrees and align along the left of a blog of content rather than at the top. &lt;a href="http://css-tricks.com/13641-sideways-headers/"&gt;By Chris Coyier&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-7293684023499108583?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7293684023499108583'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/7293684023499108583'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/sideways-headers.html' title='Sideways headers'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-2027597703112577308</id><published>2011-09-04T16:18:00.001-07:00</published><updated>2011-09-04T16:18:47.451-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='popups'/><category scheme='http://www.blogger.com/atom/ns#' term='css'/><title type='text'>Fold out popups</title><content type='html'>&lt;br /&gt;The trick with using hidden checkboxes/radio buttons, the :checked pseudo class selector, and adjacent sibling (~) combinators really enables some neat functional possibility with pure CSS. &lt;a href="http://css-tricks.com/13881-fold-out-popups/"&gt;By CSS-Tricks&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-2027597703112577308?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2027597703112577308'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/2027597703112577308'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/fold-out-popups.html' title='Fold out popups'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-1115673803628881672</id><published>2011-09-04T16:12:00.000-07:00</published><updated>2011-09-04T16:12:35.193-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='designers'/><category scheme='http://www.blogger.com/atom/ns#' term='projects'/><category scheme='http://www.blogger.com/atom/ns#' term='freelancers'/><category scheme='http://www.blogger.com/atom/ns#' term='project management'/><title type='text'>Project Management Apps for Freelancers and Designers</title><content type='html'>&lt;a href="http://basecamphq.com/"&gt;&lt;img alt="Basecamp" class="alignnone" height="361" src="http://vanimg.s3.amazonaws.com/project-management-1.jpg" width="550" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Managing client projects is a major requirement for efficiency and for creating a positive experience for clients. Regardless of whether you freelance, work for a small agency, or work for a large agency, there are a lot of details and communication involved in client projects. Having an efficient system for managing those projects is essential. &lt;a href="http://vandelaydesign.com/blog/tools/project-management-apps/"&gt;By Vandelay Design&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-1115673803628881672?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1115673803628881672'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/1115673803628881672'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/project-management-apps-for-freelancers.html' title='Project Management Apps for Freelancers and Designers'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry><entry><id>tag:blogger.com,1999:blog-6935440.post-9077235228463924778</id><published>2011-09-04T16:10:00.000-07:00</published><updated>2011-09-04T16:10:03.270-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ribbons'/><category scheme='http://www.blogger.com/atom/ns#' term='badges'/><category scheme='http://www.blogger.com/atom/ns#' term='banners'/><title type='text'>Design Trend: Ribbons, Badges and Banners</title><content type='html'>&lt;br /&gt;&lt;a href="http://wpcoder.com/"&gt;&lt;img alt="WPCoder" height="300" src="http://vanimg.s3.amazonaws.com/ribbons-9.jpg" width="575" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;If you browse around many websites, especially design galleries, you’ve probably noticed the trends of using elements like ribbons, badges, and banners in web design. Ribbons with a 3D look are especially popular right now. &lt;a href="http://vandelaydesign.com/blog/galleries/ribbons-badges-banners/"&gt;By Vandelay Design&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6935440-9077235228463924778?l=webtopia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9077235228463924778'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6935440/posts/default/9077235228463924778'/><link rel='alternate' type='text/html' href='http://webtopia.blogspot.com/2011/09/design-trend-ribbons-badges-and-banners.html' title='Design Trend: Ribbons, Badges and Banners'/><author><name>Rick</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author></entry></feed>
