<?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:blogger='http://schemas.google.com/blogger/2008' 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-4909841444326510821</id><updated>2025-04-02T20:19:12.951-07:00</updated><title type='text'>DONAVEN.COM</title><subtitle type='html'>Internet Content Creation &amp;amp; Management&lt;br&gt;&#xa;Photo Production • Video Production • Website Design • HTML Email Design • Social Media Specialist</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://donaven-com.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>37</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-5165128229861427978</id><published>2011-03-30T08:36:00.000-07:00</published><updated>2011-03-30T08:37:29.260-07:00</updated><title type='text'>Google Docs Intro by Barry Welford</title><content type='html'>&lt;style type=&quot;text/css&quot;&gt; p.p1 {margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Verdana} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Arial; color: #ffffff; min-height: 14.0px} li.li2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Verdana} span.s1 {color: #467aa7} ul.ul1 {list-style-type: disc} &lt;/style&gt;   &lt;p class=&quot;p1&quot;&gt;&lt;b&gt;What Google Docs provides&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Basically Google Docs provides a cloud-computing version of almost all the software programs that are available in the Microsoft Office suite of programs. For example, the following are the main files that can be created:&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li2&quot;&gt;Document = Word&lt;/li&gt; &lt;li class=&quot;li2&quot;&gt;Spreadsheet = Excel&lt;/li&gt; &lt;li class=&quot;li2&quot;&gt;Presentation = PowerPoint&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p1&quot;&gt;You can also make drawings and can store most files including images and PDF files. &lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;All these files are stored in what are called collections, which is really a tagging system.  That means that a given file can be found in a number of different collections if that is helpful.  What can be done in Google Docs is expanding all the time.  All files are searchable using the power and rapidity of Google Search, which is an additional advantage of working within Google Docs.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;It should be noted that because this software is operating via cloud-computing, the functionality may be slightly reduced versus software, which is operating on a desktop PC.  However for the vast majority of applications this is not a limitation.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;If you wish to check through the official Google Tour for Google Docs, then &lt;a href=&quot;http://www.google.com/google-d-s/tour1.html&quot;&gt;&lt;span class=&quot;s1&quot;&gt;&lt;b&gt;you can start here&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;You can use Google Docs in a variety of ways and these will be explored in the next three sections.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;&lt;b&gt;Google Docs just for you&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Even if you alone will be working with the files you create in Google Docs, you will find this can increase your productivity and ease of working. Here are just some of the benefits       &lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li2&quot;&gt;Your files are held on the Google servers thus limiting the storage requirements on your own computer.&lt;/li&gt; &lt;li class=&quot;li2&quot;&gt;You can access the files from anywhere using any computer that has a browser and an Internet connection.&lt;/li&gt; &lt;li class=&quot;li2&quot;&gt;Files are automatically stored from time to time and there is no risk of losing unstored work you have done.  If you need to access this, there is a full revision history and you can always return to a prior revision if you wish.&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p1&quot;&gt;&lt;b&gt;Sharing Google Docs output with non-Docs users&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;With the spam-filtering software now used by many Internet Service Providers (ISPs), sending files as e-mail attachments can be hazardous.  If you have very large files to send, these may be blocked or alternatively may take a long time to download.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;An alternative way is to send a link to the Google Doc you have created.  The recipient, even if they do not have a Google account, can use the link to view the Google Doc.  They can then download the Google Doc if they wish and usually have a choice of the type of file which is useful to them. &lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;For some types of document, you can even convert the Google Doc to a web page, which the viewer can then see in their browser.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;&lt;b&gt;Collaborating with other Docs users&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;The advantages of Google Docs to an individual worker, who may share files with others, are such that many will already be convinced this cloud computing is their preferred way of working.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;If you are collaborating with other people who have Google accounts (in other words a Gmail address), then Google Docs improves the effectiveness of online collaboration by an order of magnitude.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;As opposed to sending out files as attachments to e-mails, all can be viewing exactly the same file, which may be continually upgraded as viewers suggest improvements.  Collaborators can also highlight certain passages where they may have concerns or can add comments to the document.  These can even develop into online discussions as those involved exchange views on points that may need amendments.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;The following video on &lt;a href=&quot;http://www.youtube.com/watch?v=eRqUE6IHTEA&amp;amp;NR=1&quot;&gt;&lt;span class=&quot;s1&quot;&gt;&lt;b&gt;Google Docs in Plain English&lt;/b&gt;&lt;/span&gt;&lt;/a&gt; is a good introduction to these features.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;br /&gt;&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5165128229861427978'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5165128229861427978'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/03/google-docs-intro-by-barry-welford.html' title='Google Docs Intro by Barry Welford'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-3007862530660522209</id><published>2011-03-24T09:39:00.000-07:00</published><updated>2011-03-24T09:43:35.410-07:00</updated><title type='text'></title><content type='html'>Deals on Facebook – A Competitor to GroupOn&lt;div class=&quot;entry&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: normal normal normal 11px/normal Georgia, &#39;Times New Roman&#39;, Times, serif; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;&lt;a href=&quot;http://www.clickstoday.com/author/Lisa%20Braziel&quot; style=&quot;text-decoration: none; &quot;&gt;&lt;img src=&quot;http://www.clickstoday.com/wp-content/uploads/authors/42.gif&quot; border=&quot;0&quot; align=&quot;left&quot; alt=&quot;Lisa Braziel&quot; title=&quot;Lisa Braziel&quot; class=&quot;authorpic&quot; style=&quot;padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px; float: left; &quot; /&gt;&lt;/a&gt;&lt;span class=&quot;Apple-style-span&quot; &gt;Posted by &lt;a href=&quot;http://www.clickstoday.com/author/Lisa%20Braziel&quot; style=&quot;text-decoration: none; &quot;&gt;&lt;/a&gt;&lt;a href=&quot;http://www.clickstoday.com/author/lisa-braziel/&quot; title=&quot;Posts by Lisa Braziel&quot; style=&quot;text-decoration: none; &quot;&gt;Lisa Braziel&lt;/a&gt;&lt;/span&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; &gt;A few months ago, Facebook launched its &lt;a href=&quot;http://www.ignitesocialmedia.com/facebook-marketing/4-types-of-facebook-deals/&quot; style=&quot;text-decoration: none; &quot;&gt;first iteration of deals&lt;/a&gt;that could be unlocked by a user checking in to Facebook Places. On Tuesday, they began &lt;a href=&quot;http://www.facebook.com/deals#%21/deals/business/&quot; style=&quot;text-decoration: none; &quot;&gt;expanded their deals offering &lt;/a&gt;to provide Facebook fans with location-based deals, very similar to GroupOn or Living Social.&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;span id=&quot;more-267&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-4298&quot; title=&quot;DealsonFacebook&quot; src=&quot;http://images.ientrymail.com/clickstoday/DealsonFacebook.jpg&quot; alt=&quot;&quot; height=&quot;301&quot; width=&quot;464&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;If you are like me, you are rushing to figure out how you and your brand can get involved with these new Facebook Deals. The following are my 3 main questions and answers to this new service offering.&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Is it Open to Everyone?&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Currently there is no self-serve method of creating Deals.  Similar to how &lt;a href=&quot;http://www.groupon.com/&quot; style=&quot;text-decoration: none; &quot;&gt;GroupOn&lt;/a&gt;and &lt;a href=&quot;http://livingsocial.com/&quot; style=&quot;text-decoration: none; &quot;&gt;LivingSocial&lt;/a&gt; got started, Facebook is launching in the following test cities first: Atlanta, Austin, Dallas, San Diego and San Francisco.&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;This being said, businesses can still submit a form if they are interested.  By asking businesses to enter their Facebook page URL, this will also allow Facebook to screen which businesses get contacted first.&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-4294&quot; title=&quot;Businesscontactform&quot; src=&quot;http://images.ientrymail.com/clickstoday/Businesscontactform.jpg&quot; alt=&quot;&quot; height=&quot;214&quot; width=&quot;394&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;What does it cost?&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;According to &lt;a href=&quot;http://www.insidefacebook.com/2011/03/17/facebook-deals-groupon/&quot; style=&quot;text-decoration: none; &quot;&gt;InsideFacebook.com&lt;/a&gt;, “Facebook says its initial tests of Deals will be free for businesses to offer, but we expect it to begin charging businesses a percentage of user spend in exchange for the distribution.”&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;One option is for Facebook to charge the same 30% it is charging developers for Facebook Credits, or could follow the 50% model of GroupOn.  We’ll have to wait and see.&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Why is it a big “Deal”?&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;The biggest reason why this is a such a big deal is quite simply the news feed inclusions.  By simply subscribing to deals (even though they aren’t in my area yet), a news feed inclusion like the one below is generated.&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-4293&quot; title=&quot;DealsNewsFeed&quot; src=&quot;http://images.ientrymail.com/clickstoday/DealsNewsFeed.jpg&quot; alt=&quot;&quot; height=&quot;110&quot; width=&quot;447&quot; /&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Although I’ve yet to see a newsfeed inclusion for specific deals, if Facebook gives preference to deal updates – this could mean greatly increasing the potential for brands to be discovered and for the deals to be redeemed.  It also gives Facebook an immediate advantage over its competitors.&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;What are your first impressions of these new deals?  Please share in the comments below.&lt;/p&gt;&lt;p class=&quot;postmetadata&quot; style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;small&gt;This entry was posted on Thursday, March 24th, 2011 at 8:30 am  and is filed under &lt;a href=&quot;http://www.clickstoday.com/category/social/&quot; title=&quot;View all posts in Social&quot; rel=&quot;category tag&quot; style=&quot;text-decoration: none; &quot;&gt;Social&lt;/a&gt;. You can&lt;a href=&quot;http://www.clickstoday.com/2011/03/24/deals-on-facebook-%E2%80%93-a-competitor-to-groupon/#respond&quot; style=&quot;text-decoration: none; &quot;&gt;leave a response&lt;/a&gt;, or &lt;a href=&quot;http://www.clickstoday.com/2011/03/24/deals-on-facebook-%e2%80%93-a-competitor-to-groupon/trackback/&quot; rel=&quot;trackback&quot; style=&quot;text-decoration: none; &quot;&gt;trackback&lt;/a&gt; from your own site.&lt;/small&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;About the Author: As a Social Media Strategist for &lt;a href=&quot;http://www.ignitesocialmedia.com/&quot; style=&quot;text-decoration: none; &quot;&gt;Ignite Social Media&lt;/a&gt;, &lt;a href=&quot;http://www.linkedin.com/in/lisabraziel&quot; style=&quot;text-decoration: none; &quot;&gt;Lisa Braziel&lt;/a&gt; outlines social media tactics and develops social media campaigns to help companies reach customers and build brand advocates. Her expertise in project management and marketing additionally guides the execution of these campaigns.&lt;/p&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;commentbox&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font: normal normal normal 11px/normal Georgia, &#39;Times New Roman&#39;, Times, serif; &quot;&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3007862530660522209'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3007862530660522209'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/03/p.html' title=''/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-1436775753219224312</id><published>2011-03-23T09:26:00.001-07:00</published><updated>2011-03-23T09:27:49.367-07:00</updated><title type='text'>Four Vital DIY Mobile Marketing Tips for Small Business</title><content type='html'>&lt;style type=&quot;text/css&quot;&gt; p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 21.0px &#39;Trebuchet MS&#39;; color: #646464} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Verdana} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Verdana; min-height: 15.0px} p.p4 {margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Verdana} p.p5 {margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Verdana; min-height: 16.0px} p.p7 {margin: 0.0px 0.0px 12.0px 0.0px; font: 13.0px Verdana; color: #467aa7} p.p8 {margin: 0.0px 0.0px 5.0px 0.0px; font: 12.0px Verdana; min-height: 15.0px} p.p9 {margin: 0.0px 0.0px 11.0px 0.0px; font: 11.0px Verdana} p.p10 {margin: 0.0px 0.0px 10.0px 0.0px; line-height: 16.0px; font: 10.0px Verdana; background-color: #e1e1e1} li.li2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Verdana} li.li6 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Verdana; color: #467aa7} span.s1 {color: #467aa7} ul.ul1 {list-style-type: disc} &lt;/style&gt;   &lt;p class=&quot;p1&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Verdana; font-size: 12px; color: rgb(0, 0, 0); &quot;&gt;March 23rd, 2011 by &lt;a href=&quot;http://www.smallbusinessupdate.com/author/Rene%20LeMerle&quot;&gt;&lt;span class=&quot;s1&quot;&gt;&lt;b&gt;Rene LeMerle&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;Okay, let’s start with the obvious – “&lt;i&gt;the mobile market is booming.&lt;/i&gt;”&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;So if everyone knows that the mobile market is booming, then the question is “What have you done to take your marketing mobile?”&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;The answer for most small businesses is “&lt;i&gt;nothing&lt;/i&gt;”?&lt;/p&gt; &lt;p class=&quot;p5&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;So with a huge opportunity available through mobile marketing for small businesses, here’s 4 essential ways to capitalise in the boom.&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;&lt;b&gt;1. Mobile Friendly Version of Your Website&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;Navigating the web is obviously more difficult from a mobile device, especially via smart phones. The first step in mobilising your marketing is developing a mobile version of your website.&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;For some of you, the cost involved in developing a mobile specific version of your website might not make sense. In such cases, there’s online tools to help you mobilise your web presence for free:&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://winksite.com/site/index.cfm&quot;&gt;&lt;b&gt;Winksite&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.zinadoo.com/&quot;&gt;&lt;b&gt;Zinadoo&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.wirenode.com/&quot;&gt;&lt;b&gt;Wirenode&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://code.google.com/p/mippin-dev/wiki/WordPressPlugin&quot;&gt;&lt;b&gt;Mobilize by Mippin&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://mippin.com/web/index.jsp&quot;&gt;&lt;b&gt;Mippin&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://mobiready.com/launch.jsp?locale=en_EN%20&quot;&gt;&lt;b&gt;MobiReady&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;&lt;b&gt;2. Localised Search Engine Marketing&lt;/b&gt;&lt;br /&gt;Search engines provide some great ways to leverage the growth in mobile. The likes of Google were onto the mobile wave, well before most of us. Here’s some of the ways to use SEM to mobilise your small business marketing.&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li2&quot;&gt;&lt;b&gt;Google Places &amp;amp; Geo Services&lt;/b&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;Mobile devices are one of the core drivers in the growth of local search. With more and more people searching on the go, it’s vital that you claim and optimize the local/maps listings that search engines offer such as your Google Places listing.&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.ineedhits.com/local-search/local-search-listing.aspx?source=Blog-post-GLOCAL&quot;&gt;&lt;b&gt;Google Local Listing Optimization&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;https://ssl.bing.com/listings/ListingCenter.aspx&quot;&gt;&lt;b&gt;Bing Local listings&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;The main search engines are also releasing several geo driven services which compliment their local listings (e.g. Google Hotpot). Ensure you optimize your business through these services, as the benefits will filter through to your local listings.&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li2&quot;&gt;&lt;b&gt;Search Engine Advertising – Mobile Targeting&lt;/b&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;Most of the major search engines now offer mobile targeting in their advertising programs. So now you can set up specific campaigns targeting mobile users.&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.ineedhits.com/pay-per-click/easy-search-advertising.aspx?source=blog-post-ESA&quot;&gt;&lt;b&gt;Google AdWords Management&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;When you’re setting up “mobile” focused campaigns, remember to think of the context when developing things like keyword focus or ads (e.g. ads for mobile campaigns will probably be more successful with phone numbers in the ad text).&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;&lt;b&gt;3. Location Based Apps (Geo Apps)&lt;/b&gt;&lt;br /&gt;The location based app market is also booming thanks to the number of smart phones on the market. If done cleverly, these geo apps and tools can be great marketing tools. Some of the mainstream geo apps worth exploring include:&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.facebook.com/places/&quot;&gt;&lt;b&gt;Facebook Places&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://foursquare.com/&quot;&gt;&lt;b&gt;Foursquare&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://brightkite.com/&quot;&gt;&lt;b&gt;Brightkite&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.loopt.com/&quot;&gt;&lt;b&gt;Loopt&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;There’s plenty of niche based geo apps that might work more effectively for your industry e.g. (Urban Spoon for restaurants.)&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;&lt;b&gt;4. Apps for Your Business&lt;/b&gt;&lt;br /&gt;Developing more interactive apps specific to your business, while generally more expensive, can be a very effective marketing tool if done well.&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;Generally I would recommend taking your app ideas to a seasoned app developer as they can be quite complex to create, especially the more involved ones. But if you feel you have a bit of tech know-how, then here’s some resources for the DIY app developers out there.&lt;/p&gt; &lt;ul class=&quot;ul1&quot;&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.appmakr.com/&quot;&gt;&lt;b&gt;Appmakr&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://www.buzztouch.com/pages/&quot;&gt;&lt;b&gt;Buzztouch&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;li class=&quot;li6&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;a href=&quot;http://ibuildapp.com/&quot;&gt;&lt;b&gt;iBuildApp&lt;/b&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class=&quot;p4&quot;&gt;There’s plenty more App builders out there, so if you use one that you think is worth a mention, share it via our comments below.&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;Of course there are other ways to promote your business on mobiles (e.g. SMS marketing), but the one’s above are probably the easiest for small businesses to explore.&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;If you’ve tackled mobile marketing for your business, we’d love to hear how it’s worked and what you’ve done.&lt;/p&gt; &lt;p class=&quot;p7&quot;&gt;&lt;a href=&quot;http://blog.ineedhits.com/tips-advice/4-vital-diy-mobile-marketing-tips-for-small-business-21119247.html&quot;&gt;&lt;b&gt;Comments&lt;/b&gt;&lt;/a&gt;&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p8&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p9&quot;&gt;&lt;b&gt;About the Author: &lt;/b&gt;Rene is the marketing manager of &lt;a href=&quot;http://www.ineedhits.com/free-tools/blog/search-engine-marketing-blog.aspx&quot;&gt;&lt;span class=&quot;s1&quot;&gt;&lt;b&gt;ineedhits.com&lt;/b&gt;&lt;/span&gt;&lt;/a&gt; - a global search engine marketing company. He also leads the marketing for Gooruze.com - a web 2.0 style community for online and digital marketers. Rene has been in the industry since 1997 with much of that time spent helping businesses embrace the best of the internet and digital world.&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;This entry was posted on Wednesday, March 23rd, 2011 at 8:30 am.&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/1436775753219224312'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/1436775753219224312'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/03/four-vital-diy-mobile-marketing-tips.html' title='Four Vital DIY Mobile Marketing Tips for Small Business'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-8450046094707013285</id><published>2011-03-22T21:00:00.000-07:00</published><updated>2011-03-22T21:01:23.677-07:00</updated><title type='text'>Website Redesign - Best Practices for Web Redesign</title><content type='html'>Website Redesign - Best Practices for Web Redesign&lt;br /&gt;Posted by Ben Kemp&lt;br /&gt;Website redesign should take careful account of the current status of the existing website. Rather than just rush headlong into the web redesign and rebuild process, an assessment of the good and bad elements of the original site should be made.&lt;br /&gt;&lt;br /&gt;Include consideration of SEO aspects. All to often, the website makeover results in a dramatic downturn in search engine rankings! Don’t underestimate the value of the existing indexed pages… or the benefits of current organic SERPs.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Run the rebuild idea past an SEO consultant…&lt;br /&gt;&lt;br /&gt;The Risks to Current Rankings&lt;br /&gt;&lt;br /&gt;Be aware that existing search engine rankings can all too easily go down the toilet! Why? Well, thats the consequence of not planning and executing strategies to cover the threats.&lt;br /&gt;&lt;br /&gt;Page Redirection&lt;br /&gt;&lt;br /&gt;Without a trail of breadcrumbs to find out where the old content went, all search engines are left bewildered and floundering in a sea of 404 Page Not Found errors.&lt;br /&gt;&lt;br /&gt;Top-Ranking Pages - should be identified, preserved and enhanced&lt;br /&gt;301 Redirects - rerouting old page URLs to the corresponding new page names. If thats not done, all indexed and well-ranked internal pages will suddenly generate 404 Page Not Found errors, and will eventually be purged from all search engines indexes! All internal Page Rank will be lost, as will all client’s Bookmarked page links… All “deep links” t ointernal content will be lost…&lt;br /&gt;Optimised On-Page Content - moving previously optimised “good page content” to the corresponding new pages&lt;br /&gt;Image Alt text - copying the old text to the replacement images&lt;br /&gt;Meta-tags - copying titles, description and keywords to the corresponding new pages&lt;br /&gt;Sitemaps - provision and listing of XML or HTML Sitemaps&lt;br /&gt;If you fail to do this, Google’s search engine spiders and bots will be forced to start from zero! If they are forced to reassess the intent and purpose of the site, and you’ve not preserved the good elements, a drop in rankings is inevitable.&lt;br /&gt;&lt;br /&gt;Rebranding&lt;br /&gt;&lt;br /&gt;I don’t have a problem with branding per se. However, whilst branding consultants have great expertise in their sphere of interest, they usually have minimal understanding of the issues inherent in attaining top search engine rankings.&lt;br /&gt;&lt;br /&gt;Branding consultants have no respect for your 10 year old domain… Any recommendation to drop your aged / mature domain name in favour of a new “trendy” business name is a severe risk to your online presence.&lt;br /&gt;&lt;br /&gt;Domain Redirection makes it possible to redirect all traffic to the old domain to the new domain. You can couple that with individual page redirection… However, that still leaves you with all your old links pointing to a ‘dead’ domain and at risk of removal.&lt;br /&gt;&lt;br /&gt;Don’t “misunderestimate” the value of an aged domain with lots of links!&lt;br /&gt;&lt;br /&gt;As an example, I just reviewed a rebuild proposal that involved moving from a 1999 registered domain with 2900+ incoming links (including 100+ links from domains with a +7 PR! Their destination was a 2008-registered domain with 35 links…&lt;br /&gt;&lt;br /&gt;The Rebuilders&lt;br /&gt;&lt;br /&gt;Ok, so you’re going to rebuild a mature site that’s generating business, but needs a more modern look and feel. Make sure you choose a designer / developer who comprehends the importance of the old content, and understands the SEO aspects. Make sure the fundamental SEO elements are included in the design architecture. I repeatedly see website design output from designers that amazes me, with examples such as;&lt;br /&gt;&lt;br /&gt;An SEO module was loaded but not activated - so zero meta-tag content on any page!&lt;br /&gt;A WordPress CMS with the Admin / Privacy settings set to “I would like to block search engines, but allow normal visitors“&lt;br /&gt;JavaScript main menus that SE’s cannot penetrate, meaning no internal pages indexed!&lt;br /&gt;Flash main menu that SE’s cannot penetrate, meaning no internal pages indexed!&lt;br /&gt;Splash / Intro pages with 1 link to te home page only, and Flash content - meaning zero Home page content!&lt;br /&gt;No sitemaps, just to make it even more difficult to find internal content!&lt;br /&gt;If you are deliberately setting out to kill off a website, these are very effective ways of doing so…&lt;br /&gt;&lt;br /&gt;There’s a lesson here! If you are going to rebuild your website yourself, or pay someone else to do it, you’d best ensure that the person responsible for the changes has a plan that includes at least the basics! Failing to plan is planning to fail ,as these examples clearly show!&lt;br /&gt;&lt;br /&gt;Do You Need Google?&lt;br /&gt;&lt;br /&gt;Whilst there are people out there who say that you don’t, you may rest assured that they are, in the main, not knowledgable on the subject.&lt;br /&gt;&lt;br /&gt;Unless (or until) you are a household brand name, you are going to need search engines to deliver potential clients to you. To get an increasing flow of visitors from search engines, you’ll have to play by their rules, not yours…&lt;br /&gt;&lt;br /&gt;Whenever you cannot change the global reality to fit your own perception, you must adapt… or you’ll simply be irrelevant!&lt;br /&gt;&lt;br /&gt;New Site SEO Requirements&lt;br /&gt;&lt;br /&gt;For maximum SEO benefits, there are some overall goals to aim for…&lt;br /&gt;&lt;br /&gt;Search Engine Friendly URLs - Page File Names should be explicit, and keyword-rich, independent of Titles or Headings&lt;br /&gt;Off-Page Titles: independent and unique page Titles are essential. Dynamic, with manual over-ride will work fine.&lt;br /&gt;Description Tag: independent and unique page Descriptions are essential. Dynamic with manual over-ride is ok&lt;br /&gt;Keyword Tag: independent and unique page Keywords – dynamic with manual over-ride is ok&lt;br /&gt;Image File Names: imported image file names should be preserved, allowing keyword-rich image names.&lt;br /&gt;Image ALT Text: dynamic based on file name with manual over-ride is ok. Keyword rich image file names are important supporting elements of page content.&lt;br /&gt;Menu Item Names - controllable, independent of page Headings, with manual set hyperlink titles&lt;br /&gt;Page Headings - formatted in H1, H2, H3 HTML tags, independent of menu name&lt;br /&gt;Make sure that the BASIC files are in place;&lt;br /&gt;&lt;br /&gt;Robots.txt: with a link to the XML sitemap&lt;br /&gt;Sitemap: XML, plus HTML&lt;br /&gt;Custom 404 Error Page: standard page template, full menu etc&lt;br /&gt;Make sure that the BASIC Hosting issues are sorted;&lt;br /&gt;&lt;br /&gt;www vs. non-www: always use full canonical domain name, and prevent duplicate content being indexed&lt;br /&gt;Hosting: correct country TLD – or correct country hosting&lt;br /&gt;Site Architecture Issues in Detail&lt;br /&gt;Search Engine Friendly URLs:&lt;br /&gt;&lt;br /&gt;URL’s should include a relevant keyword phrase specific to every page generated!&lt;br /&gt;Avoid capitalisation AND spaces in file names, use hyphens to separate words instead.&lt;br /&gt;Search Engines can now cope with URL’s with multiple iterations of ?, &amp; and = in them, but they are incomprehensible to HUMANS!&lt;br /&gt;&lt;br /&gt;Explicit Image File Names:&lt;br /&gt;&lt;br /&gt;Use keyword-rich explicit Image file names e.g.;&lt;br /&gt;&lt;br /&gt;http://www.mysite.com/images/new-zealand-rugby-tours-hdr-4.jpg&lt;br /&gt;http://www.mysite.com/images/school-rugby-tours-nz.jpg&lt;br /&gt;Image URL’s should include relevant keywords specific to every page generated!&lt;br /&gt;&lt;br /&gt;Both Google and Yahoo have specific image functions that can generate a lot of traffic if images are properly named and tagged (ALT tags)&lt;br /&gt;Avoid capitalisation AND spaces in file names, use hyphens to separate words instead.&lt;br /&gt;Image Alt Tags:&lt;br /&gt;&lt;br /&gt;Use Image Alt Tags on every image – a short keyword-rich, relevant sentence that describes the content of the page / image is what’s needed.&lt;br /&gt;&lt;br /&gt;Its essential to reinforce relevant keywords in every area of the page – Image ALT tags are an important location to insert one or more exact match search phrases.&lt;br /&gt;&lt;br /&gt;Site Maps are Essential:&lt;br /&gt;&lt;br /&gt;Sitemaps help shorten the “levels” to the main content – the Products. In many Shops, the nested Categories drive the real content down far deeper than 3 levels from Home. Anything lower than 3 levels in the internal link hierarchy appears far less valuable to SE’s - and rarely gets a Top 30 ranking in the SERPs!&lt;br /&gt;&lt;br /&gt;Both forms of sitemaps are essential;&lt;br /&gt;&lt;br /&gt;An accessible HTML version, with links to it from Home page.&lt;br /&gt;Plus an XML version that should be linked from the robots.txt page (and submitted to both Google and Yahoo for indexing)&lt;br /&gt;For example; in very large osCommerce sites its possible to dramatically increase the number of indexed pages on Google by using the All_Products modification as a site map, and placing the A-Z links it generates on the footer of every page.&lt;br /&gt;&lt;br /&gt;Custom 404 Error Page&lt;br /&gt;&lt;br /&gt;Add a Custom 404 Error Page: According to a recent poll, only 23% of visitors that encounter a 404 page make a second attempt to find the missing page. That means 77% of visitors that encounter a 404 error will immediately leave your website! Creation of an effective Custom 404 Page, you can actually increase visitor retention by ensuring they find what they need.&lt;br /&gt;&lt;br /&gt;JavaScript &amp; Flash Disasters&lt;br /&gt;&lt;br /&gt;Keep the use of JavaScript and Flash throughout the site to a minimum. Whilst everything contained within &lt;script language=”JavaScript”&gt; and &lt;/script&gt; is not actually processed, the SE’s are thought to assess the ratio of code to content, demoting pages with excessive code!&lt;br /&gt;&lt;br /&gt;The Search Engines don’t much like JavaScript (or Flash or FRAMES) – so minimize its use.&lt;br /&gt;It is better if external JavaScript (and CSS) files are “called” or “included” and the minimum amount of code is embedded in the pages.&lt;br /&gt;NEVER use JavaScript or Flash for the Main Menus!!!&lt;br /&gt;Like it or not, Google cannot “see” anything contained in either JavaScript or Flash. If you use either mechanism for your main menu system, you are consigning the site to relative oblivion.&lt;br /&gt;&lt;br /&gt;robots.txt File&lt;br /&gt;&lt;br /&gt;Make sure there is a robots.txt file on the site, because search engine spiders look for it! In there you can specify which, if any, directories or files are NOT to be indexed. In the majority of cases, you allow all spiders access to everything. If the file is missing, the requests for it generate 404 Page Not Found errors – and you should always try to minimise these errors.&lt;br /&gt;&lt;br /&gt;The robots.txt file should also include a link to your sitemap e.g.;&lt;br /&gt;&lt;br /&gt;Sitemap: http://www.mysite.com/sitemap.xml&lt;br /&gt;&lt;br /&gt;On-Page Content:&lt;br /&gt;&lt;br /&gt;Pages need text content. Without it, there is nothing for a search engine to work with as it attempts to establish what the website is about. If you seriously expect a page to rank in the Top 10 for a competitive keyword search phrases, the minimum amount of content you should aim for is in the order of 800-1000 words of content. Previously, lesser volumes may have sufficed, but Google’s quest to provide the most relevant pages for any given search has uped the stakes a little.&lt;br /&gt;&lt;br /&gt;Does it seem logical that a page with 400 words of good content is likely to outweigh a page with 1000 words of good content…&lt;br /&gt;&lt;br /&gt;That content should be original, well-written, interesting, engaging, thought-provoking and/or provocative. It must be focused toward the specific keyword search phrase you are planning to rank well for… The content should include 1 or more images to add interest, with relevant keywords in the Alt text.&lt;br /&gt;&lt;br /&gt;There must be some form of “Call to Action” where you specify WHAT it is that you want visitors to do, and How/Where to do it.&lt;br /&gt;&lt;br /&gt;Page Headings:&lt;br /&gt;This is the most (SEO) important “On-Page” location to specify to the search engines what the page is about… It is important to both load your Headings with main keyword phrase/s, most important at the beginning and to ensure that all are in H1 / H2 / H3 format.&lt;br /&gt;&lt;br /&gt;First Paragraphs:&lt;br /&gt;This is the 2nd most (SEO) important “On-Page” location to specify to the search engines what the page content is about… ….&lt;br /&gt;&lt;br /&gt;It is important to place primary keyword phrases at the start of the first paragraph, and to highlight them in bold if possible.&lt;br /&gt;It is important to include text anchor links on main internal pages. Links TO these anchors (bookmarks) should be provided on Home page and sub-pages, to pages below, and at the same level.&lt;br /&gt;Text Anchors / Bookmarks / Hyperlinks&lt;br /&gt;Place some keyword-rich anchor text links to internal pages from within body text, because this helps set keyword relationships to those pages. Adding anchors on internal pages, and links TO those anchors, also raises keyword count of both pages.&lt;br /&gt;&lt;br /&gt;Linking to anchors on internal pages from Home page raises the perceived importance of those internal pages, and provides additional pathways for search engine spiders to find and index them.&lt;br /&gt;&lt;br /&gt;Navigation / Main Menu&lt;br /&gt;This should be CSS / DHTML text-based to gain maximum traction&lt;br /&gt;NOT JavaScript / Flash because these cannot be accessed by Search Engines&lt;br /&gt;Page Rank is passed downwards through the site via accessible internal links&lt;br /&gt;The keywords in internal links are also what SE’s will associate with the internal pages&lt;br /&gt;If possible, allow addition of hyperlink titles to the links – dynamic, based on the internal page’s 1st heading is not as good as the ability to manually add titles to menu item names. Hyperlink titles in the menu, and in the text anchors (above) can significant increase keyword count on a page, as well as reinforcing what the page (that the link leads to) is about.&lt;br /&gt;&lt;br /&gt;Off-Page Content&lt;br /&gt;&lt;br /&gt;The page Title tag is the single most important on-site element! There are also other opportunities for increasing the density of key words and phrases - some are listed below;&lt;br /&gt;&lt;br /&gt;Title – The No.1 On-site Element&lt;br /&gt;&lt;br /&gt;The maximum recommended length is 8-10 words, or 70 characters. Full manual control is important. In a CMS or ecommerce scenario, if all that can be offered is dynamic, it should be orderd as follows; Product Name + Category + Tagline :: maximum 70 characters. Do NOT use stop words, or irrelevant words.&lt;br /&gt;&lt;br /&gt;The best Title tag is one that is unique and strictly relevant to each individual page, and this is crucial to attaining top search engine rankings.&lt;br /&gt;&lt;br /&gt;Meta-tags&lt;br /&gt;&lt;br /&gt;Items such as Titles, Descriptions, Keywords are essential off-page elements which significantly influence the search engine’s appraisal of your site, and have an impact on whether searchers actually click on the search results link and come thru to your site. USE THEM, WISELY!&lt;br /&gt;&lt;br /&gt;In a CMS / Shopping site, especially if very large, it is probably best to have a dual-action system. E.g. populate the Title / Description / Keywords meta-tags automatically from page content by default, but allow manual override as / if required.&lt;br /&gt;&lt;br /&gt;Description&lt;br /&gt;Unique Description meta-tags must be provided on all pages. The maximum recommended length for a Description is 200 characters (Google will display 150 only, but other SE’s will show 200).&lt;br /&gt;&lt;br /&gt;Manual control is best if possible. If dynamically generated then an output string like this is best; Product Name + Category Name + 1st Paragraph of Product Description :: maximum 200 characters&lt;br /&gt;&lt;br /&gt;It is extremely important to search engine rankings that a carefully crafted Description, unique to every page, be provided. This helps the search engines to properly categorise the site. A well crafted description will also be used verbatim in most search engine results displayed to searchers, meaning you can control what is shown to searchers in SERPs.&lt;br /&gt;&lt;br /&gt;And, of course, the Description should in fact describe the page its on.&lt;br /&gt;&lt;br /&gt;The Problem: when descriptions are not supplied, the search engines will do their best to generate one from existing content, which can often look like rubbish, or be duplicated on all pages.&lt;br /&gt;&lt;br /&gt;Where a “generic” description is provided, all the pages look the same in the search results. Your Descriptions are meant to help “sell” the product…&lt;br /&gt;&lt;br /&gt;Keywords&lt;br /&gt;Unique Keyword meta-tags must be provided on all pages! Manually controled if possible. If dynamically generated, an output string like this is best; Product Name + Category Name + 1st Paragraph :: maximum 250 characters&lt;br /&gt;&lt;br /&gt;NB: strip out special characters – e.g. &amp; : ; etc, and its not essential to place commas between words.)&lt;br /&gt;&lt;br /&gt;NB: This tag is not heavily relied on by most search engines. However, it is a useful discipline to insert the targeted keyword phrases for the page into the tag - as a reminder, if nothing else. However, the terms must focus on the page content, not simply be stuffed full of vaguely related words.&lt;br /&gt;&lt;br /&gt;Every page set to target a specific relevant set of keywords / phrases!&lt;br /&gt;&lt;br /&gt;Links&lt;br /&gt;&lt;br /&gt;You need to be careful about Links – simplified, it now works this way…&lt;br /&gt;&lt;br /&gt;A link to your site from another site is a vote for you and is added to your total vote count.&lt;br /&gt;A link from you to another site is a vote BY your, and is DEDUCTED from your total vote count&lt;br /&gt;Reciprocal links are neutral…&lt;br /&gt;&lt;br /&gt;Outward links BLEED away your Page Rank….&lt;br /&gt;Outward links to inappropriate sites WILL hurt your rankings.&lt;br /&gt;Sculpting outward links so they don’t count as a vote outwards is done by adding the rel=”nofollow” attribute to the links. Wholesale use of nofollow is unwise… its unnatural, and potentially, you may be penalised for it. Its introduction was to cover “untrusted” links only.&lt;br /&gt;&lt;br /&gt;Domain Names&lt;br /&gt;&lt;br /&gt;There are a variety of Domain-related issues that impact on your search engine rankings.&lt;br /&gt;&lt;br /&gt;Use relevant / specific keywords in the Domain Name, but not excessively so. Two or three keywords is regarded as sufficient…&lt;br /&gt;Separate them by HYPHENS because it helps make sense to viewers!&lt;br /&gt;E.g.;&lt;br /&gt;&lt;br /&gt;http://www.newzealandrugbytours.com/ vs.&lt;br /&gt;&lt;br /&gt;http://www.new-zealand-rugby-tours.com/&lt;br /&gt;&lt;br /&gt;Country Code vs. .Com&lt;br /&gt;&lt;br /&gt;A dot.com site must be hosted in the targeted country.&lt;br /&gt;A .com.au or .co.nz site can be hosted anywhere and Google will associate it with the specific country&lt;br /&gt;Hosting&lt;br /&gt;&lt;br /&gt;An aspect overlooked by many site owners is the importance of the Domain Name “Country Code” to your site rankings, traffic and consequent success.&lt;br /&gt;&lt;br /&gt;The problem here is the “decentralisation” of search - the way in which the major search engines have split their indexes up into country-specific search opportunities. Google (and other SE’s) know where you are, or where you should be associated with, by either the Country Code (.Co.NZ) or the IP address allocated to your site. IP addresses are allocated in numeric blocks or ranges, by country.&lt;br /&gt;&lt;br /&gt;Web Redesign Summary&lt;br /&gt;&lt;br /&gt;The examples shown illustrate that its not the tools, its the quality of workmanship that makes the difference.&lt;br /&gt;&lt;br /&gt;If you’re a website designer, you owe it to your clients to ensure you do more good than harm! If your stupidity causes the newly rebuilt website to vanish off Google’s radar screen, it does not matter one iota if the site looks stunning! Page redirection is such a fundamental requirement, its verging on criminal negligence to overlook it! Not using freely available, fully automated WordPress sitemap and meta-tags generation tools is quite unprofessional. It confirms the designer’s incompetence, so by all means, add your name to the footer credits to let the world know who to avoid!&lt;br /&gt;&lt;br /&gt;Of course, if your underlying objective is to keep people like me in business, feel free to ignore all my well-intended advice…&lt;br /&gt;&lt;br /&gt;Comments&lt;br /&gt;&lt;br /&gt;This entry was posted on Tuesday, March 22nd, 2011 at 8:30 am  and is filed under Uncategorized. You can leave a response, or trackback from your own site.&lt;br /&gt;&lt;br /&gt;About the Author: Ben Kemp is the author of &quot;The SEO Guy&#39;s Blog&quot; : SEO comments, hints on successful web site design for effective search engine optimisation. Plus, life as a Road Warrior... living in The Land of Smiles! How it feels to be an alien, living in Thailand, immersed in a new culture and language.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/8450046094707013285'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/8450046094707013285'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/03/website-redesign-best-practices-for-web.html' title='Website Redesign - Best Practices for Web Redesign'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-8579740248818321752</id><published>2011-02-23T11:07:00.001-08:00</published><updated>2011-02-23T11:09:22.130-08:00</updated><title type='text'>Why You’re Pissing Off Half Your Facebook Fans</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot;  &gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-weight: 800;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;Apple-style-span&quot; &gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;border-width: initial; border-color: initial; font-size: 11px;&quot;&gt;&lt;img src=&quot;http://images.ientrymail.com/authors/jaybaer.gif&quot; align=&quot;left&quot; style=&quot;border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; &quot; /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;text&quot; style=&quot;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; &quot;&gt;&lt;br /&gt;&lt;a href=&quot;http://www.smallwebbusiness.com/smallwebbusiness-90-20110223WhyYourePissingOffHalfYourFacebookFans.html&quot;&gt;http://www.smallwebbusiness.com/smallwebbusiness-90-20110223WhyYourePissingOffHalfYourFacebookFans.html&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;By &lt;strong&gt;Jay Baer&lt;/strong&gt;&lt;br /&gt;Expert Author&lt;br /&gt;Article Date: 2011-02-23&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Sure it has 600 million members and is significantly more compelling than any film made by Nicholas Cage in the past five years, but even with those inherent advantages, Facebook for business is hard.&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;It&#39;s not just that Facebook has a distinctly Favre-like approach to features and decision-making. Or, that Facebook is very clearly in business to make money for them, not necessarily for us. Those are just the operational challenges.&lt;p&gt;The bigger gauntlet for marketers on Facebook is sociological.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Specifically, nobody knows what the hell Facebook is for.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;New research from &lt;a href=&quot;http://www.exacttarget.com/&quot; style=&quot;color: rgb(12, 71, 228); text-decoration: underline; white-space: normal; display: inline; &quot;&gt;ExactTarget&lt;/a&gt; and &lt;a href=&quot;http://www.cotweet.com/&quot; style=&quot;color: rgb(12, 71, 228); text-decoration: underline; white-space: normal; display: inline; &quot;&gt;CoTweet&lt;/a&gt; (clients) called &lt;a href=&quot;http://www.exacttarget.com/sff&quot; style=&quot;color: rgb(12, 71, 228); text-decoration: underline; white-space: normal; display: inline; &quot;&gt;&quot;The Social Break-up&quot; &lt;/a&gt;studied why consumers turn their backs on social and email connections with brands. (see previous &lt;a href=&quot;http://www.convinceandconvert.com/email-marketing-advice/invitation-avalanches-attention-infidelity-and-the-science-of-the-social-break-up/&quot; style=&quot;color: rgb(12, 71, 228); text-decoration: underline; white-space: normal; display: inline; &quot;&gt;posts about this research&lt;/a&gt; and &lt;a href=&quot;http://www.convinceandconvert.com/social-media-research-2/why-im-competing-with-you-and-you-and-you-and-you/&quot; style=&quot;color: rgb(12, 71, 228); text-decoration: underline; white-space: normal; display: inline; &quot;&gt;customer burnout&lt;/a&gt; here)&lt;/p&gt;&lt;strong&gt;A Downright Scary WTF?&lt;/strong&gt;&lt;p&gt;Within the findings is this frightening nugget:&lt;/p&gt;&lt;ul style=&quot;margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; &quot;&gt;&lt;li&gt;&lt;strong&gt;51% of consumers expect the company to send them marketing messages&lt;/strong&gt; after &quot;liking&quot; the brand on Facebook&lt;/li&gt;&lt;li&gt;&lt;strong&gt;40% of consumers do not expect the company to send them marketing messages&lt;/strong&gt; after &quot;liking&quot; the brand on Facebook&lt;/li&gt;&lt;li&gt;9% aren&#39;t sure what to expect&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;Whoa. &lt;strong&gt;Even consumers who have purposefully and pointedly said &quot;we&#39;re on your team&quot; by clicking &quot;like&quot; aren&#39;t clear on the ground rules of the subsequent relationship.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Imagine if that uncertainty pervaded other elements of business. Imagine that customers weren&#39;t sure if you would answer when they called you. Of if they ordered something on your website, if you would ship it out.&lt;/p&gt;&lt;p&gt;No wonder real Facebook success (not just fan amalgamation) is hard to come by - there aren&#39;t any codified mutual expectations.&lt;/p&gt;&lt;strong&gt;Age and Gender Influence Your Acceptance of Facebook Promotions&lt;/strong&gt;&lt;p&gt;Whether or not Facebook is an acceptable vehicle for company promotion is influenced to some degree by gender and age:&lt;/p&gt;&lt;ul style=&quot;margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; &quot;&gt;&lt;li&gt;Consumers 24 years of age and younger are less likely (40%) to expect promotions; while consumers 35 and older are more likely (55%) to expect them.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;If your company&#39;s audience skews younger, be cautious about promoting heavily via Facebook.&lt;/strong&gt;&lt;/p&gt;&lt;ul style=&quot;margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: none; &quot;&gt;&lt;li&gt;Regardless of age, 44% of men expect Facebook messages from brands to be promotional; 55% of women share that expectation.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;If your company&#39;s audience skews heavily male, be cautious about promoting excessively via Facebook.&lt;/strong&gt;&lt;/p&gt;&lt;strong&gt;Set Fan Expectations From the First Click&lt;/strong&gt;&lt;p&gt;This uncertainly about what Facebook is for, and the consequences of &quot;like&quot; are an issue. Here&#39;s my idea for solving it.&lt;/p&gt;&lt;p&gt;On your custom Facebook landing tab (&lt;a href=&quot;http://www.convinceandconvert.com/facebook/5-staggeringly-simple-ways-to-create-custom-facebook-landing-tabs/&quot; style=&quot;color: rgb(12, 71, 228); text-decoration: underline; white-space: normal; display: inline; &quot;&gt;Here&#39;s a post on 5 ways to make one&lt;/a&gt;), instead of just selling the &quot;like&quot; to people who are not yet fans, also use that real estate to&lt;strong&gt; explain precisely what people should expect from your Facebook page.&lt;/strong&gt; Special offers? Customer stories? Inside information about the company?&lt;/p&gt;&lt;p&gt;It&#39;s been a long-standing tenet of email marketing that subscription rates increase when you supply a link to a sample email. This is because it gives potential subscribers a clue as to what they can expect to receive. Makes sense, right?&lt;/p&gt;&lt;p&gt;Is it time to extend that best practice to Facebook? What other ways can we reduce Facebook uncertainty?&lt;/p&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/8579740248818321752'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/8579740248818321752'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/02/why-youre-pissing-off-half-your.html' title='Why You’re Pissing Off Half Your Facebook Fans'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-4673764598800235422</id><published>2011-02-16T11:41:00.000-08:00</published><updated>2011-02-16T11:42:22.795-08:00</updated><title type='text'>Top 7 Search Engine Optimization Mistakes and How to Correct Them by Herman Drost</title><content type='html'>&lt;div&gt;Many website owners have unrealistic expectations when it comes to optimizing their site for the search engines when they speak with an SEO consultant. They think their site will immediately appear on the first page for a general keyword. For example if I do a Google search for “web design” it currently says there are 583,000,000 results. That means you have 583,000,000 websites competing for that phrase. It would take an extremely long time to rank on the first page.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Top 7 SEO Mistakes and how to correct them&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1. Using incorrect keywords&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Some SEO companies promise they’ll get top rankings for your website in Google and other search engines. This can be very easy if no one ever searches on that keyword because there’s little or no competition. You may receive first page rankings but see no increase in traffic. Only target keywords people are searching on. An easy way to verify this is to enter your main keyword in the Google Keyword Research Tool and view how many searches it receives. If there are no global monthly searches it means no one is searching on that keyword (no demand).&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;2. Selecting very competitive keywords&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;If your keyword is too competitive you’ll waste time and effort trying to obtain good rankings for it. Select keywords that receive a high number of searches and have little competition. Select an alternative keyword phrase if there are too many competing websites. It’s best to focus on “long tail” keywords first. These are phrases which have low search volume and few competitors. Concentrate on these first then go after the more popular terms later.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;3. Selecting keywords with no commercial value&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Keywords with a high search volume are not necessarily the best keywords to use if they have no commercial value. They may receive thousands of searches but if no one buys as a result of finding your site through those keywords you won’t profit.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Look at how many ads are displayed on the right side of the Google’s result pages for your keyword. If they are full of ads you know advertisers are willing to pay to display ads targeting that keyword. If there are no or a few ads displayed your keyword has no or little commercial value.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;4. Improper website optimization&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;In order for search engines to find your site your main keywords should be included in the meta tags, file names, heading tags, image tags, navigation links, anchor text (hyperlinked text) and web copy. If your website primarily consists of flash pages it will be difficult to obtain high rankings because search engines don’t index flash pages. Make sure each web page targets a different keyword phrase.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;5. Bad links&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Link popularity determines how fast and and how high you rank in the search engines. The more links you have pointing to your own site and the quality of those links will drastically affect your rankings. Website owners often make the mistake of getting links from unrelated sites or participating in link farms containing low quality links. This may result in lowering your rankings. Only obtain links from sites that relate or compliment your own.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;6. Getting links from one source&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Search engines can see if you’re only relying on one source for obtaining backlinks and may think you’re artificially inflating your rankings through this method. Ideally they want to see sites naturally linking to yours by providing high quality content. Instead of getting all your links from only one source (e.g. one article directory) make sure you get them from a variety of sites.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;7. Too many links too fast&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Because people are impatient they’ll find the path of least resistance and use spammy techniques to get 1000s of links at one time. For instance, they’ll write an article then use software to produce 1000 different versions of it using slightly different text then submit those articles at the same time using submission software. Search engines will recognize this as a red flag and eventually penalize that site by removing or lowering it’s rankings.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Avoid these top 7 SEO mistakes by focusing on creating high quality content and building quality backlinks to your website. If requires consistent effort but rewards you with high rankings, traffic and sales.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;****************************************** Web Site Promotion Package&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Search engine optimization and submission is an absolutely essential marketing strategy to attract traffic to your site. Without people visiting your web site, no sales can be generated.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Just submitting your site will not guarantee a place in the search engines. You must first optimize your web site for the search engines before it is submitted.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;This promotion package eliminates the need to learn all the strategies and the great amount of time it would take, if you would do it yourself.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Here is what you will receive in the package.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1. Search Engine Analysis, research appropriate keywords, Check Link Popularity, Link Validation, Keyword Density&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;2. Recommend Changes - you make the recommended changes based on the research above.(if you wish me to do it, I would need access to your host to download the web page, make the changes and republish it - extra costs involved with doing this).&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;3. Hand Submission to all Major Search Engines (this does not include Paid inclusions), plus 30 or more smaller search engines using submission software.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;4. Generate a report of all submissions&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;5. Monitor Site Rankings&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;6. Suggest other strategies you can use to gain more traffic to your site.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Side note: Your site should be monitored on a monthly basis to stay listed and gain higher rankings. Search engines take several weeks (or months) for web sites to get listed.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Disclaimer: Although there is a chance for your site to gain the top rankings in the search engines, there is no guarantee, since search engines often change their strategies from time to time. You must stay up to date with current search engine strategies to stay listed.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Please contact me for a free quote.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Herman Drost info@isitebuild.com&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/4673764598800235422'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/4673764598800235422'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/02/top-7-search-engine-optimization.html' title='Top 7 Search Engine Optimization Mistakes and How to Correct Them by Herman Drost'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-2284329080534053271</id><published>2011-02-16T11:37:00.000-08:00</published><updated>2011-02-16T11:40:26.397-08:00</updated><title type='text'>How to Redirect a Website or Web Page  and Preserve Its Rankings</title><content type='html'>&lt;div&gt;by Herman Drost&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Need to redirect your old website to a new one? Need to redirect an old page to a new page? Want to transfer the rankings of your old site to your new one? Want to redirect non www pages to www pages?&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;These are a few of the questions website owners ask when they redesign their websites and want to preserve their rankings. For instance you have a static html site that&#39;s been redesigned into a Content Management System (CMS) such as WordPress and want to make sure visitors accessing the old pages in the search engines get redirected to the new pages&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;What is a 301 redirect?&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;When search engines index your web pages they store them in cache memory (data that is repeatedly required). When you change the URL of your web page or website it still remains in Google&#39;s cache. This means people searching for your site will still see your old website. To prevent this from happening you need to redirect your old web pages to the pages on your new website. This is a achieved through a 301 redirect sometimes called 301 permanent redirect.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Requirements&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Filezilla (FTP software) This is free FTP software you need to transfer files from your desktop to the server. To transfer the files you simply drag files from your local (computer) window to the remote (server) window.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Apache web server 99% of web servers these days use Apache to host websites however check with your web host before implementing a 301 redirect. It won&#39;t work on a Windows server.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;.htaccess file This is the text file containing your 301 redirect code which is uploaded to the root directory of the server (same location as your index.html file). If the .htaccess file is already on the server download it to your desktop then open it with Wordpad or a text editor. Avoid using MS Word...it will mess up the code.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;301 redirect code This is the code to add to your .htacess file to redirect your site or pages to your new site.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Procedure&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;*Create a .htacess file in a text editor and save it as .htaccess.txt&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;*Add the 301 redirect code and save the file&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;*Upload the .htaccess file to the root of the server of your old site&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;*Test the redirect works by entering the old URL in your browser It should automatically redirect to the your new website&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Sidebar: If you&#39;re redirecting non www pages to www pages upload the .htaccess to the root of the server files of your current website.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Examples&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;1. To 301 redirect your old website to your new website use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;redirect 301 / http://www.example.com/&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Replace example.com with the URL of your new site. This will redirect traffic from your old site to the index page of your new site. Keep in mind it won&#39;t redirect each page to it&#39;s new page.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;2. To 301 redirect a single page use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;redirect 301 /oldpage.html http://www.example.com/newpage.html&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Replace oldpage.html with the URL of your old page and replace newpage.html with the new page you want to redirect to.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;3. To 301 redirect a folder to another folder use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;redirect 301 /folder/ http://www.mysite.com/folder/&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Multiple folders (subdirectories)&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;redirect 301 /subdirectory/subdirectory/ http://www.mysite.com/subdirectory/subdirectory/&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Keep this code all on one line in your .htaccess file.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;4. To 301 redirect non www pages to www pages use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;RewriteCond %{HTTP_HOST} ^mysite.com RewriteRule (.*) http://www.mysite.com/$1 [R=301,L]&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Replace mysite with your own website URL. Test if the redirect works by entering mysite.com, http://mysite.com in your browser. It should redirect all pages to the www version.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;5. To premanently redirect an old domain to new domain use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Options +FollowSymLinks RewriteEngine on RewriteRule (.*) http://www.newdomain.com/$1 [R=301,L]&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Replace newdomain.com with the URL of your new domain.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;6. To redirect .htm pages to .php pages use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;RewriteEngine on RewriteBase / RewriteRule (.*).htm$/$1.php&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Make sure you have mod_rewrite enabled on your server.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;7. To redirect any index.html pages to your home page use this code:&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;# index.html to / RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /.*index\.html\ HTTP/ RewriteRule ^(.*)index\.html$ /$1 [R=301,L]&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;You will have multiple home pages if your navigation menu contains mutiple index.html pages. This confuses the search engines because they&#39;ll be dividing your traffic between 2 types of home pages e.g. index.html and http://www.yourdomain.com. Use the code above to redirect all index.html pages to the home page. Replace index.html with index.php if your site contains php pages.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Test your 301 redirect works&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Type the URL of your old website into your browser address bar. it should immediately redirect to the new website. Also check that your non www pages redirect to www pages. Use this 301 redirect checker to make sure your redirects were sucessful.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;http://www.ragepank.com/redirect-check/&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Tips&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;When redirecting the files of an old domain or website to a new domain or new website maintain the registration and hosting account of the old domain. This gives search engines time to index and update the backlinks of your new site. Terminate your old website only when there are no traces of it in the search engines. This will take a few weeks or months.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Notify your link partners of the domain name change as soon as possible. After you terminate your old domain any search engine benefits you&#39;ve built up through your old links will be gone unless you&#39;ve implemented the 301 redirect. When obtaining new backlinks make sure they point to your new domain.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Create a 404 error page in case you used the incorrect code in your .htaccess file.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Read &quot;How to Create a Custom 404 Error Page to Stop Losing Visitors&quot; http://www.drostdesigns.com/how-to-create-a-custom-404-error-page/&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Avoid using 301 redirects to redirect multiple domain names to your main website. Search engines will rank websites if they are a good resource for their visitors.&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/2284329080534053271'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/2284329080534053271'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/02/how-to-redirect-website-or-web-page-and.html' title='How to Redirect a Website or Web Page  and Preserve Its Rankings'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-763834463949924176</id><published>2011-02-16T11:30:00.000-08:00</published><updated>2011-02-16T11:32:31.866-08:00</updated><title type='text'>Logo Design 101: Six Tips For Creating Iconic Logos</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(63, 63, 63); font-family: &#39;Lucida Grande&#39;, &#39;Lucida Sans&#39;, sans-serif; font-size: 14px; line-height: 21px; &quot;&gt;&lt;header class=&quot;heading&quot; style=&quot;margin-top: 3.4em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; display: block; position: relative; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;ul class=&quot;meta&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.75em; padding-right: 0px; padding-bottom: 0.25em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; list-style-type: none; list-style-position: initial; list-style-image: initial; font-size: 11px; line-height: 1; overflow-x: hidden; overflow-y: hidden; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-style: solid; border-right-color: rgb(204, 204, 204); float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;By &lt;a href=&quot;http://designfestival.com/author/jennyrusks/&quot; title=&quot;Posts by Jennifer Farley&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Jennifer Farley&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-style: solid; border-right-color: rgb(204, 204, 204); float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;16&lt;sup style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-transform: uppercase; font-size: 8px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;TH&lt;/sup&gt; Feb 2011&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-style: solid; border-right-color: rgb(204, 204, 204); float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.com/category/logo-design/&quot; title=&quot;View all posts in Logo Design&quot; rel=&quot;category tag&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Logo Design&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;tag&quot; style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1.25em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: url(http://designfestival.sitepoint.netdna-cdn.com/wp-content/themes/designfestival/images/tag.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; float: left; border-style: initial; border-color: initial; background-position: 0% 2px; background-repeat: no-repeat no-repeat; &quot;&gt;&lt;a href=&quot;http://designfestival.com/tag/inspiration/&quot; rel=&quot;tag&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Inspiration&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a href=&quot;http://designfestival.com/logo-design-101-six-tips-for-creating-iconic-logos/#disqus_thread&quot; class=&quot;comment-count&quot; title=&quot;Comment on Logo Design 101: Six Tips For Creating Iconic Logos&quot; identifier=&quot;1405 http://designfestival.com/?p=1405&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; font-size: 12px; vertical-align: baseline; background-image: url(http://designfestival.sitepoint.netdna-cdn.com/wp-content/themes/designfestival/images/comment-icon.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(156, 142, 78); text-decoration: none; display: block; text-align: center; width: 52px; font-style: italic; text-shadow: rgb(255, 255, 255) 0px 1px 0px; position: absolute; top: 4px; right: 0px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; &quot;&gt;4&lt;/a&gt;&lt;/header&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Logo design is undoubtedly one of most challenging aspects of graphic design. It may seem easy at first glance but successful logos tend to have several characteristics in common. Those features are:&lt;/p&gt;&lt;ul style=&quot;margin-top: 1.5em; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; list-style-type: disc; list-style-position: initial; list-style-image: initial; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;simplicity&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;uniqueness&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;relevance&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;memorable&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;focus&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;tradition (or not following trends).&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Here’s a brief overview of each of these characteristics with a well known brand examples to illustrate the point.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;1. Keep it simple. A frequent mistake made by new designers is to over-​​complicate, or over-​​design. Simplicity is a good thing and when in comes to design, less is definitely more.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/i-love-ny-logo.jpg&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/i-love-ny-logo_thumb.jpg&quot; border=&quot;0&quot; alt=&quot;i-love-ny-logo&quot; width=&quot;430&quot; height=&quot;250&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-style: initial; border-color: initial; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;2. Make it unique. In a world full of swooshes, arcs, leaves and other logo clichés, this is easier said than done. The Nike logo is a tick or correct mark yet is instantly recognizable and unique.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/nike-logo.jpg&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/nike-logo_thumb.jpg&quot; border=&quot;0&quot; alt=&quot;nike-logo&quot; width=&quot;430&quot; height=&quot;150&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-style: initial; border-color: initial; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;3. Keep it relevant. When you’re designing a logo, think about the appropriateness of the symbol or typefaces you use. For example, a skull and crossbones will not work for a wedding planning business. The Lego logo uses bright primary colors and a child-​​friendly font – perfect for its intended audience.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/Lego.jpg&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/Lego_thumb.jpg&quot; border=&quot;0&quot; alt=&quot;Lego&quot; width=&quot;450&quot; height=&quot;350&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-style: initial; border-color: initial; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;4. Make it memorable. Your logo design is a visual representation of what the company stands for. The logo will often only receive a quick look, so it needs to make a fast impression.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/playboy-logo.jpg&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/playboy-logo_thumb.jpg&quot; border=&quot;0&quot; alt=&quot;playboy-logo&quot; width=&quot;430&quot; height=&quot;180&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-style: initial; border-color: initial; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;5. Keep the focus and use one idea to make the design special. The Fed Ex logo features an arrow between the letters E and X, representing the idea of moving parcels from place to another.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/FexEx.jpg&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/FexEx_thumb.jpg&quot; border=&quot;0&quot; alt=&quot;FexEx&quot; width=&quot;450&quot; height=&quot;124&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-style: initial; border-color: initial; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;6. Aim for longevity. While many logos will be updated over their lifetime, its probably not a bad idea to design something which will not look dated after a year. Avoid “trendy” fonts and symbolism. The Coca-​​Cola logo is among the most recognized logos and brands in the world. The logo’s distinctive cursive script has not changed dramatically over its long lifetime.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/coca-cola.jpg&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/coca-cola_thumb.jpg&quot; border=&quot;0&quot; alt=&quot;coca-cola&quot; width=&quot;450&quot; height=&quot;157&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-style: initial; border-color: initial; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;These are, of course guidelines and pointers. All rules are made to be broken but it helps if you know the rules before breaking them. &lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: bold; background-position: initial initial; background-repeat: initial initial; &quot;&gt;What other rules or guidelines would you add to this list?&lt;/strong&gt;&lt;/p&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/763834463949924176'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/763834463949924176'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/02/logo-design-101-six-tips-for-creating.html' title='Logo Design 101: Six Tips For Creating Iconic Logos'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-1075574140300034307</id><published>2011-02-16T11:09:00.000-08:00</published><updated>2011-02-16T11:13:50.665-08:00</updated><title type='text'>Achieving Good Legibility and Readability on the Web</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(63, 63, 63); font-family: &#39;Lucida Grande&#39;, &#39;Lucida Sans&#39;, sans-serif; font-size: 14px; line-height: 21px; &quot;&gt;&lt;header class=&quot;heading&quot; style=&quot;margin-top: 3.4em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; display: block; position: relative; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;h1 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 2.2em; line-height: 1.25em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;br /&gt;&lt;/h1&gt;&lt;ul class=&quot;meta&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.75em; padding-right: 0px; padding-bottom: 0.25em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; list-style-type: none; list-style-position: initial; list-style-image: initial; font-size: 11px; line-height: 1; overflow-x: hidden; overflow-y: hidden; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-style: solid; border-right-color: rgb(204, 204, 204); float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;By &lt;a href=&quot;http://designfestival.com/author/simon-pascal-klein/&quot; title=&quot;Posts by Simon Pascal Klein&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Simon Pascal Klein&lt;/a&gt;&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-style: solid; border-right-color: rgb(204, 204, 204); float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;15&lt;sup style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: top; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-transform: uppercase; font-size: 8px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;TH&lt;/sup&gt; Feb 2011&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 1em; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-style: solid; border-right-color: rgb(204, 204, 204); float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.com/category/html-css/&quot; title=&quot;View all posts in HTML &amp;amp; CSS&quot; rel=&quot;category tag&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;HTML &amp;amp; CSS&lt;/a&gt;, &lt;a href=&quot;http://designfestival.com/category/typography/&quot; title=&quot;View all posts in Typography&quot; rel=&quot;category tag&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Typography&lt;/a&gt;&lt;/li&gt;&lt;li class=&quot;tag&quot; style=&quot;margin-top: 0px; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1.25em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: url(http://designfestival.sitepoint.netdna-cdn.com/wp-content/themes/designfestival/images/tag.gif); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; float: left; border-style: initial; border-color: initial; background-position: 0% 2px; background-repeat: no-repeat no-repeat; &quot;&gt;&lt;a href=&quot;http://designfestival.com/tag/tutorial/&quot; rel=&quot;tag&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Tutorial&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a href=&quot;http://designfestival.com/achieving-good-legibility-and-readability-on-the-web/#disqus_thread&quot; class=&quot;comment-count&quot; title=&quot;Comment on Achieving Good Legibility and Readability on the Web&quot; identifier=&quot;1355 http://designfestival.com/?p=1355&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; font-size: 12px; vertical-align: baseline; background-image: url(http://designfestival.sitepoint.netdna-cdn.com/wp-content/themes/designfestival/images/comment-icon.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(156, 142, 78); text-decoration: none; display: block; text-align: center; width: 52px; font-style: italic; text-shadow: rgb(255, 255, 255) 0px 1px 0px; position: absolute; top: 4px; right: 0px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; &quot;&gt;2&lt;/a&gt;&lt;/header&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Continuing straight on from my &lt;a title=&quot;Setting Type on the Web: An Introduction&quot; href=&quot;http://designfestival.com/setting-type-on-the-web-an-introduction/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;previous post&lt;/a&gt;, this article will examine legibility and readability more closely by exploring the elementary typographic factors that affect them.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Typography gained its prominence in the print world. As such, the basics of good legibility and readability are well understood, but on a digital medium, we need to take a few additional considerations into account.&lt;/p&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.4em; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.8em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Typeface&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;As previously outlined, typefaces have a significant impact on the text they set. Selecting a good and applicable typeface that honors the copy, and caters for its requirements (e.g. if you know you’ll be setting mathematical symbols, ensure the typeface has glyphs for them) is paramount.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Chances are, you’re setting larger blocks of text. You’ll want to pick a good text font — one that’s designed for setting lengthier blocks of text. The best way to test a typeface as a text face is to set a paragraph of &lt;a title=&quot;Lorem Ipsum: a placeholder text&quot; href=&quot;http://lipsum.lipsum.com/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Lorem Ipsum&lt;/a&gt; in the basic Roman, at size 12px to 14px with a leading of 1 to 1.5 (see &lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;§ Leading&lt;/em&gt; below), and see how it reads. Text faces can be either serif (e.g. Georgia) or sanserif (e.g. Arial).&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Typefaces are declared in &lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt; with the &lt;a title=&quot;SitePoint.com CSS Reference Guide: font-family property&quot; href=&quot;http://reference.sitepoint.com/css/font-family&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;font-family&lt;/code&gt; property&lt;/a&gt; and take descriptive values — either a generic family or specific font family. For example, here’s a &lt;a title=&quot;Wikipedia (EN): VOX-ATypI classification: Transitional&quot; href=&quot;https://secure.wikimedia.org/wikipedia/en/wiki/VOX-ATypI_classification#Transitional&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;transitional serif&lt;/a&gt; font stack:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p {     font-family:         Baskerville,         Times         &#39;Times New Roman&#39;         serif;     }&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.4em; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.8em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Sizing&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;When setting type, select a comfortable size: 14 pixels and up is a good rule of thumb for most screen text fonts. Not many of us have 20 – 20 vision, so better to display your text a tad large than too small.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: bold; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Note:&lt;/strong&gt; JavaScript-​​powered text sizing widgets ≠ accessibility.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Don’t size text arbitrarily; try to stick to a scale:&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/classical-scale_4.png&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-1368&quot; src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/classical-scale_4.png&quot; alt=&quot;The classical scale.&quot; width=&quot;584&quot; height=&quot;85&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;The “classical scale”.&lt;/em&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/another-scale.png&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-1359&quot; src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/another-scale.png&quot; alt=&quot;Another scale.&quot; width=&quot;584&quot; height=&quot;85&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Another scale.&lt;/em&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/fibonacci-scale_1.png&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-1366&quot; src=&quot;http://designfestival.sitepoint.netdna-cdn.com/files/2011/02/fibonacci-scale_1.png&quot; alt=&quot;A scale based on the Fibonacci sequence.&quot; width=&quot;584&quot; height=&quot;110&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;A scale based on the Fibonacci sequence.&lt;/em&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Type is best sized relatively, using ems. An em is the distance that’s horizontally equivalent to the type size in points (e.g. 1em of 12pt type is 12pt; 1em of 16pt type is 16pt). We set font size in &lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt; using the &lt;a title=&quot;SitePoint.com CSS Reference Guide: font-size property&quot; href=&quot;http://reference.sitepoint.com/css/font-size&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;font-size&lt;/code&gt;property&lt;/a&gt;:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p { font-size: 1.2em; }&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Remember that font sizes are inherited within the &lt;acronym title=&quot;Document Object Model&quot;&gt;DOM&lt;/acronym&gt; by children from their parent elements. This can make em sizing calculations for nested elements difficult. A good idea is to size everything in pixels first, and then convert the measurements over to ems. Pixels are easy to work with, but fall short as a fixed unit — particularly when you’re scaling a website (see &lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;§ Measure&lt;/em&gt; below).&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;To calculate the desired value in ems, find the value of 1 pixel in ems, then multiply by the desired font size (in pixels):&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;1 ÷ parent font-​​size × desired pixel value = em value&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;For example, if the parent font size (as defined by, say, the body element) is 16 pixels, but we’d like to size a paragraph — which is a child of the body element — at 12 pixels, we calculate: 1 ÷ 16 × 12, which gives us 0.75em.&lt;/p&gt;&lt;h3 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.5em; padding-right: 0px; padding-bottom: 1.82143em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.5em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;The 62.5% trick&lt;/h3&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;There is a neat trick to simplifying these calculations. Consider the following CSS:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p { font-size: 80%; } blockquote { font-size: 80%; }&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;That styles this markup:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;p&gt;This is a short paragraph, followed by a quote:&lt;/p&gt; &lt;blockquote&gt;     &lt;p&gt;Block quotes are blocks of quoted material, and can hold a        range of things, including paragraphs, lists, and even        headings of course.&lt;/p&gt; &lt;/blockquote&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;80% of 16px is 12.8px, so &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p&lt;/code&gt; and &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;blockquote&lt;/code&gt; elements will be that size, but what happens when we put a &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p&lt;/code&gt; element inside a &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;blockquote&lt;/code&gt; element? The parent (&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;blockquote&lt;/code&gt;) is 12.8px so the &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p&lt;/code&gt; will be rendered at 80% of that: 10.42px.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Guh! This has the potential to be quite confusing. Richard Rutter developed &lt;a title=&quot;AListApart.com: How to Size Text in CSS&quot; href=&quot;http://www.alistapart.com/articles/howtosizetextincss/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;a neat trick to simplify the sizing calculations of nested elements&lt;/a&gt;. Consider:&lt;/p&gt;&lt;ul style=&quot;margin-top: 1.5em; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; list-style-type: disc; list-style-position: initial; list-style-image: initial; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Browsers have a common default size of 16px for text.&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Set the &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;body&lt;/code&gt; to a font-​​size of 62.5%, resetting everything to 10px.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;From this point, the calculations are similar for _​direct descendants_​ of the body, for example, 12px = 1.2em; 8px = 0.8em; and so forth. Deeper nested elements are (still) relative, of course.&lt;/p&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.4em; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.8em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Measure&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;The measure is the line length. It’s important to keep lines at a comfortable length: not too long, and not too short.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;The eye has difficulty going to the next line when measures are too long. A grand and almost infamous example of a website that could do better in this regard is Wikipedia, where the measure is relative to the length of the browser window; expand the window to full-​​screen on a widescreen monitor and notice how suddenly, where there was a comfortable 40 characters per line, you’ll have measures of 100 characters or more.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Conversely, ensure lines aren’t so short that the eye has to drop a line every few words. There are some publication styles where short measures are popular — for example, periodicals — but copy that’s set so short elsewhere begins to look cheap, as if, once read, it could be thrown away just like a newspaper.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Measures are set in &lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt; with the &lt;a title=&quot;SitePoint.com CSS Reference Guide: width property&quot; href=&quot;http://reference.sitepoint.com/css/width&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;width&lt;/code&gt; property&lt;/a&gt;. Ideally, &lt;a title=&quot;456bereastreet.com: Only use ems for the total width of em-based layouts&quot; href=&quot;http://www.456bereastreet.com/archive/201101/only_use_ems_for_the_total_width_of_em-based_layouts/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;set the design or total page width in ems, and columns in percentages&lt;/a&gt;, such that columns, the grid, and the entire page design scale proportionately. For example:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;body {     font-size: 62.5%;     width: 96em;    margin: 0 auto 0 auto;     }     div#content {         width: 75%;         float: left;         }     div#sidebar {         width: 25%;         float: right;         }&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;In this example we’ve used the 62.5% trick to reset the base font size to 10 pixels in the &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;body&lt;/code&gt; and defined a total design width of 960 pixels which is centered. Meanwhile, we’ve defined two &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;div&lt;/code&gt; elements: one as a sidebar with a width of 240 pixels (25% of 960 = 240 pixels) and the other as a content container with width of 720 pixels (75% of 960 = 720 pixels). This design scales perfectly, even when only text-​​only zoom is available.&lt;/p&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.4em; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.8em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Leading&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;It’s important to provide ample space between lines so that the eye can read along and travel between lines with comfort and ease. A good rule is to give copy with short measures less leading, and longer measures more leading.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Leading is controlled in &lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt; using the &lt;a title=&quot;SitePoint.com CSS Reference Guide: line-height property&quot; href=&quot;http://reference.sitepoint.com/css/line-height&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;line-height&lt;/code&gt; property&lt;/a&gt;. You can use it to set unit-​​less number values (e.g. 1.5), whereby it acts as a multiplier of the font size:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;p { line-height: 1.5; }&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;This means the leading will be one and a half times the size of the &lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;font-size&lt;/code&gt;. Unit-​​less values are easier to keep track of, and to work with when setting leading for descendent elements. They also scale nicely.&lt;/p&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.4em; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.8em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Alignment&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Alignment refers to the placement and arrangement of text. When setting blocks of copy, align text to the left margin or “gutter”, and don’t be afraid of having a ragged edge (i.e. “left-​​aligned”, “flush-​​left”, or “ragged-​​right”). Justification is great if there is a sufficient measure to cater for the adjustment of the word-​​spacing and, ideally, if automatic hyphenation is accessible. Avoid justification in narrow columns of text.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Alignment is controlled in &lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/acronym&gt; using the &lt;a title=&quot;SitePoint.com CSS Reference Guide: text-align property&quot; href=&quot;http://reference.sitepoint.com/css/text-align&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;text-align&lt;/code&gt; property&lt;/a&gt;, and takes descriptive values, for example:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;body { text-align: left; }     div#content p { text-align: justify; }     div#content p.verse { text-align: center; }&lt;/code&gt;&lt;/pre&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.4em; padding-right: 0px; padding-bottom: 1.5em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.8em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;The culmination (contrast)&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Legible and readable text has a &lt;a title=&quot;DesignFestival.com: Use Contrasting Fonts for Maximum Impact&quot; href=&quot;http://designfestival.com/use-contrasting-fonts-for-maximum-impact/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;high contrast with its surroundings&lt;/a&gt; without becoming an eye-​​sore. Good contrast is achieved by setting text with the above factors in mind, and by considering the color of the type and the background it’s placed on. A good guiding principle is dark text on a light background, or visa versa. Avoid clashing colous or a barely visible grey on a white background.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;In &lt;acronym title=&quot;Cascading Style Sheets&quot;&gt;CSS,&lt;/acronym&gt; the text color is controlled by the &lt;a title=&quot;SitePoint.com CSS Reference Guide: color property&quot; href=&quot;http://reference.sitepoint.com/css/color&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;color&lt;/code&gt; property&lt;/a&gt;, while the background is controlled by the &lt;a title=&quot;SitePoint.com CSS Reference Guide: background-color property&quot; href=&quot;http://reference.sitepoint.com/css/background-color&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;background-color&lt;/code&gt; property&lt;/a&gt; and takes numerical and descriptive values. Here’s an example:&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;div#content p {     color: #111;     background-color: white;     }&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Pay attention to contrasts when working with light text on a dark background. Dark text on a light background generally has a higher contrast than light text on a dark background. Thus, when light text rests on a dark background check its contrast — increase leading and decrease &lt;a title=&quot;SitePoint.com CSS Reference Guide: font-weight property&quot; href=&quot;http://reference.sitepoint.com/css/font-weight&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;font-weight&lt;/code&gt;&lt;/a&gt; as applicable.&lt;/p&gt;&lt;pre style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 2em; padding-right: 2em; padding-bottom: 2em; padding-left: 2em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 1em; overflow-x: auto; text-shadow: white 0px 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;code style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); background-position: initial initial; background-repeat: initial initial; &quot;&gt;div#footer p {     color: white;     background-color: #333;     line-height: 1.8;     font-weight: lighter;     }&lt;/code&gt;&lt;/pre&gt;&lt;h3 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.5em; padding-right: 0px; padding-bottom: 1.82143em; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-weight: normal; color: rgb(35, 35, 35); font-family: Times, &#39;Times New Roman&#39;, serif; font-size: 1.5em; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Closing&lt;/h3&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.5em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;That’s it. Applying these principles should provide your text with the elementary typographic goodness, as well as better legibility and readability.&lt;/p&gt;&lt;div class=&quot;note&quot; id=&quot;newsletter-teaser&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 240, 233); font-size: 11px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 2px inset; text-shadow: white 0px 1px 0px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;div class=&quot;notetitle&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; letter-spacing: 0.1em; text-transform: uppercase; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;WANT MORE?&lt;/em&gt;&lt;/div&gt;If you want to read more from Simon Pascal, subscribe to our fortnightly web design newsletter, &lt;a href=&quot;http://www.sitepoint.com/newsletter/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-width: 0px; outline-style: initial; outline-color: initial; color: rgb(175, 31, 17); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;the SitePoint &lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-style: italic; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Design View&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;social-buttons-wrap&quot; style=&quot;margin-top: 2em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;div class=&quot;twitter&quot; style=&quot;margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; float: left; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;iframe allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; tabindex=&quot;0&quot; class=&quot;twitter-share-button twitter-count-none&quot; src=&quot;http://platform0.twitter.com/widgets/tweet_button.html?_=1297883569273&amp;amp;count=none&amp;amp;lang=en&amp;amp;text=Achieving%20Good%20Legibility%20and%20Readability%20on%20the%20Web%20%C2%BB%C2%A0Design%20Festival&amp;amp;url=http%3A%2F%2Fdesignfestival.com%2Fachieving-good-legibility-and-readability-on-the-web%2F&quot; title=&quot;Twitter For Websites: Tweet Button&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 55px; height: 20px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/1075574140300034307'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/1075574140300034307'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/02/achieving-good-legibility-and.html' title='Achieving Good Legibility and Readability on the Web'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-5324120409266332770</id><published>2011-01-18T10:51:00.000-08:00</published><updated>2011-01-18T10:53:24.624-08:00</updated><title type='text'>Important SEO Mistakes You Can Fix Instantly</title><content type='html'>&lt;style type=&quot;text/css&quot;&gt; p.p1 {margin: 0.0px 0.0px 16.0px 0.0px; text-align: justify; line-height: 29.0px; font: 24.0px Palatino} p.p2 {margin: 0.0px 0.0px 18.0px 0.0px; text-align: justify; line-height: 25.0px; font: 18.0px Palatino} p.p3 {margin: 0.0px 0.0px 18.0px 0.0px; text-align: justify; line-height: 25.0px; font: 18.0px Palatino; min-height: 19.0px} p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; line-height: 25.0px; font: 18.0px Palatino; min-height: 19.0px} p.p5 {margin: 0.0px 0.0px 18.0px 0.0px; text-align: justify; line-height: 25.0px; font: 18.0px Palatino; color: #20007f} span.s1 {color: #20007f} &lt;/style&gt;   &lt;p class=&quot;p1&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; &gt;&lt;a href=&quot;http://www.devwebpro.com/important-seo-mistakes-you-can-fix-instantly/&quot;&gt;http://www.devwebpro.com/important-seo-mistakes-you-can-fix-instantly/&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class=&quot;p1&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 18px; &quot;&gt;When it comes to optimizing your web site for the &lt;a href=&quot;http://www.google.com/&quot;&gt;&lt;span class=&quot;s1&quot;&gt;search engines&lt;/span&gt;&lt;/a&gt;, search engine optimization, there are a lot of things that you can do that will hurt your &lt;a href=&quot;http://www.billhartzer.com/pages/search-engine-optimization-10-search-engine-ranking-problems/&quot;&gt;&lt;span class=&quot;s1&quot;&gt;search engine rankings&lt;/span&gt;&lt;/a&gt;. Many of these items are &lt;a href=&quot;http://www.billhartzer.com/pages/top-10-mistakes-businesses-make-online/&quot;&gt;&lt;span class=&quot;s1&quot;&gt;easily corrected&lt;/span&gt;&lt;/a&gt;, and some are not.&lt;/span&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;In fact, there are literally hundreds of different factors that come into play when it comes to search engine optimization. And add in new technologies and web sites such as social media web sites and there are even more search engine optimization factors. That said, let’s focus on some of the bigger search engine optimization mistakes that I run across every day when I am reviewing and auditing web sites for search engine optimization.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;It only took a few minutes of brainstorming for me to come up with this list of search engine optimization &lt;a href=&quot;http://www.billhartzer.com/pages/funniest-pay-per-click-keyword-mistake-revealed/&quot;&gt;&lt;span class=&quot;s1&quot;&gt;mistakes&lt;/span&gt;&lt;/a&gt;. There are quite a bit more SEO mistakes on my search engine optimization audit list. Of course your web site may not suffer some of these search engine optimization maladies. But it is good to go through this SEO checklist of mistakes just to make sure.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Your website was entirely built in Flash.&lt;/b&gt;&lt;br /&gt;One way to tell is to go to your web site’s home page. When you click a link or visit a web page on your web site, does the URL change? If you click a link and it goes to another page, such as domain.com/page.html then most likely your web site is not totally built in Flash. Flash can be embedded into html pages, so you may be okay–just make sure that you have other content on your web pages (lots of text) so that the search engines can read what your web page is about: search engines generally do not index and read Flash.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Duplicate Content&lt;/b&gt;&lt;br /&gt;Having the same text or content on more than one web page is not recommended. The search engines only like to index one version: and they will typically not index multiple copies of the same text. So, if you have all sorts of duplicate &lt;a href=&quot;http://www.billhartzer.com/pages/search-engine-optimization-why-your-web-content-strategy-must-involve-promotion/&quot;&gt;&lt;span class=&quot;s1&quot;&gt;content&lt;/span&gt;&lt;/a&gt; on your web site, it’s not likely going to be indexed and therefore your website is not going to rank as well as it could in the search engines. Duplicate content could be on your web site, but you could also be using content (text) from other web sites. In ecommerce situations, frequently web sites will use the default product descriptions from the manufacturers. That is not recommended, as several different web sites may be using the same content. Your content must be unique. In the hotel industry, it is common for a hotel description to be used more than once. Again, that is not recommended. Your best bet is to hire a writer to write unique content (or rewrite the content).&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not linking to your real home page&lt;/b&gt;&lt;br /&gt;One common mistake I see over and over again is that a web site will not link to its real home page. Your web site’s real home page is at http://www.domain.com/ and not at http://www.domain.com/index.html. Index.html is actually a duplicate copy: and other web sites don’t link to http://www.domain.com/index.html they will link to http://www.domain.com/ (without the index.html). So, you need to be consistent–always link to the main version of your home page.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Splash Page as your home page&lt;/b&gt;&lt;br /&gt;Splash pages are not recommended, in any situation. Splash pages don’t generally contain text content. Your web site is not a movie, and it does not need “opening credits”. Make your home page the best most important page on your web site. After all, other web sites link to it.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not having Unique Title Tags&lt;/b&gt;&lt;br /&gt;Every web page on your web site is unique. Make it that way. Your title tag describes what is on your web page and what people will find when they visit that web page. The title tag is used as part of the actual search result, so make sure that people will find the information they need and want to click from the search result to your web page.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not having unique Meta Description tags&lt;/b&gt;&lt;br /&gt;Just like the meta description tag, it must uniquely describe the content on the web page. Just like the title tag, the meta description is often used in the actual search result. Make it good enough for people to want to click on into your web site from a search result.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not properly adding alt tags to images&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;Alt tags describe the content of images. Not only for accessibility purposes, the search engines use these as part of the search engine ranking factors. Make sure that every image on your web site has a proper alt tag.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;No Robots.txt file&lt;/b&gt;&lt;br /&gt;The robots.txt file will keep the search engines (most of them) out of certain parts of your web site. There is no reason for certain directories on your web site to be crawled. This is also helpful to keep the search engines from indexing certain duplicate copies of your web pages, such as the “print version” of a web page that may be a duplicate. The robots.txt file should also contain other information, like the location of the sitemap.xml file.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;No sitemap file&lt;/b&gt;&lt;br /&gt;If you particularly have a large web site or your web site frequently adds content then you should have a sitemap.xml file. It’s not required, but is helpful.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not updating your website&lt;/b&gt;&lt;br /&gt;Web sites, just like a loaf of bread, get stale if they aren’t updated on a regular basis. Your business is fluid, something is always happening, so your web site should reflect that. Even if you decide not to have a blog or other fluid content on your web site, you should at least publish a press release once a month. This will add content to your web site, and keeping it fresh (link to your latest press releases on the home page of your web site) will ultimately help search engine rankings.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not getting new links to your website&lt;/b&gt;&lt;br /&gt;Your web site should be getting at least a few new links every month. Even if you don’t actively seek these out, you should be getting more links, and even distributing a press release will help.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Improper use of internal anchor text&lt;/b&gt;&lt;br /&gt;You have control of how you link to other web pages. The anchor text (the clickable link text) should accurately describe the content of the page that you’ll get to when you click a link. Don’t use “click here” and other nonsense anchor text in your links. If you are linking to the privacy policy page, then use the anchor text “privacy policy”.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;No breadcrumb trail&lt;/b&gt;&lt;br /&gt;A breadcrumb trail can add more links to your web site, especially if you are in a situation where your navigation is in images (they are image links).&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Linking out to too many websites&lt;/b&gt;&lt;br /&gt;Don’t make your web site what is called a “link farm”. Be careful who you link to, you are the “company you keep”. Link out to spam web sites and your web site could be considered to be spam. Too many outgoing links is tougher to maintain over time, as many web sites go down, are bought, or just don’t exist anymore. The should be more incoming links to your web pages than outgoing links on pages.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not linking to trusted, authority websites&lt;/b&gt;&lt;br /&gt;Your web site should link out to trusted, authority-type web sites in your niche or topic.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Keyword stuffing&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;If a keyword is not on your web page in the body copy, it should not appear in your title tag, meta description tag, or meta keywords tags. Don’t put keywords anywhere on your web page just to get search engine rankings. Create web pages for the website vistors, many people will not like your web page if you mention a keyword over and over and over again. It just doesn’t “read right”.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;When linking to other pages on your website, some links redirect to other URLs.&lt;/b&gt;&lt;br /&gt;You have control over all the internal links on your web site. If you move a page or remove a web page, you also need to fix the links on your web site that linked to that page.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;No proper 404 errors on your website&lt;/b&gt;&lt;br /&gt;If someone (or a search engine) requests a page that does not exist, your web site should deliver a proper 404 error.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Changing the entire site structure and not redirecting pages&lt;/b&gt;&lt;br /&gt;If you update or redesign your web site, it is preferable to use the same URLs on pages. Sometimes that is not the case, especially when you switch to another content management system. If a page changes, then you need to set up a 301 Permanent Redirect to the new location.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not viewing your 404 errors in your website stats&lt;/b&gt;&lt;br /&gt;Don’t just rely on your web site stats if you are using a JavaScript-based web analytics package. There may be a lot of traffic going to a web page that doesn’t exist: or some other web site may be linking to a web page on your site that does not exist. You can easily recover that traffic or redirect that traffic to the proper page if you view your 404 errors. The only way to do that is to analyze your web site’s log files.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not viewing your redirect errors in your website stats&lt;/b&gt;&lt;br /&gt;Just like I mentioned with the 404 errors, your log files will give you information about your redirects. Analyze your log files and you’ll get a lot of good information that you can use to view redirects. Make sure they are set up properly and redirecting properly.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not promoting your blog posts&lt;/b&gt;&lt;br /&gt;Every blog post should be promoted on the social media web sites soon after they are posted. Getting links to your blog posts is a critical part of search engine optimization.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not optimizing your blog properly&lt;/b&gt;&lt;br /&gt;WordPress, for example, usually generates a lot of duplicate content out-of-the-box when it is installed. It’s important to optimize your blog posts (title tag, URLs, meta tags, etc.) and even the overall blog template (or theme) to make sure that each blog post can rank well in the search engines.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Not having search engine friendly URLs&lt;/b&gt;&lt;br /&gt;Don’t use parameters in your URLs. Your URLs should accurately describe the content of the web page. Your privacy policy page should be privacypolicy.html or domain.com/privacy-policy/ rather than domain.com/125.html.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Owning multiple domain names and they all are mirrors of your main website.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;You have one main web site. Pick one domain name and set up a 301 Permanent Redirect from ALL the others to your main web site’s home page.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;These are only a few of the hundreds of common search engine optimization mistakes that I see every day over and over again. I perform a lot of search engine optimization audits on a regular basis, and I typically find myself cleaning up after poor web design, poor internal linking structures, and what I would call “typical” search engine optimization mistakes. Hopefully by viewing this list you have been able to find at least a few SEO mistakes that you can fix.&lt;/p&gt; &lt;p class=&quot;p5&quot;&gt;&lt;a href=&quot;http://www.billhartzer.com/pages/25-important-search-engine-optimization-mistakes-to-fix/&quot;&gt;Comments&lt;/a&gt;&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5324120409266332770'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5324120409266332770'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/01/important-seo-mistakes-you-can-fix.html' title='Important SEO Mistakes You Can Fix Instantly'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-2042914619454096372</id><published>2011-01-15T00:13:00.001-08:00</published><updated>2011-01-15T00:13:51.317-08:00</updated><title type='text'>8 Tools For Easily Creating a Mobile Version of Your Website</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: helvetica; font-size: 15px; line-height: 24px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;http://mashable.com/2010/12/16/create-mobile-site-tools/&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;As an entrepreneur, you’re most likely always on the lookout for new developments. Perhaps your customers are reporting that your site needs a mobile version so that they can visit it while they’re on the go, or maybe you recently saw a competitor’s site through your mobile device; it looked slick, and now you’re feeling outclassed.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;The mobile web is burgeoning. &lt;a target=&quot;_blank&quot; href=&quot;http://www.netmarketshare.com/os-market-share.aspx?qprid=9&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Usage of iOS&lt;/a&gt;, the operating system for Apple mobile devices such as the iPhone and iPad, almost doubled in just seven months (from March 2010 to October 2010), according to Netmarketshare. This is an indicator of just how many people are browsing websites, more and more, through their mobile devices instead of their computers.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Small businesses should be on top of this trend. To help out, we’ve compiled a list of easy-to-use tools for creating mobile sites. The tools in this list were purposely chosen for ease of use — that is, they’re all aimed at site owners who don’t have any web development/coding experience. They’re perfect solutions for small- and medium-sized businesses because of their cost effectiveness (and most are even free).&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;How These Tools Work&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Most of the tools below have graphical user interfaces and copy-and-paste code blocks that can be installed on your site quite easily. If you can install a tool like Google Analytics on your site yourself, you’ll be able to use these tools.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;These tools work by detecting the user agent of your site visitors, which is just fancy talk for finding out whether a visitor is using a regular web browser or a mobile web browser. If the user agent is a mobile browser, users are redirected to your website’s mobile version. The common practice is to assign the mobile version of your site with a sub-domain as such m.yourwebsite.com. In this manner, your site traffic is forked into two segments, giving all of your site visitors an optimal browsing experience.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;1. &lt;a target=&quot;_blank&quot; href=&quot;http://mobify.me/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Mobify&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://7.mshcdn.com/wp-content/uploads/2010/11/01_mobify.jpg&quot; alt=&quot;&quot; title=&quot;01_mobify&quot; width=&quot;630&quot; height=&quot;312&quot; class=&quot;alignnone size-full wp-image-456153&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Mobify allows you to create a mobile version of your website through an intuitive and user-friendly graphical user interface (GUI). Setup is a breeze, and you can have your very own mobile site in minutes.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;If you run an e-commerce store, even better! Mobify has the &lt;a target=&quot;_blank&quot; href=&quot;http://mobify.me/mobile-commerce/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Mobile Commerce&lt;/a&gt; platform that’s geared specifically toward e-stores for the mobile web.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Mobify runs on a freemium model, but its free version is very generous and includes the option for a custom domain (such as m.yourwebsite.com). The paid plans start at $249 per month and include features such as the removal of the Mobify logo on your mobile site, mobile analytics for reporting site traffic stats, and so on.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;2. &lt;a target=&quot;_blank&quot; href=&quot;http://www.wirenode.com/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Wirenode&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://5.mshcdn.com/wp-content/uploads/2010/11/02_wirenode.jpg&quot; alt=&quot;&quot; title=&quot;02_wirenode&quot; width=&quot;630&quot; height=&quot;295&quot; class=&quot;alignnone size-full wp-image-456155&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Companies such as Ford, Nokia and Reebok use Wirenode, a mobile website generator that has helped more than 50,000 websites create mobile-device-friendly versions of their sites.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Its free plan has a user-friendly editor for designing your mobile site, free hosting for up to three mobile sites, website statistics reporting, and more. The paid plans start at 15 Euros per month (about $19.80 USD), with upgrades such as support for custom domains and the removal of Wirenode advertisements.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;3. &lt;a target=&quot;_blank&quot; href=&quot;http://mippin.com/web/maker/mobilize.jsp?from=blog&amp;amp;new=1&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Mippin Mobilizer&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://4.mshcdn.com/wp-content/uploads/2010/11/03_mippin_mobilizer.jpg&quot; alt=&quot;&quot; title=&quot;03_mippin_mobilizer&quot; width=&quot;630&quot; height=&quot;430&quot; class=&quot;alignnone size-full wp-image-456157&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;If you’re strapped for time, Mippin Mobilizer is a no-frills tool that will take you minutes to use. All you have to do is enter your site’s RSS feed URL, configure some options, sign up for an account, install some code on your site, and you’re done! As you set up your mobile site, it has a live preview on the right-hand-side so that you can see the progression of your site’s design as you configure it.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;4. &lt;a target=&quot;_blank&quot; href=&quot;http://www.onbile.com/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Onbile&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://6.mshcdn.com/wp-content/uploads/2010/11/04_onbile.jpg&quot; alt=&quot;&quot; title=&quot;04_onbile&quot; width=&quot;630&quot; height=&quot;522&quot; class=&quot;alignnone size-full wp-image-456159&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Onbile promises that you can have a mobile version of your site in five minutes or less. It delivers this promise by giving you an intuitive user interface for constructing your mobile site and a custom-generated script to paste into your index page so that when mobile device users visit your site, they are redirected to the mobile version. You can select one of 13 customizable templates as a starting point for your mobile site design.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;5. &lt;a target=&quot;_blank&quot; href=&quot;http://winksite.com/site/index.cfm&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Winksite&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://8.mshcdn.com/wp-content/uploads/2010/11/05_winksite.jpg&quot; alt=&quot;&quot; title=&quot;05_winksite&quot; width=&quot;630&quot; height=&quot;501&quot; class=&quot;alignnone size-full wp-image-456163&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;If you’re interested in creating an online community based around your mobile site, check out Winksite, a web app for building a mobile community for your website.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;It even generates your very own QR code, a two-dimensional code readable by mobile devices with QR scanners and used to automatically pull up text, photos, videos, music and URLs. There are many ways to use &lt;a href=&quot;http://mashable.com/2010/06/23/qr-codes-small-biz/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;QR codes for small business marketing&lt;/a&gt;. You can print your QR code on your business card, print ads and other branding materials, and when mobile users want to visit your mobile site, they just need to use their mobile device cameras to scan the QR code.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;If you would like to generate a QR code without having to use Winksite, check out this free web-based tool called&lt;a target=&quot;_blank&quot; href=&quot;http://qrcode.kaywa.com/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;QR-Code Generator&lt;/a&gt;.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;6. &lt;a target=&quot;_blank&quot; href=&quot;http://mobilepress.co.za/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;MobilePress&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://7.mshcdn.com/wp-content/uploads/2010/11/06_mobilepress.jpg&quot; alt=&quot;&quot; title=&quot;06_mobilepress&quot; width=&quot;630&quot; height=&quot;350&quot; class=&quot;alignnone size-full wp-image-456165&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Do you use the WordPress publishing platform for your website? If so, you’re in luck because there’s a bevy of plug-and-play WordPress plugins for automatically generating a mobile version of your website. One such plugin is MobilePress, a free WordPress plugin for creating a mobile theme for your WordPress-powered site. Another WordPress plugin to consider is &lt;a target=&quot;_blank&quot; href=&quot;http://wordpress.org/extend/plugins/wordpress-mobile-edition/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;WordPress Mobile Edition&lt;/a&gt;.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;7. &lt;a target=&quot;_blank&quot; href=&quot;http://iwebkit.net/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;iWebKit&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://6.mshcdn.com/wp-content/uploads/2010/11/07_iwebkit.jpg&quot; alt=&quot;&quot; title=&quot;07_iwebkit&quot; width=&quot;630&quot; height=&quot;401&quot; class=&quot;alignnone size-full wp-image-456169&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;iWebKit is a simple framework for creating your own iPhone/iPod touch apps. It can be used to create an app like&lt;a href=&quot;http://mashable.com/2009/04/01/mashable-iphone-app/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;&lt;em&gt;Mashable&lt;/em&gt;‘s iPhone app&lt;/a&gt;, for example.&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Though iWebKit can be used by anyone, even without knowledge of HTML, it isn’t as user-friendly as the other tools mentioned above and requires that you download and install the app as well as read the &lt;a href=&quot;http://iwebkit.net/tag/user-guide&quot; target=&quot;_blank&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;user manual&lt;/a&gt;. But for a small time investment (no cash needed, the iWebKit framework is free), you can have your very own iPhone app just like the big kids.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;8. &lt;a target=&quot;_blank&quot; href=&quot;http://www.mofuse.com/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;MoFuse&lt;/a&gt;&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://5.mshcdn.com/wp-content/uploads/2010/11/08_mofuse.jpg&quot; alt=&quot;&quot; title=&quot;08_mofuse&quot; width=&quot;630&quot; height=&quot;240&quot; class=&quot;alignnone size-full wp-image-456173&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;MoFuse is loaded with a large set of features for building and managing your mobile site. It’s aimed at agencies, news media, and small- and medium-sized businesses. Prices range from $7.95 to $199 per month and include features such as site analytics reporting, support for more than 5,000 different mobile devices, customer support, a QR code manager, and more.&lt;/p&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h2 style=&quot;font-size: 14pt; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Bonus: Resources for Testing and Evaluation&lt;/h2&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; line-height: 24px; &quot;&gt;Once you use one of the tools above and have your very own mobile version of your main site, it’s a good practice to ensure that everything’s in order. Here are additional tools and resources for testing and evaluating your new mobile website.&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://ready.mobi/launch.jsp?locale=en_EN&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;mobiReady&lt;/a&gt; – This tool will test your site for dotMobi compliance and W3C mobileOK compliance, sets of mobile website standards that ensure an optimal and accessible mobile-site user experience. It also looks for errors and gives you a user-friendly report of any errors discovered. It’s easy to use — just plug in the URL of your mobile site.&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://validator.w3.org/mobile/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;W3C mobileOK Checker&lt;/a&gt; – W3C has an official tool for checking a mobile site’s “mobile-friendliness”.&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://ipadpeek.com/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;iPad Peek&lt;/a&gt; – Don’t have an iPad? That’s quite alright, you can still see how your mobile site looks through the popular Apple mobile device using this tool that emulates what people see on the iPad.&lt;/li&gt;&lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;http://www.w3.org/TR/mobile-bp/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Mobile Web Best Practices 1.0&lt;/a&gt; – W3C, the standards body for many of the web’s technologies (such as CSS, HTML and JavaScript), has a document that outlines mobile web best practices. This is aimed at web developers and can be a pretty dry read, but it’s worth a few moments to read and look over it.&lt;/li&gt;&lt;/ul&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/2042914619454096372'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/2042914619454096372'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/01/8-tools-for-easily-creating-mobile.html' title='8 Tools For Easily Creating a Mobile Version of Your Website'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-1784555657178063640</id><published>2011-01-14T23:47:00.000-08:00</published><updated>2011-01-14T23:48:18.574-08:00</updated><title type='text'>10 Predictions for Web Development in 2011</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: helvetica; font-size: 15px; line-height: 24px; &quot;&gt;&lt;h1 style=&quot;font-size: 15pt; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(34, 34, 34); &quot;&gt;10 Predictions for Web Development in 2011&lt;/h1&gt;&lt;span class=&quot;meta&quot; style=&quot;font-size: 14px; color: rgb(102, 102, 102); &quot;&gt;Monday, December 27, 2011 11:52 AM&lt;/span&gt;&lt;/span&gt;&lt;div&gt;&lt;span class=&quot;meta&quot;&gt;&lt;/span&gt;&lt;span class=&quot;Apple-style-span&quot;    style=&quot;font-family:helvetica;font-size:130%;color:#666666;&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 14px; line-height: 24px;&quot;&gt;http://mashable.com/2010/12/27/web-development-predictions/&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: helvetica; font-size: 15px; line-height: 24px; &quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: helvetica; font-size: 15px; line-height: 24px; &quot;&gt;&lt;span class=&quot;meta&quot; style=&quot;font-size: 14px; color: rgb(102, 102, 102); &quot;&gt;&lt;/span&gt;As a class, developers have had a fantastic year in 2010.We&#39;ve made headlines, grabbed the limelight, been vilified and glorified beyond all reason and gotten paid pretty nicely along the way. And the bubble of consumer web apps just continues to swell, so there are no signs (yet) that 2011 will bring anything short of grandeur for the web and mobile development communities.Looking ahead to what the coming year might hold, there are a few sure bets and a few speculations we&#39;d like to offer. Some are, as noted, almost certainly bound to come true. Others are more along the lines of hopes and prayers than hard-and-fast predictions we&#39;d stake money on.With that in mind, here are 10 things we think the world of hacking will hold in 2011.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;1. There Will Be a Need to Understand and Optimize for All Form Factors&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;Even the most brainless of &quot;social media gurus&quot; could tell you this one. With the surging popularity and newfound accessibility and affordability of smartphones -- thanks in large part to the growth of the &lt;a href=&quot;http://mashable.com/tag/android&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Android&lt;/a&gt; platform -- we&#39;ve had to optimize for the mobile web and learn about mobile applications a lot in the past year in particular.Now, as tablets begin to creep into the market, we&#39;re having to craft new experiences for those, as well. We&#39;re constantly forced to consider form factor when creating new sites and apps. Will it run Flash? What about screen resolution? Font size?Almost every developer worth his or her salt will have to become increasingly adept at developing for the myriad form factors set to dominate the gadget market in 2011.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;2. There Will Be Breakout, Cross-Platform Mobile Development Tools&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;With all the mobile growth that&#39;s been occurring, especially given the current state of the iOS/Android market shares, the time has never been riper for a great mobile framework, SDK or IDE to enter the arena.Hopefully, sometime in 2011, we&#39;ll see a new group of flexible and robust tools that can facilitate app development for any number of operating systems -- including tablet-specific or forked OSes. We&#39;re talking more than &lt;a href=&quot;http://en.wikipedia.org/wiki/WYSIWYG&quot; target=&quot;_blank&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;WYSIWYG&lt;/a&gt;, DIY app-builders and more than iPhone-to-Android porting tools; we want to see serious, mobile-centric power tools in 2011.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;3. Investment in Cloud-Based, Collaborative Development Tools&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://cdn.mashable.com/wp-content/uploads/2010/12/cloud-programming-640.jpg&quot; title=&quot;Cloud Programming&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;/center&gt;We&#39;ve seen some interesting starts in community-based, online coding. There are a few collaborative code editing apps, some of them with real-time capabilities.We&#39;re looking forward to seeing more and better apps for cloud-based, collaborative coding in 2011 -- something like a better &lt;a href=&quot;http://mashable.com/tag/wave&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Wave&lt;/a&gt;, created specifically with hackers in mind. This will allow for better and faster work to be generated by an increasingly decentralized hacker community. It&#39;ll also pave the way for improved on-the-job learning and open-source hacking.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;4. WYSIWYG Tools Get Better and Grow&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;While WYSIWYG tools of the past -- and, who are we kidding, the present -- often lead to spaghetti code of the ugliest variety, we just keep seeing more and more of them.We&#39;re going out on a limb and predicting (or hoping) that WYSIWYG and split-screen (WYSIWYG and code) developer tools become more sophisticated. Whether they get better or not, they&#39;re definitely going to continue to proliferate, especially for the novice coder and the DIY non-coder markets. Still, we&#39;re being told the code on the other side of the GUIs is getting better all the time.Who knows? 2011 could be the year WYSIWYGs stop sucking.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;5. We&#39;ll Keep Building &quot;Touchable,&quot; App-like UIs&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://cdn.mashable.com/wp-content/uploads/2010/12/facebook_mobile.jpg&quot; alt=&quot;Facebook Mobile Privacy&quot; title=&quot;Facebook Mobile Privacy&quot; width=&quot;225&quot; height=&quot;225&quot; class=&quot;aligncenter size-full wp-image-464841&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;/center&gt;All that stuff we said earlier about form factors kind of applies here, too, but in reverse. Your sites will have to look better on mobile devices and tablets, yes; but also, they&#39;ll continue to natively look and feel more like mobile and tablet apps.Some folks, a couple of &lt;em&gt;Mashable&lt;/em&gt; staffers included, aren&#39;t happy about the app-itization of the entire Internet. Call us old-fashioned, but we like our websites to be websites and our mobile apps to be mobile apps.The average consumer, however, seems to delight in the shiny, touchable, magazine-like interfaces taking over the iPad and similar devices. Expect to be asked to make more and more app-like sites in 2011.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;6. There Will Be a Higher Standard for Web and Mobile Security&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;The past year has been a bit of a horror show when it comes to web security. There have been a handful of &lt;a href=&quot;http://mashable.com/2009/12/30/rockyou-lawsuit/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;high-profile hacks&lt;/a&gt; that exposed user data to the world; there was also &lt;a href=&quot;http://mashable.com/?s=facebook+privacy&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;much confusion&lt;/a&gt; on the user&#39;s side of the screen as to how security works on a personal level.We predict -- nay, we dream -- that in 2011, developers of consumer-facing apps will be extra careful with things like data encryption, user privacy controls and other security issues.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;7. Third-Party App Development Will Plateau&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;Building a &lt;a href=&quot;http://mashable.com/category/facebook/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Facebook&lt;/a&gt; app or a &lt;a href=&quot;http://mashable.com/category/twitter/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Twitter&lt;/a&gt; app was all the rage in 2009, but something shifted in 2010, right around the time of Twitter&#39;s &lt;a href=&quot;http://mashable.com/tag/chirp&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Chirp&lt;/a&gt; developer conference: Developers found out that building on someone else&#39;s platform was a good way to set yourself up for failure, especially when the platform decides to shift direction, change its APIs, acquire a competitor, or simply change its terms of use.We predict that developing these kinds of apps will plateau and even taper off in 2011. The web is glutted with third-party social media tools; many devs are beginning to realize there&#39;s more money and more interesting challenges elsewhere. In the end, social networks will be more interesting to advertisers large and small than to independent and third-party developers.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;8. Ruby Will Get Some Cool Optimizations and Tools&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;We&#39;ve seen lots of cool tricks and optimization tweaks around Python and PHP; 2011, however, will be the year for better Ruby tools.The Ruby language is becoming extremely popular in developing consumer-facing web apps, and we&#39;re sure to see some big-name companies release open-source tools and even improvements to the Ruby core -- think along the lines of what Facebook did last year with HipHop or Google&#39;s Unladen Swallow project.&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;9. NoSQL Technologies Will Stake Their Ground&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;center style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;img src=&quot;http://cdn.mashable.com/wp-content/uploads/2010/12/foursquare-princess.jpg&quot; style=&quot;max-width: 600px; height: auto; &quot; /&gt;&lt;/center&gt;We&#39;ve seen and heard interesting things from the &lt;a href=&quot;http://en.wikipedia.org/wiki/NoSQL&quot; target=&quot;_blank&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;NoSQL&lt;/a&gt; corners of the web this year... and by &quot;interesting,&quot; we don&#39;t necessarily mean &quot;good.&quot;NoSQL technologies have had some high-profile hiccups this year (remember that&lt;a href=&quot;http://mashable.com/2010/10/07/mongodb-foursquare/&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;MongoDB/Foursquare&lt;/a&gt; disaster?), but we&#39;ve been assured that what doesn&#39;t kill NoSQL only makes it stronger and more stable.That being said, we&#39;re not predicting the demise of MySQL any time soon. As one astute Twitter friend&lt;a href=&quot;http://twitter.com/#!/ljharb/status/18117768939311105&quot; target=&quot;_blank&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;wrote&lt;/a&gt;, &quot;Relational databases have their place, as do NoSQL solutions. To blindly choose one over the other is shortsighted.&quot;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;&lt;h3 style=&quot;font-size: 12pt; font-weight: normal; color: rgb(119, 119, 119); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;10. Open-Source Software Will See Unprecedented Growth&lt;/h3&gt;&lt;hr style=&quot;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; &quot;&gt;Open-sourcing interesting or unused tech is a trend we like to see from companies like Google and Facebook. In fact, we hope to see even more open-source contributions from proprietary software giants in 2011.It&#39;s not just the big players who are writing great open-source code. We know a lot of web startups are working on internal tools that&#39;ll also be open-sourced in 2011. There are more youngsters (and not-so-youngsters) joining the ranks of hackers every year; many of them are being encouraged by sites like this one to make valuable contributions to the open-source community.We predict more awesome open-source software than ever in 2011. Will it be a victory by&lt;a href=&quot;http://mashable.com/tag/stallman&quot; style=&quot;color: rgb(5, 118, 160); &quot;&gt;Stallman&lt;/a&gt;&#39;s standards? Probably not, as it won&#39;t be exclusive of proprietary software creation, sale and licensing. But the trend toward more FOSS is a good one, and one that we&#39;ll continue to report on in the year to come.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/1784555657178063640'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/1784555657178063640'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/01/10-predictions-for-web-development-in.html' title='10 Predictions for Web Development in 2011'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-2115519123796424760</id><published>2011-01-14T23:43:00.000-08:00</published><updated>2011-01-14T23:45:20.046-08:00</updated><title type='text'>4 Predictions for Web Design in 2011</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot;   style=&quot; color: rgb(71, 71, 71);  line-height: 17px; font-family:Arial, Helvetica, sans-serif;font-size:13px;&quot;&gt;&lt;header class=&quot;entry-title summary&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 10px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; display: block; border-top-style: solid; border-top-color: rgb(245, 245, 245); background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;h1 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 25px; font-weight: 600; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; clear: both; line-height: 32px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a href=&quot;http://mashable.com/2010/12/30/web-design-predictions/&quot; class=&quot;headline source-org&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 25px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;4 Predictions for Web Design in 2011&lt;/a&gt;&lt;/h1&gt;&lt;div class=&quot;byline reviewer vcard meta&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 12px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 0.85em; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(153, 153, 153); border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204); background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;a class=&quot;author_image url&quot; href=&quot;http://mashable.com/author/jacob-gube/&quot; rel=&quot;me&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://8.mshcdn.com/wp-content/authors/Jacob%20Gube-384.jpg&quot; alt=&quot;Jacob Gube&quot; class=&quot;author_image photo&quot; style=&quot;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; height: 32px; width: 32px; float: left; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;time class=&quot;date dtreviewed&quot; datetime=&quot;Thu, 30 Dec 2010 14:08:59 -0400&quot; pubdate=&quot;&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;15 days ago&lt;/time&gt; by &lt;span class=&quot;author fn n&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- background-position: initial initial; background-repeat: initial initial; font-size:11px;color:transparent;&quot;&gt;&lt;a href=&quot;http://mashable.com/author/jacob-gube/&quot; title=&quot;Posts by Jacob Gube&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 11px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Jacob Gube&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;/header&gt;&lt;div class=&quot;description&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;p size=&quot;13px&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img src=&quot;http://cdn.mashable.com/wp-content/uploads/2010/12/web-design-225.jpg&quot; width=&quot;225&quot; height=&quot;225&quot; class=&quot;alignright&quot; title=&quot;Web Design Image&quot; style=&quot;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; float: right; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;em style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Jacob Gube is the founder/chief editor of &lt;a href=&quot;http://sixrevisions.com/&quot; target=&quot;_blank&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Six Revisions&lt;/a&gt;, a popular web development and design site, and the deputy editor of &lt;a href=&quot;http://designinstruct.com/&quot; target=&quot;_blank&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Design Instruct&lt;/a&gt;, a web magazine for designers. He has more than seven years of experience as a professional web developer and has written a&lt;a href=&quot;http://www.amazon.com/MooTools-Beginners-Guide-Jacob-Gube/dp/1847194583&quot; target=&quot;_blank&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;book on JavaScript&lt;/a&gt;. Connect with him via &lt;a href=&quot;http://twitter.com/sixrevisions&quot; target=&quot;_blank&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Twitter&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;&lt;p size=&quot;13px&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;There’s never been a more exciting time to be a web designer; but being a member of this fast-paced, persistently metamorphic profession, I’ll probably end up saying this at the end of every year until I retire.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;But with the web design industry abuzz with new specifications like&lt;a href=&quot;http://mashable.com/tag/html5&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;HTML5&lt;/a&gt; and &lt;a href=&quot;http://mashable.com/tag/css3&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;CSS3&lt;/a&gt;, and cutting-edge frontiers like the mobile web, I can’t help but wonder what the future will look like in the new year. Here are four predictions for the future of web design.&lt;/p&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;h2 style=&quot;margin-top: 24px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 16px; font-weight: bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;1. Mobile Web Goes Mainstream&lt;/h2&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;The mobile web has been the dominant subject in web design for the past 2+ years. A quick peek at &lt;a href=&quot;http://mashable.com/2010/04/05/dribbble-twitter-for-designers/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Dribbble&lt;/a&gt;, a social media site where designers share their projects, will show you that many of us are working on mobile device apps and interfaces.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;However, it’s still safe to say that most websites have given little to no attention to their mobile web presence. Most of the innovative mobile device web designs we’re seeing are on big, industry-leading, tech-centric sites such as Amazon.com, &lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;Google&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/336661-Google&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/336661-Google.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-07&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_07.png?1265851550&quot; alt=&quot;Google&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;, and &lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;Digg&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/336668-Digg&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/336668-Digg.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-05&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_05.png?1265851550&quot; alt=&quot;Digg&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;, or niche sites targeted toward web designers (such as &lt;i style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;A List Apart&lt;/i&gt;).&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Where we’re not seeing mobile web design implementations are in run-of-the-mill company and corporate sites. Small- and medium-sized businesses, Fortune 500 companies, and government websites are sadly falling behind instead of in line.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;center&gt;&lt;img src=&quot;http://7.mshcdn.com/wp-content/uploads/2010/12/01_mobile_web_version.jpg&quot; alt=&quot;&quot; title=&quot;Mobile Web versions&quot; width=&quot;630&quot; height=&quot;500&quot; class=&quot;aligncenter size-full wp-image-485113&quot; style=&quot;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;However, companies are beginning to see the rewards of meeting the needs of mobile device users. In the years to come, there will be a significant shift in attention toward the mobile web presence in all websites.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;There are already several mobile web tools you can use for creating a &lt;a href=&quot;http://mashable.com/2010/12/16/create-mobile-site-tools/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;mobile web version&lt;/a&gt; of your site; it’s time companies seriously look into implementing these cost-effective and relatively simple solutions as either a stop-gap solution or a permanent one.&lt;/p&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;h2 style=&quot;margin-top: 24px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 16px; font-weight: bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;2. Web Design as a Profession Will Become Specialized&lt;/h2&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Web designers are increasingly contending with many roles and tasks. What used to be just HTML, CSS and designing static brochure sites for the desktop has extended to designing web-enabled solutions for mobile devices, web apps, rich &lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;Internet&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/603086-Internet&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/603086-Internet.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-07&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_07.png?1265851550&quot; alt=&quot;Internet&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt; application (RIA) interfaces, content management systems (CMS) and much more.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;We’re tasked with making harmonious designs that carry a website’s brand across all platforms and situations — designs that establish the company’s brand whether it’s being viewed in a 28-inch desktop monitor or an&lt;a href=&quot;http://mashable.com/tag/android&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Android&lt;/a&gt;&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/336868-Android&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/336868-Android.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-07&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_07.png?1265851550&quot; alt=&quot;Android&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt; smartphone.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;This leads to two things. Job security is one, but the other is the need to distribute these tasks so that we can specialize and excel in one specific area.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;In the future, there will be greater stratification of the role of web designer. Right now, web app designers, mobile app designers and traditional website designers are clustered under the umbrella title of “web designer.”&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Just as the profession of being a doctor and the field of medicine are branched out into sub-fields such as oncology, dentistry and neurology, we may see a similar division in the field of web design. I can see specializations such as mobile web designer, content management system designer (with further sub-specializations such as &lt;a href=&quot;http://mashable.com/tag/wordpress&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;WordPress&lt;/a&gt;&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/336657-WordPress&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/336657-WordPress.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-07&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_07.png?1265851550&quot; alt=&quot;WordPress&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt; theme designer or &lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;Drupal&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/392368-Drupal&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/392368-Drupal.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-05&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_05.png?1265851550&quot; alt=&quot;Drupal&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt; theme designer), and RIA interface designer becoming a reality and being in demand as we move forward.&lt;/p&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;h2 style=&quot;margin-top: 24px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 16px; font-weight: bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;3. Simpler Aesthetics for Websites&lt;/h2&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;There’s been a sweeping trend in the way new websites are being visually designed. Web designers are forgoing complex visuals and overdone design techniques, opting instead for clean and simple web designs with a high attention to detail, a greater emphasis on typography — with the help of &lt;a href=&quot;http://mashable.com/tag/web-fonts/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;web fonts&lt;/a&gt; and the upcoming open web font format (&lt;a href=&quot;http://mashable.com/2010/09/21/web-font-trends/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;WOFF&lt;/a&gt;) specifications — and stronger interaction design for richer and more captivating user experiences.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;center&gt;&lt;img src=&quot;http://4.mshcdn.com/wp-content/uploads/2010/12/02_simple_aesthetics.jpg&quot; alt=&quot;&quot; title=&quot;Simple Aesthetics&quot; width=&quot;630&quot; height=&quot;363&quot; class=&quot;aligncenter size-full wp-image-485127&quot; style=&quot;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Not only that, but simpler aesthetics means lighter web pages, which translates to a better experience on mobile devices where Internet connectivity is lower in speed and less reliable when compared to the traditional broadband connection, and where screen sizes are too small to fit excessive design elements. This web design trend of “less is more” seems like it will extend, if not dominate, the aesthetic tastes of web designers in the near future.&lt;/p&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;h2 style=&quot;margin-top: 24px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 16px; font-weight: bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; &quot;&gt;4. Web Design Will Replace Print Design (Even More)&lt;/h2&gt;&lt;hr style=&quot;display: block; height: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-top-style: none; margin-top: 0px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-width: initial; border-color: initial; border-bottom-color: rgb(204, 204, 204); &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Print designers are typically tasked with brand identity design, such as logo design, letterheads, business cards and other print materials.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;However, companies are seeing the great opportunities and effectiveness of business networking online. Businesses are a lot more concerned about their brand’s visibility on the web. Business cards are being replaced by social networking profiles on &lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;Twitter&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/336651-Twitter&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/336651-Twitter.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-07&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_07.png?1265851550&quot; alt=&quot;Twitter&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt; and &lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;Facebook&lt;span class=&quot;blippr-nobr&quot;   style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial;  vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background- white-space: nowrap; background-position: initial initial; background-repeat: initial initial; font-size:13px;color:transparent;&quot;&gt;&lt;a href=&quot;http://www.blippr.com/apps/336650-Facebook&quot; target=&quot;_blank&quot; rel=&quot;http://www.blippr.com/apps/336650-Facebook.whtml&quot; class=&quot;blippr-inline-smiley blippr-inline-smiley-05&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none !important; width: 12px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;&lt;img class=&quot;wp-smiley&quot; src=&quot;http://cdn.blippr.com/images/inline-face_05.png?1265851550&quot; alt=&quot;Facebook&quot; width=&quot;14&quot; height=&quot;14&quot; style=&quot;border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-style: initial; border-color: initial; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; padding-top: 1px !important; padding-right: 1px !important; padding-bottom: 1px !important; padding-left: 1px !important; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: middle; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); display: inline !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(201, 214, 221) !important; border-right-color: rgb(201, 214, 221) !important; border-bottom-color: rgb(201, 214, 221) !important; border-left-color: rgb(201, 214, 221) !important; background-position: initial initial; background-repeat: initial initial; &quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;. Newsletters, brochures and company letterheads sent out by snail mail are being dismissed for HTML e-mails and e-newsletters.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;We’ll be witnessing design budgets earmarked toward traditionally print-based branding materials shift toward web design solutions such as &lt;a href=&quot;http://mashable.com/2010/05/10/organize-twitter-profile/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Twitter profile page designs&lt;/a&gt;, &lt;a href=&quot;http://mashable.com/2009/05/13/facebook-brand-apps/&quot; style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(30, 89, 142); text-decoration: none; background-position: initial initial; background-repeat: initial initial; &quot;&gt;Facebook fan page designs&lt;/a&gt; and HTML e-mail and e-newsletter template designs.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(71, 71, 71); line-height: 21px; background-position: initial initial; background-repeat: initial initial; &quot;&gt;http://mashable.com/2010/12/30/web-design-predictions/&lt;/p&gt;&lt;/div&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/2115519123796424760'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/2115519123796424760'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2011/01/4-predictions-for-web-design-in-2011.html' title='4 Predictions for Web Design in 2011'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-3860359929227606023</id><published>2010-12-21T12:38:00.001-08:00</published><updated>2010-12-21T12:38:27.972-08:00</updated><title type='text'>Marketing Trends To Watch in 2011</title><content type='html'>Posted by Jen Williams&lt;br /&gt;Marketing trends change with the industry on a semi-regular basis. Depending on what’s technologically new or improved, marketing tactics adjust with those changes and affect the way businesses interact.&lt;br /&gt;&lt;br /&gt;Harris Interactive, an information gathering group for surveys, polls and web marketing analysis applications, recently conducted an in-depth study that gave the following:&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;87% of online adults use social media&lt;br /&gt;17% of adults ages 18-34 use social media 6-10 hours per week&lt;br /&gt;22% use social media &lt;1 hour per week&gt;&lt;br /&gt;With the landscape of social media quickly changing, the trends to watch in 2011 are an indication of the direction that it is headed.&lt;br /&gt;&lt;br /&gt;The 4 major trends include:&lt;br /&gt;&lt;br /&gt;1. Direct Marketing&lt;br /&gt;Once considered a defunct mode of marketing, it is set to make a big comeback. Establishing and following up on leads the old-fashioned way but by using newer methods (email, social networking, etc.) is going to change the face of this familiar friend.&lt;br /&gt;&lt;br /&gt;2. Tracking Social Metrics&lt;br /&gt;Since businesses need to know if their methods are working, there will be more concentration on utilizing tools and analytical data to determine the success in these areas. Companies are becoming more concerned with how well their efforts are working getting quality results rather than simply performing an application for the sake of it.&lt;br /&gt;&lt;br /&gt;3. Shifting Marketing Strategies&lt;br /&gt;Businesses will begin focusing more on the social impact of their businesses. There will be more tactical to strategic marketing methods so as to concentrate more on measuring social media and marketing. With this will come a likely increase in developing customer care teams that focus solely on social networking tasks.&lt;br /&gt;&lt;br /&gt;4. Video Marketing&lt;br /&gt;The concept of video marketing will make its debut. Video marketing is believed to be a huge SEO marketing tactic, therefore platforms like YouTube, Flickr and other video or image social sites will get more attention as a marketing method.&lt;br /&gt;&lt;br /&gt;About the Author: Jen Williams is a guest author for Pronet Advertising.</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3860359929227606023'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3860359929227606023'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/12/marketing-trends-to-watch-in-2011.html' title='Marketing Trends To Watch in 2011'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-4932488489786322815</id><published>2010-12-21T07:06:00.000-08:00</published><updated>2010-12-21T10:09:23.231-08:00</updated><title type='text'>8 Tips for Embrace Change in Social Media</title><content type='html'>&lt;h3 style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(51, 51, 51); font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;by Susanne Vara&lt;/h3&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;1. &lt;strong&gt;Know that EVERYONE is not Engaging in Social Media.&lt;/strong&gt; It is our world but it is a small majority of the people. I know it seems crazy but not all of your customers or potential customers are tweeting, liking or connecting. Social media is a medium just like tv, radio, print and an open door of a brick and mortar shop.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;2. &lt;strong&gt;Listen&lt;/strong&gt;. Listening in social media is almost an over used term but yet there is so much to listen to as we continue to grow in this community. Listening is learning and learning for a business is a constant. With social media there are more channels to pay attention to but there are so many more listening stations afforded that we employ to make listening easier.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;3. &lt;strong&gt;Create One Message.&lt;/strong&gt; Social media is still advertising as much as people do not want to admit it. You are there representing a company, your own company or as an individual. The one message gets you noticed. Yes your profile as does mine mentions other interests but we talk to them about the interest which is one part of us which is still one message. A little guilt by association which is good as it focuses in on the one message.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;4. &lt;strong&gt;Create Conversations&lt;/strong&gt;. This seems hard but it is so easy. We all look to talk to the leader and forget about the other people who are there. The leader is leading, no doubt about that, but they are still learning and accepting this change of being involved in social media. But, the leader is wanting to have us talk to each other to generate new thoughts and show them their works create conversation.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;5. &lt;strong&gt;Overcome Fear&lt;/strong&gt;. The fear of posting is what prohibits us from accepting change and embracing social media. Oh no, so many will see what PI am saying or we question is this the right thing to say? I talk with clients and colleagues about this frequently. My response is always be you. We like you. When you try and be someone else, you are always you at some point, if you try and emulate someone else, we know. In social media we feel we have to conform to the group but in real life do we always do this? No, we don’t.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;6. &lt;strong&gt;Leave Your Ego at the Door&lt;/strong&gt;. As much as fear comes into play so does ego. Get a little boost in traffic, responses, or comments and whoa, we see expert coming. It is funny as with social media we see expert, guru, ninja, etc but yet with a heart surgeon we see credentials. There is no ego, just performance. In social media change is almost everyday with new technology or something new to learn but yet we see experts.  How can you be an expert on something without performing?&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;7. &lt;strong&gt;Social Media is Not a Strategy&lt;/strong&gt;. Social media is a medium and not a strategy. It is a part of an overall marketing plan that is a part of the strategy but it is not a strategy by itself. This is a big part of embracing the change of social media. Social media is a different means of advertising just as TV was when commercials hit the airwaves. People talked then and with social media they are still talking but this time they can talk to the brand.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 30px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;8. &lt;strong&gt;Be Responsive&lt;/strong&gt;. This is big. Responsive is more than thanking for a retweet, responding to an update, responding to a comment. Embracing the change that social media affords us is taking the time to see if the person who retweeted our article has a blog that we may enjoy, see what they are tweeting to see if we should follow them, responding with a comment to someone else whom has commented in addition to or in replace of commenting to the author (and of course seeing if they have blog too).&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; color: rgb(72, 72, 72); font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; &quot;&gt;Embracing change is more than finding more time to be apart of something that you are unsure of. It encompasses overcoming fear which leads to being responsive but yet a leader in creating the conversation. Physical fear is real and sometimes emotional fear is real too but emotional fear is so many times driven by the failure or unsure voice within us. Social media is change as we are all still learning from each other. It is a new way to market that is so incredibly powerful when we stop chasing and be there with giving more than we get. Accept the change and learn from it to grow you and also your business. We all do well when we talk to others as we see a new perspective.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot;   &gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 19px;&quot;&gt;http://socialmediatoday.com/suzannevara/209650/8-tips-embracing-change-social-media&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/4932488489786322815'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/4932488489786322815'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/12/8-tips-for-embrace-change-in-social.html' title='8 Tips for Embrace Change in Social Media'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-5725678996861274993</id><published>2010-12-17T06:00:00.000-08:00</published><updated>2010-12-17T13:09:06.801-08:00</updated><title type='text'>The Lonely Information Architect</title><content type='html'>&lt;strong&gt;Sometimes it&#39;s easier to do everything yourself instead of collaborating, isn&#39;t it? If you&#39;re an information architect, there are some compelling reasons to call all the shots:&lt;/strong&gt;&lt;ul style=&quot;font-weight: normal; &quot;&gt;&lt;li&gt;The project starts with you, so you get to make all the initial decisions yourself. No one else on the project has that liberty.&lt;/li&gt;&lt;li&gt;You have firm start and end dates, after which you can move on to other work. Think of all the projects you could get through!&lt;/li&gt;&lt;li&gt;Everyone is looking to you as the specialist, which means you should be able to come up with the right answers and not involve others. Plus, you save your co-workers time by not involving them in all the initial project meetings.&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;But wait, isn&#39;t this sounding a little too good to be true? Or maybe you&#39;re thinking it seems pretty risky! You&#39;d be right in either case.&lt;/p&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;The fallout from making IA decisions in a vacuum can be further reaching than you might suspect. The truth is that collaboration, solicited or not, is bound to happen once your work is sent to design. Quality designers won&#39;t just regurgitate your wireframes, they&#39;ll interpret them; furthermore, in the process of explaining your wireframes to the designer you&#39;ll no doubt come up with new ideas or improvements.&lt;/p&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;Now you&#39;re in a tricky situation, because changing an approved wireframe increases scope creep, and moving forward with the already approved wireframes would lead to what you now realize is a subpar solution. It will be a stressful moment for the whole team, but not as stressful as it happening during development.&lt;/p&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;That&#39;s just one example of a whole host of issues that can crop up later in a project when there&#39;s tunnel vision early on. Let&#39;s look at some ways to prevent this and ensure you have great products.&lt;/p&gt;&lt;h3 style=&quot;font-size: 16px; font-weight: bold; color: rgb(93, 93, 148); font-family: arial; line-height: 17px; &quot;&gt;Share Discovery Information&lt;/h3&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;After the first few stakeholder and customer interviews, take the time to run some thoughts by your team. Their questions will help you identify holes in your own understanding, and shape your ongoing research. Different members can be involved at different levels, but everyone from the content strategist to the developer needs to understand the whys behind the project before they start their work.&lt;/p&gt;&lt;h3 style=&quot;font-size: 16px; font-weight: bold; color: rgb(93, 93, 148); font-family: arial; line-height: 17px; &quot;&gt;Talk It Through&lt;/h3&gt;&lt;h3 style=&quot;font-size: 16px; font-weight: bold; color: rgb(93, 93, 148); font-family: arial; line-height: 17px; &quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: normal; font-size: 13px; &quot;&gt;Contact a few colleagues who are either on your project or in your field, and meet with them as you work through interface and experience decisions. Remember: your job is &lt;em&gt;not&lt;/em&gt; to have all the answers, but to ask the right questions. The answers to those questions lead you to the right solutions. As you explain a crippling problem to a colleague, you might just have an “Aha!” moment that gets you past your block.&lt;/span&gt;&lt;/h3&gt;&lt;h3 style=&quot;font-size: 16px; font-weight: bold; color: rgb(93, 93, 148); font-family: arial; line-height: 17px; &quot;&gt;Practice Makes Perfect&lt;/h3&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;Consider making your big reveal before you actually make your big reveal. Practicing for your stuffed animals is handy, but presenting to your team is even better. Concepts or explanations that sound great in your head may be less eloquent coming out of your mouth. If you thought through the big picture and philosophy that has driven your decisions, your presentation will be compelling and make sense. If you are unprepared or your decisions are haphazard, you&#39;ll end up dragging your client and team through a mire of tedious details until their eyes cross. You might even resort to convoluted industry lingo! If you&#39;ve collaborated all along, by the time your actual presentation comes around any member of your team should be able to give it (but you still need to!).&lt;/p&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;All these generous people lend you their time and brain power, so make sure you return the favor. The client will sense the consistency and unity of your team, and their testimonial will show it.&lt;/p&gt;&lt;p style=&quot;font-weight: normal; &quot;&gt;You can leave a comment on the blog entry:&lt;/p&gt;&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; style=&quot;text-align: left !important; font-weight: normal; &quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td width=&quot;71&quot; style=&quot;text-align: left !important; &quot;&gt;&lt;img src=&quot;http://i2.sitepoint.com/graphics/author_emily_smith.jpg&quot; border=&quot;0&quot; alt=&quot;Emily Smith &quot; width=&quot;56&quot; height=&quot;67&quot; align=&quot;bottom&quot; style=&quot;margin-right: 15px; &quot; /&gt;&lt;/td&gt;&lt;td style=&quot;text-align: left !important; &quot;&gt;&lt;a href=&quot;http://wp.me/p14Opo-7No&quot;&gt;&lt;strong&gt;The Lonely Information Architect&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;by Emily Smith&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5725678996861274993'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5725678996861274993'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/12/lonely-information-architect.html' title='The Lonely Information Architect'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-3082536973140465437</id><published>2010-12-16T09:29:00.000-08:00</published><updated>2010-12-16T10:38:14.636-08:00</updated><title type='text'>9 Killer Tips for Location-Based Marketing</title><content type='html'>&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;Shane Snow of Mashable&lt;/span&gt;&lt;/h2&gt;&lt;div&gt;&lt;span class=&quot;Apple-style-span&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;line-height: 18px;&quot;&gt;http://mashable.com/2010/03/15/location-based-marketing/&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;&lt;br /&gt;&lt;/h2&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;1. Learn the Platforms&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;First of all, you need to understand how the technology works. Generally, people use lo-so apps on their phones to “check in” whenever they go places. Global Positioning Satellites (GPS) locate the users and determine what “venue” they might be at, giving them options to select a location or create a new listing. These “check ins” allow their friends to know where they are now, or where they frequently go. Some services allow users to leave location-based tips for friends to discover later, and several involve social competitions, or the ability to unlock digital badges, stickers, and prizes. Businesses can announce specials or promotions through these apps, so when users “check in,” they receive notifications of nearby deals.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Item one on your to-do list should be to become familiar with the prevailing platforms. Foursquare, Gowalla, Loopt, &lt;a href=&quot;http://mashable.com/tag/brightkite&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Brightkite&lt;/a&gt;, and &lt;a href=&quot;http://mashable.com/tag/google-latitude&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Google Latitude&lt;/a&gt; are the most talked about in general, though others exist, and popularity varies by geography (e.g. Foursquare reigns supreme in New York City, and Loopt has a lot of clout in Silicon Valley). Other platforms to be aware of include &lt;a href=&quot;http://mashable.com/tag/yelp&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Yelp&lt;/a&gt; and &lt;a href=&quot;http://mashable.com/social-media/facebook&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Facebook&lt;/a&gt;, which are just now dabbling in lo-so. Sign up for all of these, and download the apps to your phone if you can, so you can become familiar with how someone would use each one. Most of the networks have &lt;a href=&quot;http://mashable.com/tag/iphone&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;iPhone&lt;/a&gt;, &lt;a href=&quot;http://mashable.com/tag/android&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Android&lt;/a&gt;, and &lt;a href=&quot;http://mashable.com/2010/03/15/location-based-marketing/mashable.com/tag/blackberry&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;BlackBerry&lt;/a&gt; apps, and all of them allow you to “check in” via desktop and mobile web browsers.&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;2. Determine Your Goals&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Before you can optimize your business for lo-social networking, you need to step back and determine what you want to accomplish.&lt;/p&gt;&lt;ul style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Are you hoping to increase foot traffic to your store?&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Do you want to sell more of a particular item?&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Do you want more patrons at certain times of day?&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Do you want to promote a specific product?&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Are you looking for new customer acquisition?&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Repeat customers?&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;You may say, “I want all of those,” but to be effective, you need to set specific objectives. These will determine your approach to the entire process. Luckily, if you need to change things around to fit new objectives in the future, the cost of doing so is very small.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;One goal that should be on every business’s list is to be easily findable on every network, which brings us to number three:&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;3. Establish Your Presence&lt;br /&gt;&lt;/h2&gt;&lt;center style=&quot;color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;br /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Make sure that your business is listed on each network. Then make sure the address, phone, and details are correct and current. Don’t assume that users have added everything correctly. On some networks, once a venue is there, it’s stuck. Others let you edit. Don’t be afraid to contact the network itself to ask them for help if you can’t fix your venue listing. Gowalla’s Jonathan Carroll says, “We receive dozens of e-mails a day from businesses around the world asking for additions or tweaks to their Gowalla locations, and we’re happy to help out with them.”&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;It’s also a good idea to put up notices or stickers (on the door, order counter, or table centerpieces, for example) announcing “We’re on Foursquare” or “Find us on Yelp.” This will remind people to “check in” and spread the word about you.&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;4. Customize&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Different networks have different options for customization, but it’s important that you do as much as you can to build out your listing. Add your website. Integrate with your other social networking accounts, like &lt;a href=&quot;http://mashable.com/social-media/twitter&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Twitter&lt;/a&gt;. Features are constantly being added to each network, but great customizations you can try right now include the following:&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;&lt;strong&gt;On Foursquare:&lt;/strong&gt; Create to-do lists for users to explore around your area. And if possible, work with Foursquare to create a custom badge for your venue or event.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;&lt;strong&gt;On Gowalla:&lt;/strong&gt; Ask for a custom icon for your location, rather than the generic one for your category. Examples:&lt;a href=&quot;http://gowalla.com/spots/16907&quot; target=&quot;_blank&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Shake Shack, NYC&lt;/a&gt;, &lt;a href=&quot;http://gowalla.com/spots/9266&quot; target=&quot;_blank&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Austin Java&lt;/a&gt;, and &lt;a href=&quot;http://gowalla.com/spots/56383&quot; target=&quot;_blank&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Coop Ale Works&lt;/a&gt;.&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;5. Implement Compelling Promotions&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Lo-social networks allow you to run promos to increase engagement and get people into your store. Foursquare’s Tristan Walker says, “Any type of in-store promotion you can conceive we want to make it so Foursquare can run it.” Many businesses offer specials like “check in 10 times and get a free appetizer” on all the major lo-so networks. Establish well-conceived promotions based on your goals, then evaluate the results. The biggest mistake you can make is to do this sloppily or half-heartedly.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Carroll cites &lt;a href=&quot;http://gowalla.com/spots/16516&quot; target=&quot;_blank&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Lift Cafe&lt;/a&gt; as a good example. “They offer 10% off every purchase when you check in on Gowalla, which they include in their description and also as a reminder in the success screen after check-in.”&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;“[What] we’ve seen across all channels again and again is that what works is a good local offer,” says Loopt CEO Sam Altman. Businesses with offers that cater to people “making that gametime decision” when they’re out and about do the best. “Offer value to the customer so it doesn’t feel like an ad,” he advises.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Shelley Bernstein, Chief of Technology for the &lt;a href=&quot;http://www.brooklynmuseum.org/&quot; target=&quot;_blank&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Brooklyn Museum&lt;/a&gt;, talks about how the institution uses Foursquare to create a multi-faceted campaign and experience for museum goers.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;“We knew that many people coming here wanted to know more about the local neighborhood, which is something Foursquare does well. We asked our staff for their opinion of the best stuff in the neighborhood … and left tips at all these venues for Foursquare users to find. Second, we added a promo for our mayor to reward the people who are consistently identifying themselves with us. Third, Foursquare has given us a badge which unlocks after three visits, and this helps reward our community for coming in the doors.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;“All of these things together help create a total presence on the platform that works well for the Foursquare community, the Brooklyn Museum visitor, and the local merchants in our neighborhood.”&quot;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;&lt;strong&gt;Common promotions across various networks include the following:&lt;/strong&gt;&lt;/p&gt;&lt;ul style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Raffles (e.g. “Every person who checks in gets a chance to win an iPod.”)&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Specials for the user who checks in most often. This is a staple of Foursquare promos for a lot of venues (e.g. “Top user/mayor gets the first drink free every time he/she comes in.”)&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;First check in specials (e.g. “Get 30% off your order when you check in for the first time.”)&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Digital punch cards (e.g. “Check in 5 times, get a free coffee.”)&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;&lt;strong&gt;Tips for developing effective promotions:&lt;/strong&gt;&lt;/p&gt;&lt;ul style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Advertise particular incentives, rather than your business in general (“20% off between 2 and 4pm;” “Buy one burger, get one free;” etc.).&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;On platforms that allow you create your own banner ads (such as Loopt), include your address and opening hours in the ad itself, when possible.&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Be creative. For example, &lt;a href=&quot;http://www.goincase.com/&quot; target=&quot;_blank&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;Incase&lt;/a&gt;, the bag and protective case maker, recently ran a promo with Gowalla to put virtual versions of its products into the app to be collected and traded. Carroll remarks, “The result has been phenomenal: Thousands upon thousands of their virtual items have been distributed in Gowalla to an audience who could benefit from their products, but many of whom had not previously heard of Incase.”&lt;/li&gt;&lt;/ul&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;6. Engage With Your Customers&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;It would be a mistake to use Twitter as a one-way corporate megaphone, never interacting with your audience. That’s a quick route to an audience of zero. One of the most effective uses of social media is personal engagement and relationship building with your audience. The same goes for lo-so networks.&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;7. Track Everything&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Foursquare just released a slick &lt;a href=&quot;http://mashable.com/2010/03/09/foursquare-business-dashboard/&quot; style=&quot;color: rgb(34, 102, 187); text-decoration: none; &quot;&gt;analytics dashboard&lt;/a&gt; for venues to track their stats. Other networks have metrics you can view as well, and they’ll certainly be releasing better and better tools. From data you can study online to qualitative observations at your own store, it’s important to keep track of everything so you can learn what promotions work with your audience. Be aware, though, that your ROI may not be directly measurable, and aside from increased sales, you’re working for brand exposure and increased awareness of your business.&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;8. Be Prepared to Adapt&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;Location-based social network technology may be the newest and grooviest incarnation of social media, but it certainly won’t be the last. And in a year it won’t look exactly like it does today. Be prepared to adapt your methods when features change, as new tools emerge, and as you review your own promotional results. Again, keep your objectives in mind, and be ready to keep up with new technology.&lt;/p&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; font-weight: bold; line-height: 1.2em; font-family: Georgia, serif; position: static; color: rgb(51, 51, 51); &quot;&gt;9. Avoid Common Pitfalls&lt;br /&gt;&lt;hr style=&quot;border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); &quot;&gt;&lt;/h2&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 1.5em; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; &quot;&gt;In talking with representatives from the major lo-so networks, several common mistakes came up. Here are a few things you should try to avoid:&lt;/p&gt;&lt;ul style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(51, 51, 51); font-family: &#39;Helvetica Neue&#39;, Arial, sans-serif; font-size: 13px; line-height: 18px; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Don’t leave fake reviews or tips. They’re easy to spot, and you’ll lose all on- and off-line credibility immediately when people catch on.&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Don’t throw up poorly designed ads. “A badly designed banner ad performs so much worse than … a good one,” Altman says. “It’s an insane difference.”&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-type: square; list-style-position: outside; list-style-image: url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/bullet_img.gif); &quot;&gt;Don’t forget to monitor activity. Carroll points out, “Chances are if someone has a gripe or praise with their check-in, it’s a real-time thing: The patron is probably still there … so the business has a chance to make the experience even better.”&lt;/li&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3082536973140465437'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3082536973140465437'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/12/9-killer-tips-for-location-based.html' title='9 Killer Tips for Location-Based Marketing'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-7242306416900314170</id><published>2010-12-10T10:26:00.000-08:00</published><updated>2010-12-10T10:34:32.964-08:00</updated><title type='text'>Ten Online Project Management Mistakes to Avoid</title><content type='html'>&lt;span style=&quot;font-weight:bold;&quot;&gt;Mistake #10: Export data from the old system and re-import it directly into the new one, then expect everything to magically improve.&lt;/span&gt;&lt;br /&gt;Instead, clean house (project-wise and process-wise) during implementation. Get rid of old or unnecessary project data. Delete superfluous steps from project templates. Audit, then put in place best-processes -- now is the time to make a change if change is needed!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #9: Don&#39;t bother loading project data into the system before asking for product feedback.&lt;/b&gt;&lt;br /&gt;Instead, make sure there&#39;s no &quot;blank page&quot; problem during team intros. In other words, people should see project data that they relate to when they first log in. It sets them up to be able to visualize using the tool every day for their own work, and to ask the most important questions about features they need or want.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #8: Instill a fear of &quot;messing things up&quot; in team members&lt;/b&gt;.&lt;br /&gt;Instead, to help team members get the most out of any new tool, nominate a “tool guru” who is tasked with learning the ins and outs of the system. Then “how-to?”questions can be answered internally, speeding up the learning curve for the rest of the team. Encourage trial-and-error learning. Let people click around and see what the tool can do. If they hit a roadblock, they can ping the tool guru, or browse the support section. Be proactive, for example don&#39;t wait until everyone has free time to attend a training session before giving them access – it will only slow down adoption.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake # 7: Leave existing processes and workflow status quo as is.&lt;/b&gt;&lt;br /&gt;Instead, take this opportunity to define up front who has permission to perform different actions in the tool. Audit old (or create new) processes to answer questions such as: Who will add/create new projects and tasks? Who will prioritize within the greater plan? Also, consider having weekly meetings to go over priorities. Use a projector for large meetings to facilitate discussions and dialogue through the tool.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #6: Trust no one.&lt;/b&gt;&lt;br /&gt;Instead, promote values of openness, transparency, communication, and most important of all, ownership. If a project team is the &quot;family,&quot; then the project software is &quot;home.&quot; Healthy families communicate, share the same dinner table, pick up after themselves, and leave generous numbers of post-it notes for each other. The same holds true for project teams. The more they collaborate, update, and respect each other&#39;s priorities, the more effective and efficient they, and their managers, become.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #5: Rely on the software to solve resource management problems.&lt;/b&gt;&lt;br /&gt;Instead, accept that offline process for resource management and allocation must still take place. At its core, project management is a social problem, not a technical one. In a team with shared resources, the tool can&#39;t make those critical decisions. However, a great project management tool can facilitate discussions and more informed decisions about priorities and work assignments.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #4: Use other or complimentary systems the “same old way.”&lt;/b&gt;&lt;br /&gt;Instead, leverage the full feature-set (at no extra cost!) to eliminate (or reduce) the need to spend time in other tools. For example, if the new project management tool includes a micro-blogging feature, try to encourage team members to use that in lieu of email. Or, get rid of that old time tracking system and use the one that comes with the new project management software. Ditto for document sharing, wikis, bug trackers, client extranets, and more. Besides cutting costs, it will keep team members engaged in the tool, ensuring the most accurate project information at any given time.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #3: Find one way to use project management software and stick with it.&lt;/b&gt;&lt;br /&gt;Instead, think of the rollout as an &quot;Agile implementation&quot; that gets better over time. This is especially true if moving from a more lightweight tool like Basecamp or Excel to a purpose-built project management application such as LiquidPlanner. Experiment with structure and process, and then identify areas for optimization.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #2: Copy and paste data from the new project management software into a Microsoft Word team meeting agenda.&lt;/b&gt;&lt;br /&gt;Instead, display project software on a projector in meetings so everyone&#39;s on the same page. Not only does it reinforce the idea that the newly created, “shared workspace” is the central place to go for project information, but it allows updates and decisions to be made in real time.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Mistake #1: Let team members make updates &quot;if they feel like it.&lt;/b&gt;&quot;&lt;br /&gt;Instead, hold each person accountable for making frequent updates to their tasks. Let&#39;s face it – businesses move forward only when projects get done. Think the CIO will accept having out of date financial information? Not gonna happen. Team productivity is directly proportionate to revenue opportunities. Make sure everyone understands that having reliable project data is critical to running the business. At the same time, offer support and guidance on the fastest and easiest way to make updates.&lt;br /&gt;&lt;br /&gt;From ITBusinessEdge&lt;br /&gt;http://www.itbusinessedge.com/slideshows/show.aspx?c=85702</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/7242306416900314170'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/7242306416900314170'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/12/ten-online-project-management-mistakes.html' title='Ten Online Project Management Mistakes to Avoid'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-6255937216133925874</id><published>2010-12-08T15:00:00.000-08:00</published><updated>2010-12-08T15:01:09.482-08:00</updated><title type='text'>7 Tips for Succeeding as a Social Media Strategis</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; &quot;&gt;&lt;em&gt;&lt;a rel=&quot;nofollow&quot; href=&quot;http://www.openforum.com/idea-hub/topics/technology/article/7-tips-for-succeeding-as-a-social-media-strategist-erica-swallow&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;This post&lt;/a&gt; originally appeared on the &lt;a rel=&quot;nofollow&quot; href=&quot;http://www.openforum.com/&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;American Express OPEN Forum&lt;/a&gt;, where Mashable regularly contributes articles about leveraging social media and technology in small business.&lt;/em&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;The role of social media is expanding rapidly and many organizations of all types are trying to stay afloat amidst the changes. Meanwhile, a small group of innovators pulls the industry onward.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;In the past few years, the &lt;a href=&quot;http://mashable.com/2010/07/24/tips-social-media-marketing-jobs/&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;social media marketing&lt;/a&gt; role has become increasingly present, leading the way to more strategic social media programs. Enter the social media strategist.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Jeremiah Owyang, an industry analyst at Altimeter Group, a digital strategy consulting firm, recently spoke at the Word of Mouth Marketing Association Summit about the career path of the corporate social strategist, touching on current responsibilities and challenges, as well as the future of the role. His presentation was based on months of &lt;a href=&quot;http://www.slideshare.net/jeremiah_owyang/career-social-strategist&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;research&lt;/a&gt; funded by Altimeter, in which 140 enterprise-class social strategists across various industries were interviewed. Other online sources, such as &lt;a href=&quot;http://mashable.com/category/linkedin&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;LinkedIn&lt;/a&gt; and blogs, were consulted to gather job descriptions, profile work histories and catalog the ebb and flow of new hires in the social media space.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Owyang presented seven key tips for building a successful social media program and focused on how social media strategists can facilitate those successes. Read his tips below and add your thoughts in the comments.&lt;/p&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;1. Be Proactive, Not Reactive&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Owyang pointed to a funny, but oh-so-true anecdote that happened while he was collecting research for this study. While interviewing a social media strategist, the phone conversation was stopped abruptly as the strategist confessed, “Jeremiah, I’ve gotta go. There are two people standing in front of my office demanding Facebook Pages.” If they didn’t get the Pages, they were going to build them on their own.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;While it’s somewhat hilarious to imagine two professionals camping in front of their colleague’s office until they get their doggone &lt;a href=&quot;http://mashable.com/category/facebook&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;Facebook&lt;/a&gt; Pages, it’s equally as sad to realize that these instances actually happen in the corporate world. If this is happening in your organization, take a step back, look at the chaos, take a deep breath and then do something about it.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“A proactive mindset is required,” Owyang said. “You cannot wait for the company to catch up to you. You have to go to the business units and tell them what is required [to participate in your company&#39;s social media program] before they ask you for a Facebook Page. Make a list of requirements: dialogue, ready for conversations 24/7, ongoing commitment, two-way communications. Make it clear what’s expected, before they ask you.”&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Being proactive and having guidelines will help alleviate stressful moments like the one described above, where being reactive is usually status quo.&lt;/p&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;2. Be a Program Manager, Not Evangelist&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;As social media programs become more sophisticated, Owyang believes that employees currently in the social media evangelist roles will move on to “the next thing,” evangelizing new technologies. But with an ongoing need for social media programming, a new role for social media program managers will emerge.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Quickly switch hats,” Owyang advises social media strategists who want to stay relevant to businesses that have evolving needs. “It’s time to take off the evangelism hat and put on the program manager hat. A new skill set is going to be required, and a program manager is responsible for resources, timelines, Gantt charts, ROI models, analytics, data modeling, resource management, project management. It’s a very different skill set than the evangelist role that we’ve seen before.”&lt;/p&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;3. Educate Your Business Units&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Educate your business units ahead of time, and give them the information that they need,” said Owyang.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;He is an advocate of testing employees to measure digital and social media proficiencies, pointing to Intel’s Digital IQ test as a great example of aptitude measurement. “You can take this online test before you participate in social media and become certified in that particular program,” he said. “That’s one of the more advanced programs that we’ve seen.”&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;In its official &lt;a href=&quot;http://www.intel.com/sites/sitewide/en_us/social-media.htm&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;Social Media Guidelines&lt;/a&gt;, Intel clearly defines Digital IQ training as a responsibility for all employees taking part in social media on behalf of the company.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;It’s important to not only lay down guidelines, but to also provide training for employees who want to learn more and get involved in the social media program.&lt;/p&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;4. Organize for Success&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;center&gt;&lt;img src=&quot;http://cdn.mashable.com/wp-content/uploads/2010/11/Social-Media-Organization.jpg&quot; alt=&quot;&quot; title=&quot;Social Media Organization&quot; width=&quot;640&quot; height=&quot;277&quot; class=&quot;alignnone size-full wp-image-450547&quot; /&gt;&lt;em&gt;Five ways companies organize their social media teams&lt;/em&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;During his presentation, Owyang presented five models in which companies organize their social media teams — decentralized, centralized, hub and spoke, dandelion and holistic, as pictured and described above. He highly recommends that social media programs be organized in hub and spoke or dandelion models in order to scale.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;In the hub and spoke model, there’s typically a cross-functional team that’s serving multiple business units, with the strategists at the center of the formation — 41% of the organizations that Owyang interviewed fell under this category.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Within large companies with multiple brands or units, such as Microsoft or HP, the dandelion (or “multiple hub and spoke”) model is common, where multiple social media strategists lead individual business areas or brands across the company.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;There are three steps necessary in order to reach a hub and spoke or dandelion organization, according to Owyang:&lt;/p&gt;&lt;blockquote style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 3em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;ol style=&quot;list-style-type: decimal; list-style-position: initial; list-style-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 2.4em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Set up governance: policies, legal, some executive buy-in.”&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 2.4em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Roll out processes: who does what, where, when and how — a triage system. How does information flow through your company? Publish that diagram on the Internet.”&lt;/li&gt;&lt;li style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0.5em; margin-left: 2.4em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Launch an ongoing education program.”&lt;/li&gt;&lt;/ol&gt;&lt;/blockquote&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“If you do those three things in that order, it’s very likely your company will form in hub and spoke with you in the hub,” stated Owyang.&lt;/p&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;5. Be an Enabler&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;It is unrealistic to think that one strategist can stay at the center of every social media effort or that he or she could even hire enough community managers to stay on top of an entire enterprise’s social activity. In light of that reality, Owyang believes that it is crucial for social media strategists to slip into the mindset of an enabler. He explains:&lt;/p&gt;&lt;blockquote style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 3em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Remember, social media does not scale. You cannot manage every social media program, campaign or effort. You now have to become an enabler to teach the business units to do it on their own — that’s the only way you’re going to be able to scale anyway. You become an internal consultant, an internal resource to help the entire business.”&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;6. Deploy Scalable Social Media Programs&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;Communities, advocacy programs, social media management systems (like &lt;a href=&quot;http://mashable.com/tag/cotweet&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;CoTweet&lt;/a&gt; and &lt;a href=&quot;http://mashable.com/tag/hootsuite&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;HootSuite&lt;/a&gt;), and Social Customer Relationship Management (SCRM) — the practice of connecting social networks to your existing CRM system — are all worthwhile social media efforts, according to Owyang, because they are scalable.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Dialogue does not scale,” Owyang reiterated multiple times. “One-to-one communications does not scale… You can’t possibly do it. What scales? Community programs — getting your customers to do the work for you. Advocacy programs — &lt;a href=&quot;http://mvp.support.microsoft.com/&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;Microsoft MVP&lt;/a&gt;, &lt;a href=&quot;http://blogs.intel.com/technology/2008/06/prolific_individuals_form_firs.php&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;Intel Insiders&lt;/a&gt;, &lt;a href=&quot;http://www.sdn.sap.com/irj/scn/sapmentors&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;SAP Mentors&lt;/a&gt;, &lt;a href=&quot;http://www.oracle.com/technetwork/community/oracle-ace/index.html&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;Oracle Aces&lt;/a&gt;, &lt;a href=&quot;http://instoresnow.walmart.com/Community.aspx&quot; target=&quot;_blank&quot; style=&quot;text-decoration: none; color: rgb(0, 0, 153); font-weight: bold; &quot;&gt;Walmart Moms&lt;/a&gt; — those are advocacy programs, when you take your best customers and you give them a platform and let them do the work for you, and you don’t pay them. Those are scalable programs.”&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;While it’s important to set up channels for communication with customers, make sure your programs can expand as the company and community grow.&lt;/p&gt;&lt;hr /&gt;&lt;h2 style=&quot;font-size: 1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;7. Transcend Marketing&lt;/h2&gt;&lt;hr /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;center&gt;&lt;img src=&quot;http://cdn.mashable.com/wp-content/uploads/2010/11/Social-Media-Department-Breakdown.jpg&quot; alt=&quot;&quot; title=&quot;Social Media Department Breakdown&quot; width=&quot;400&quot; height=&quot;285&quot; class=&quot;alignnone size-full wp-image-450693&quot; /&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;/center&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;The report found that 71% of social media programs fall under the domain of marketing or corporate communications. In order to make an impact, though, Owyang says that social media programs must transcend marketing. Strategists should take note and act accordingly.&lt;/p&gt;&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;“Over time, think about how you can be more than ‘marketing,’” suggests Owyang. “Think about how you can apply [social media] to support and service and the physical, real-world customer experience — and improve products and experiences.”&lt;/p&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/6255937216133925874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/6255937216133925874'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/12/7-tips-for-succeeding-as-social-media.html' title='7 Tips for Succeeding as a Social Media Strategis'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-7778575379195078402</id><published>2010-11-22T09:00:00.000-08:00</published><updated>2010-11-22T09:02:05.327-08:00</updated><title type='text'>5 Tips for Working With Outsourced Designers</title><content type='html'>&lt;div&gt;by Prasad Thammineni&lt;/div&gt;&lt;div&gt;http://smallbiztrends.com/2010/11/5-tips-for-working-with-outsourced-designers.html&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;Your small business relies on a professional and consistent look and feel. But how do you achieve this when you don’t have the resources to have an in-house marketing design team? Print design, Web design and advertising copy – all of this can be quite complicated. Outsourced designers are a great way to bring in design expertise when you need it… &lt;b&gt;but managing creative professionals has its own set of unique challenges.&lt;/b&gt;&lt;p&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;a href=&quot;http://smallbiztrends.com/wp-content/uploads/2010/11/graphic-designer2.jpg&quot;&gt;&lt;/a&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Here are 5 tips for working with outside designers:&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;b&gt;1) Provide context.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Help your designer understand what your business does. Explain the goal that you are trying to accomplish with the design work. Realize that the designer does not have the same view into your business that you do. By providing context around what it is that you do and what you are trying to accomplish, you not only help the designer create better work but also help focus his or her creativity on the problem at hand.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;b&gt;2) Use a style guide.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;It is smart to have a style guide created so that all of your collateral materials will be consistent and professional looking. A style guide is a set of standards for design of your company’s materials/documents/manuals. For a small business, a simple style guide should have the preferred primary typeface/headline/header font and secondary typeface/body text font, primary and secondary colors and general rules for on-page spacing. The goal of the style guide is that if someone sees your company’s mailing and then visits your website, they should naturally understand that they’ve come to the same company’s home page.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;b&gt;3) Use examples.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;&lt;span class=&quot;s1&quot;&gt;Provide examples of &lt;/span&gt;both designs you like and designs you do not. A good set of examples is a great starting point for your designer. You should not only have examples, but have specific reasons why you like or dislike them. Opinions/reasons will help the designer focus on using the elements that you like best and keep him or her from wasting time recreating elements you didn’t consider important.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;b&gt;4) Sketch and scan.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Another great way to share your ideas with the designer is to sketch the design on a piece of paper and scan it to share it with the designer. The goal is not to pretend to be Michelangelo, but instead to get your basic layout ideas across. Do not spend a lot of time with this, but instead just scratch out something as a jumping-off point from which the designer can begin to create something appropriate for your needs.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;b&gt;5) Keep in touch.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Have a regular schedule for when you and the designer will check in with each other. You’ll want to update the designer on any changes that might impact the design and promptly provide feedback to them as needed. Prompt and decisive feedback is crucial to a good relationship with a designer.&lt;/p&gt; &lt;p class=&quot;p3&quot;&gt;&lt;b&gt;Bonus tip: Give constructive criticism.&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;Do not be afraid to provide criticism. The designer cannot read your mind, so you need to be honest when you do not like something. You should not feel bad delivering negative news if you can do so promptly and in a positive manner! Be polite as you state the negatives, but make sure you do state them – otherwise it will be close to impossible to get the design you want for your business.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Have you used outside designers? What have you learned from working with them? Any tips to share with the Small Business Trends audience?&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/7778575379195078402'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/7778575379195078402'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/11/5-tips-for-working-with-outsourced.html' title='5 Tips for Working With Outsourced Designers'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-9067026128426677604</id><published>2010-11-17T09:04:00.000-08:00</published><updated>2010-11-17T09:07:01.128-08:00</updated><title type='text'>Creating Effective Websites by xdude.com</title><content type='html'>&lt;p class=&quot;p1&quot;&gt;&lt;span class=&quot;s1&quot;&gt;Creating Effective Websites&lt;br /&gt;&lt;/span&gt;Lesson #1: Your Marketing Message&lt;br /&gt;How to Excite Your Visitors&lt;/p&gt;&lt;p class=&quot;p1&quot;&gt;The next time you need to write something that grabs your reader’s attention and entices them to interact, follow these simple steps!&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;1.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Know your customer Who are they? How old are they? How educated are they? What do they love? What do they hate? What is their pain? Picture them sitting across from you describing their worries. Imagine every detail – even what they look like.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;The better you can imagine your prospect in your mind’s eye, the better you’ll be able to write a message that speaks directly to them.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;2.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Know your product or service How will your product or service take away your reader’s pain or improve their life? How does your expertise compare to that of your competition?&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;3.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Know the benefits What can your offer do for me, right now? Can it make me rich? Can it save me time? Will it entertain me? Will it help me feel better about myself?&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;4.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Gain their trust If you’re marketing over the Internet, you don&#39;t have the advantage of speaking face to face with your customer, so pack as much credibility into your message as possible. Offer a free trial, a money-back guarantee, include testimonials from happy customers, and consider adding a photo of yourself, or even an audio or video message.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Most importantly: speak to your visitor – in their language. Don&#39;t ramble about technical specs of your products unless that’s what they want.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;5.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Keep it short! People don’t read every word on every page they visit. They scan. Use headings that grab the reader’s attention and give clues about the content of the next two or three paragraphs. Make the read easy, quick and informative. Once you&#39;re done writing your copy, go back and see if you can say it all in half the words. The idea isn’t to sacrifice quality – it’s to make your message as long as it needs to be without dragging it out.&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;6.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Key words to use: you, get, now, proven, discover, learn, benefit, complete, exclusive Words to avoid: if, but, not, should, could, maybe&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;7.&lt;span class=&quot;Apple-tab-span&quot;&gt; &lt;/span&gt;Create a call to action with a sense of urgency Throw in something special for the first 100 buyers or make it &quot;This month only!&quot; Word selection is important. Don’t just say &quot;Buy now!&quot; Give a specific time limit. &quot;Buy during the month of October and get [something wonderful] for free!&quot;&lt;/p&gt; &lt;p class=&quot;p1&quot;&gt;Thanks for reading. &lt;/p&gt;&lt;p class=&quot;p1&quot;&gt;&lt;a href=&quot;http://www.xdude.com&quot;&gt;http://www.xdude.com&lt;/a&gt;&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/9067026128426677604'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/9067026128426677604'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/11/creating-effective-websites-by-xdudecom.html' title='Creating Effective Websites by xdude.com'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-8556505313679403291</id><published>2010-11-11T11:44:00.000-08:00</published><updated>2010-11-11T11:47:26.446-08:00</updated><title type='text'>Fight Freelancer Loneliness!</title><content type='html'>&lt;style type=&quot;text/css&quot;&gt; p.p1 {margin: 0.0px 0.0px 13.0px 0.0px; font: 13.0px Verdana} span.s1 {text-decoration: underline ; color: #7b7b94} td.td1 {width: 374.0px; margin: 0.5px 0.5px 0.5px 0.5px; padding: 1.0px 1.0px 1.0px 1.0px} &lt;/style&gt;   &lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td valign=&quot;middle&quot; class=&quot;td1&quot;&gt; &lt;p class=&quot;p1&quot;&gt;&lt;b&gt;Miles Burke&lt;/b&gt;&lt;br /&gt;&lt;a href=&quot;mailto:tribune@sitepoint.com&quot;&gt;&lt;span class=&quot;s1&quot;&gt;tribune@sitepoint.com&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;Editor, SitePoint &lt;i&gt;Tribune&lt;/i&gt;&lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;p&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;Over the last month or two, I’ve spoken to a bunch of freelancers or telecommuters about what their biggest hurdles to success are. A common one (right up there with finding clients and keeping focus) is the sense of loneliness that results from working by yourself all day.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;Many of us have partners, but they may have full-time work outside the home, and then mightn’t be overly interested in how you’ve spent your day when they return. The pets don’t seem to have much to say either, when asked which design concept they prefer, or which framework you should build that site with.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;Isolation really is a serious problem for many freelancers. Here are seven ways I suggest as potential solutions to combat the sense that you’re the only person left on the planet:&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Join a meet-up or local group.&lt;/b&gt; I’ve mentioned this here before; however, it’s worth repeating that sites such as &lt;a href=&quot;http://sitepointcom.cmail1.com/t/y/l/qjtiid/ddkihulii/x&quot;&gt;&lt;span class=&quot;s1&quot;&gt;meetup.com&lt;/span&gt;&lt;/a&gt; and other organizations run chapters in your industry right across the planet. Spend some time looking for one in your area, and head along to a meeting; you may find solace in chatting to likeminded people, who are possibly in the same situation as yourself.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Start a meet-up.&lt;/b&gt; So you’ve looked around, but there’s no group meeting near you. Do you have many competitors in the same town or region? Collating a list of email addresses or telephone numbers, then making contact to ask if they’d be interested in meeting at a neutral venue, is a fantastic way to kick-start a new vibrant group.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Join forums.&lt;/b&gt; SitePoint has a lively &lt;a href=&quot;http://sitepointcom.cmail1.com/t/y/l/qjtiid/ddkihulii/m&quot;&gt;&lt;span class=&quot;s1&quot;&gt;discussion forum&lt;/span&gt;&lt;/a&gt;, and although the pariticpants aren’t face to face, there’ll likely be enough conversation and discussion to keep you from feeling too left out from the real world.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Volunteer your time.&lt;/b&gt; Your local sports club, scout group, or church may need volunteers, whether it be for maintaining their website, or even looking after a booth at a fair. Volunteering makes you feel good, and helps build relationships with great people.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Go and study.&lt;/b&gt; We all have plenty to learn; maybe you can find a nighttime course in something that appeals to you, whether it be learning Spanish or bookbinding—you’ll meet a whole roomful of people who are also interested in that topic.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Work from a café.&lt;/b&gt; You may not even be speaking to those around you, but taking your laptop out of your usual environment and finding a place with good coffee and wifi can re-energize you. That old saying about a change being as good as a holiday might apply for that one day you try it out!&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;&lt;b&gt;Find a serviced office.&lt;/b&gt; If you can, check out serviced offices or find somewhere you can rent a desk. As well as making you feel more like part of the human race, a regular place to work outside of home will possibly make a huge difference to your productivity if you are prone to being easily sidetracked.&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;Best of luck with finding the solution to loneliness!&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/8556505313679403291'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/8556505313679403291'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/11/fight-freelancer-loneliness.html' title='Fight Freelancer Loneliness!'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-3412774639893932687</id><published>2010-10-20T08:48:00.000-07:00</published><updated>2010-10-20T08:49:45.764-07:00</updated><title type='text'>7 Things Your Blog’s Sidebar Can&#39;t Live Without</title><content type='html'>&lt;style type=&quot;text/css&quot;&gt; p.p1 {margin: 0.0px 0.0px 25.0px 0.0px; line-height: 23.0px; font: 19.0px Arial; color: #3201ee} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 16.0px Arial; color: #686868} p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 13.0px Arial; color: #3201ee} p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 16.0px Arial; color: #686868; min-height: 18.0px} p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 16.0px Arial; min-height: 18.0px} p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 16.0px Arial; color: #3201ee; min-height: 18.0px} p.p7 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; line-height: 34.0px; font: 22.0px &#39;Lucida Grande&#39;; color: #333233; background-color: #e8ebf2} p.p8 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 10.0px; font: 10.0px &#39;Lucida Grande&#39;; color: #ffffff; background-color: #5f78ab} p.p9 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 16.0px Arial} p.p10 {margin: 0.0px 0.0px 16.0px 0.0px; line-height: 23.0px; font: 16.0px Arial} p.p11 {margin: 0.0px 0.0px 19.0px 0.0px; line-height: 23.0px; font: 24.0px Arial} p.p12 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 23.0px; font: 16.0px Arial; color: #1e3499} span.s1 {text-decoration: underline} span.s2 {letter-spacing: -1.0px} span.s3 {text-decoration: underline ; color: #3201ee} span.s4 {color: #000000} &lt;/style&gt;   &lt;p class=&quot;p1&quot;&gt;&lt;span class=&quot;Apple-style-span&quot; style=&quot;color: rgb(104, 104, 104); font-size: 16px; &quot;&gt;by Diana Freedman&lt;/span&gt;&lt;/p&gt; &lt;p class=&quot;p2&quot;&gt;Thu, Oct 07, 2010 @ 08:45 AM&lt;/p&gt; &lt;p class=&quot;p4&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;Your blog sidebar can be filled with anything you’d like, from fun and fancy widgets to ads for generating some extra income. But there are several important elements that your blog sidebar shouldn’t be without. They’ll not only help you keep readers on your site, but will help bring them back for more, or even turn them into leads.&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;Here are seven essential elements you should include in your blog&#39;s sidebar:&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;1. Option to Subscribe&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;Assuming you have &lt;a href=&quot;http://blog.hubspot.com/blog/tabid/6307/bid/6138/4-Tips-to-Make-Your-Content-Remarkable.aspx&quot;&gt;&lt;span class=&quot;s3&quot;&gt;remarkable content&lt;/span&gt;&lt;/a&gt; on your blog, which I know all you HubSpot blog readers do, your readers would be interested in coming back to your blog to read your latest posts. So make it easy for them! Add a subscribe button linking to your RSS feed URL. You can use &lt;a href=&quot;http://feedburner.google.com/&quot;&gt;&lt;span class=&quot;s3&quot;&gt;Feedburner&lt;/span&gt;&lt;/a&gt; to create this URL from your original RSS feed URL, as Feedburner makes it easy for readers to add your feed to their RSS reader, like &lt;a href=&quot;http://www.google.com/reader&quot;&gt;&lt;span class=&quot;s3&quot;&gt;Google Reader&lt;/span&gt;&lt;/a&gt;. Also, make sure to include an email form field to allow users to subscribe via email, so your posts will go straight to their email inbox.&lt;/p&gt; &lt;p class=&quot;p5&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p5&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;2. Category List&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;Often called “categories” or “topics,” this is a list that makes it easy for your readers to find content that they are interested in. Most blogging platforms automatically create this list from the categories or tags that you assign it when configuring each blog post. Try not to assign more than 1-3 categories per post, since any more would diminish the usefulness of sorting your content by category.&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;3. Most Popular Posts&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;The sidebar is a great place to display your most popular (usually meaning the most highly trafficked) blog posts. This way, readers won’t have to dig through pages and pages of content to find your most remarkable content. It will also peak people’s interests to find out why these posts are the most popular.&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;4. Recent Blog Posts&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;Including recent blog posts makes it easy for users who enter your site through a single blog post (rather than the homepage) to navigate to your most recent content. This is a great way to encourage readers to remain on the site and get additional page views.&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;5. Search Box&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;A search box makes it easy for your readers to find content based on the keyword or phrase they’re looking for. You can have this in your sidebar, but another popular option is to have the sidebar in your header (like &lt;a href=&quot;http://blog.hubspot.com/&quot;&gt;&lt;span class=&quot;s3&quot;&gt;HubSpot’s blog&lt;/span&gt;&lt;/a&gt;).&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;6. Social Media Connection Options&lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;These days, RSS isn’t the only way readers keep tabs on their favorite blogs. Include links to your social media profiles, such as Facebook and Twitter, so that you can provide updates to your readers on sites that they visit each and every day. You can even add a &lt;a href=&quot;http://ustandout.com/facebook/how-to-add-facebook-fan-box&quot;&gt;&lt;span class=&quot;s3&quot;&gt;Facebook Like Box&lt;/span&gt;&lt;/a&gt; (previously called Fan Box), so that users can “like” your fan page without having to leave your blog.&lt;/p&gt; &lt;p class=&quot;p11&quot;&gt;&lt;b&gt;7. Calls-to-Action     &lt;/b&gt;&lt;/p&gt; &lt;p class=&quot;p10&quot;&gt;Now that you have all this great content and blog traffic, you should include &lt;a href=&quot;http://blog.hubspot.com/blog/tabid/6307/bid/6644/5-Signs-Your-Call-to-Action-Needs-a-Makeover.aspx&quot;&gt;&lt;span class=&quot;s3&quot;&gt;calls-to-action&lt;/span&gt;&lt;/a&gt; for what you want your readers to do next. This is especially useful if this blog is a business blog, as you can include CTAs leading to your landing pages and get leads. Try to make your CTAs as relevant to your blog content as possible. You’ll be able to place the most relevant CTAs within each blog post (usually at the bottom of each post) since you’ll be able to customize this space more easily.&lt;/p&gt; &lt;p class=&quot;p5&quot;&gt;&lt;br /&gt;&lt;/p&gt; &lt;p class=&quot;p12&quot;&gt;&lt;span class=&quot;s4&quot;&gt;Read more: &lt;a href=&quot;http://blog.hubspot.com/blog/tabid/6307/bid/6759/7-things-your-blog-s-sidebar-can-t-live-without.aspx/?source=email-magnet-65#ixzz12ulVvCwt&quot;&gt;&lt;span class=&quot;s1&quot;&gt;http://blog.hubspot.com/blog/tabid/6307/bid/6759/7-things-your-blog-s-sidebar-can-t-live-without.aspx/?source=email-magnet-65#ixzz12ulVvCwt&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3412774639893932687'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/3412774639893932687'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/10/7-things-your-blogs-sidebar-cant-live.html' title='7 Things Your Blog’s Sidebar Can&#39;t Live Without'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-9021698426030314155</id><published>2010-10-20T08:23:00.000-07:00</published><updated>2010-10-20T08:25:01.892-07:00</updated><title type='text'>8 Steps to Create Your Winning Social Media Strateg</title><content type='html'>&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: rgb(35, 47, 57); &quot;&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;by Tracy Terry of Inbound Marketing University&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;Creating your &lt;a href=&quot;http://www.trustemedia.com/social-media-marketing.htm&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;social media strategy&lt;/a&gt; can be just as time consuming as creating your inbound marketing plan. It will entail lengthy research, investigative tactics, and thought. Below are some steps that you should consider when creating your social media strategy:&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;1. Goal.&lt;/strong&gt; What is your goal? Is your goal to obtain brand awareness, create buzz, build your email database, generate more leads, increase your conversions, increase your web traffic, create more inbound links, or something else? Clearly establish what your goal is and then you can go about strategizing how to obtain that goal.&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;2. Market Analysis. &lt;/strong&gt;You should know who your target market is and strategize about how to reach this market. Research your target market’s trends, characteristics, needs, and social activities. If you have an email database already established, you can use tools to help you find your audience, such as Facebook Friend Finder, Twitter’s follower tool, &lt;a href=&quot;http://www.flowtown.com/&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;Flowtown&lt;/a&gt;, and &lt;a href=&quot;http://www.rapleaf.com/&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;Rapleaf&lt;/a&gt;.&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;3. Foundation.&lt;/strong&gt; Lay out the foundation of your campaign. What type of message do you wish to portray about your company that will appeal to your target audience? Figure out the type of design you want to implement, color coordinating to your logo to keep in with your company branding. Define your copyrighting maximizing keyword exposure for your business.&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;4. Networks. &lt;/strong&gt;Decide which social networks you are going to use actively to provide you with the maximum ROI for your goal. There are a ton of sites out there beyond Facebook and Twitter that might be best for your business.  If you are in the music industry, you might be more suited to&lt;a href=&quot;http://www.reverbnation.com/&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;Reverbnation&lt;/a&gt;. If you are in the meeting industry, you might be more suited for &lt;a href=&quot;http://www.plannermix.com/&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;Plannermix&lt;/a&gt;. How many social networks do you wish be active in?&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;5. Content. &lt;/strong&gt;Which content is going to be more appealing to your audience? Plan whether you are going to use personal text content, questions, trivia, photos, videos, podcasts, blogs, etc. Decide where and when you will be using each piece of content. Create an &lt;a href=&quot;http://www.chrisbrogan.com/use-an-editorial-calendar/&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;editorial calendar&lt;/a&gt; to help you along.&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;6. Integration.&lt;/strong&gt;  How will you be integrating your social media with your current marketing?  It is important to maximize all media outlets to your best potential.  Will you be placing your social media links on your website, in your emails and enewsletters, on your print ads, stating in your on-air advertising?&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;7. Management.&lt;/strong&gt; Managing your campaign is crucial to its success.  How are you going to manage the campaign? Who is going to post?  Who is going to blog?  Will it be one person? Will it be a collaboration of people?  What bookmarking sites are you going to use? How are you going to measure your stats? Will you be posting manually or using a tool such as &lt;a href=&quot;http://hootsuite.com/&quot; target=&quot;_blank&quot; style=&quot;outline-style: none !important; outline-width: initial !important; outline-color: initial !important; color: rgb(255, 129, 37); &quot;&gt;Hootsuite&lt;/a&gt;? These are important questions to ask. &lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;&lt;strong&gt;8. Cost. &lt;/strong&gt;What resources are going to be used to implement the social media strategy and how much are they going to cost you?  Although social media is a free tool, there is a cost involved in hiring a professional to handle your social media strategy. This will be true whether you are handling your social media in-house our outsourcing. If you are adding social media to your current marketing plan without hiring any new employees, how much time will be involved in executing the social media strategy successfully?  Will you be opting to exclude another form of media that may not be working for your company in order to include time for the social media aspects.&lt;/p&gt;&lt;p style=&quot;font-size: 0.9em; line-height: 18px; &quot;&gt;These are major points to consider when developing your social media marketing plan. Careful consideration should be given to each one. Taking your time and planning your strategy carefully will bring you the most success and not leave you wondering around the social media networks aimlessly with no goal and with no success.&lt;/p&gt;&lt;/span&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/9021698426030314155'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/9021698426030314155'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/10/8-steps-to-create-your-winning-social.html' title='8 Steps to Create Your Winning Social Media Strateg'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry><entry><id>tag:blogger.com,1999:blog-4909841444326510821.post-5436472021076507831</id><published>2010-10-14T13:36:00.000-07:00</published><updated>2010-10-14T13:41:14.732-07:00</updated><title type='text'>Writing is a Challenge, not a Chore.</title><content type='html'>by Miles Burke&lt;br /&gt;tribune@sitepoint.com&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Writing is a Challenge, not a Chore.&lt;/b&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;Ever noticed that some blogs or articles read so much better than others? Some are a chore to read, while others are a pleasure. The same applies to emails and letters.&lt;br /&gt;&lt;br /&gt;So what&#39;s the secret to writing with impact?&lt;br /&gt;&lt;br /&gt;Well, I like to credit my writing in the Tribune to the fantastic editors that work tirelessly behind the scenes to make my stream of words sensible; however, there are a multitude of ways to improve your writing. Here are eight of them.&lt;br /&gt;&lt;br /&gt;I challenge you to go through your website and look at your content in light of these rules. Fixing any issues may just make a big difference to your conversion rate.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Write When the Urge Hits&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;If you speak to professional writers, they&#39;ll tell you that they sit down for a full day every day and write those articles. The rest of us aren&#39;t that lucky. I find that I can only really write well when I&#39;m in the mood. Sure, I can write even when I&#39;d rather not be; however, I&#39;m sure it shows when it&#39;s forced.&lt;br /&gt;&lt;br /&gt;Know when you&#39;re in the zone to write and when you&#39;re not. Choosing to write when you&#39;re up to it will improve most people&#39;s writing considerably.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Simplicity is Key&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Just like a new designer who uses ten typefaces on a simple graphic, many new writers believe they need to use complex words to look smart.&lt;br /&gt;&lt;br /&gt;All that does is make your writing hard to read. It&#39;s okay to use a thesaurus to vary your word usage, but don&#39;t forsake a good, descriptive word for a more difficult one.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Avoid Verbosity&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;If you can take a word out without changing the meaning of the sentence, do it. Take this sentence, for example: what unnecessary words could you possibly remove? Let&#39;s try that again now. Take this sentence, for example: what words could you remove?&lt;br /&gt;&lt;br /&gt;Notice the difference? Brevity, especially in business communications, is like a breath of fresh air. Readers will appreciate you for it.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Write Concise Sentences&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Once you&#39;ve written your piece, read it aloud. You should be able to read a sentence without gasping for breath. In business writing, people prefer shorter sentences. So as well as removing unnecessary words, aim for concise writing.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Keep Paragraphs Compact&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;People tend to scan websites, rather than read from top to bottom like they do with a newspaper. If you&#39;re writing for the Web, limit the length of your paragraphs, and your readers will keep coming back for more.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Use an Active Voice&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;This is not about exercising your vocal cords. Active sentence construction uses more direct language than its passive cousin, with stronger verbs that inject energy into the action. Compare the following:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;The website was built by me.&lt;/li&gt;&lt;li&gt;I built the website.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;In the first sentence, the subject is the website, which is being acted upon; it&#39;s in the passive voice. In the second sentence, I&#39;m the subject that performs the action. Sometimes it&#39;s a case of what needs to be emphasized, but more often the directness of active construction is preferable for clear English. Not only is the sentence now shorter, it&#39;s punchier and reads better.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Spell-check, Spell-check, and then Spell-check&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;There is nothing worse than seeing spelling errors in business communications. I&#39;ve lost count of the number of times I&#39;ve watched a presentation with errors in the slides, or lost confidence in a business because their website is littered with misspellings.&lt;br /&gt;&lt;br /&gt;Sure, use your spell-check software, but beware of homophones, when a correctly spelled word is placed in the wrong spot; for example, two, too, and to. Read it again slowly, and even ask a colleague to read it, if that helps.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Keep on Writing&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;The more you write, the more you&#39;ll improve. I find that regular writing does more for me than reading books on editing and the like. Warm up by writing a short piece, and then tackle the bigger jobs. Before you know it, you&#39;ll find yourself writing better without the agony.&lt;br /&gt;&lt;br /&gt;Best of luck adopting these rules, and embracing writing as a challenge not a chore. With a little preparation and forethought, you&#39;ll be crafting better content and correspondence in no time at all!&lt;/div&gt;</content><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5436472021076507831'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/4909841444326510821/posts/default/5436472021076507831'/><link rel='alternate' type='text/html' href='http://donaven-com.blogspot.com/2010/10/writing-is-challenge-not-chore.html' title='Writing is a Challenge, not a Chore.'/><author><name>Donaven</name><uri>http://www.blogger.com/profile/12775789640433662942</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='31' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxjvR1E4o_o42jBKpFibh4LernYij5Rt0o_rkJwd4lpYw-Yv2Ogehi-9CIhtV-xFsJPDyCoGtjgv56XPufF2BMd4qSBgQMcDbcG3VZjELkVCnRPNUVwHTkTp_yhxrIbB3qH0ZL6rckrY4hMVDNg-dvll5zX8lfk95cqaUX0Igj28/s220/donaven-20120730b.jpg'/></author></entry></feed>