<?xml version='1.0' encoding='UTF-8'?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/'><id>tag:blogger.com,1999:blog-2898989231956969799</id><updated>2008-03-23T12:51:16.450+02:00</updated><title type='text'>Designrific</title><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/default.html'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default?start-index=26&amp;max-results=25'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default'/><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml'/><author><name>Mostafa Mourad</name></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>53</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-5618344051371986802</id><published>2008-02-03T18:15:00.000+02:00</published><updated>2008-02-03T18:20:28.460+02:00</updated><title type='text'>Free Vector Stocks</title><content type='html'>Source: &lt;a href="http://malevi4.wordpress.com/2007/12/21/free-vector-stocks-for-illustrator-and-corel/"&gt;malevi4.wordpress.com&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191533104_01.jpg" alt="Сборка векторных клипартов для Illustrator и Corel" /&gt;&lt;/p&gt;&lt;div&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;    Собрал не кислую коллекцию всякой векторной вкуснятины. Как говорится: налетай! да в закладки добавляй!)&lt;br /&gt;&lt;a href="http://odnaknopka.ru/add/"&gt;&lt;img src="http://odnaknopka.ru/images/button.gif" alt="ОднаКнопка" border="0" height="16" width="136" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;Качественная подборка векторных изображений различной тематики от &lt;a href="http://allday.ru/" title="http://allday.ru"&gt;http://allday.ru&lt;/a&gt;. Всего в архиве около 200 файлов в формате “eps”. Подойдет как для Illustrator, так и для Corel.&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://allday.ru/2007/10/07/vektor_sborka_klipartov_raznojj_tematiki_stock_vector_pack.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191533121_02.jpg" alt="Сборка векторных клипартов для Illustrator и Corel" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h3 style="text-align: left;"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191533121_03.jpg" alt="Сборка векторных клипартов для Illustrator и Corel" /&gt;&lt;/h3&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191533145_04.jpg" alt="Сборка векторных клипартов для Illustrator и Corel" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;b&gt;Скачать&lt;/b&gt; - 59,4 mb.&lt;br /&gt;&lt;a href="http://ifolder.ru/3601202"&gt;ifolder.ru&lt;/a&gt;&lt;br /&gt;&lt;a href="http://rapidshare.com/files/60306581/Stock_Vector_Pack.rar"&gt;rapidshare.com&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h3 style="text-align: left;"&gt;Полный сборник векторных клипартов Go Media Arsenal&lt;/h3&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://i9.tinypic.com/87lr20x.jpg" /&gt; &lt;a href="http://allday.ru/2007/10/05/polnyjj_sbornik_go_media_arsenal__vector_set_all_17.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_architecture1.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/a&gt;&lt;a href="http://allday.ru/2007/10/05/polnyjj_sbornik_go_media_arsenal__vector_set_all_17.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_decorative_elements.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/a&gt;&lt;a href="http://allday.ru/2007/10/05/polnyjj_sbornik_go_media_arsenal__vector_set_all_17.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_gomediaanatomy.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/a&gt;&lt;a href="http://allday.ru/2007/10/05/polnyjj_sbornik_go_media_arsenal__vector_set_all_17.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_gomediabugs.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/a&gt;&lt;a href="http://allday.ru/2007/10/05/polnyjj_sbornik_go_media_arsenal__vector_set_all_17.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_gomediastatues.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/a&gt;&lt;a href="http://allday.ru/2007/10/05/polnyjj_sbornik_go_media_arsenal__vector_set_all_17.html#"&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_ornate.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/a&gt;&lt;img src="http://allday.ru/uploads/posts/thumbs/1191274200_trees.jpg" alt="Полный сборник векторных клипартов Go Media Arsenal (Vector Set All 1-7)" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;Информация: &lt;a href="http://anonym.to/?http://www.gomedia.us/arsenal/"&gt;домашняя страница&lt;/a&gt;&lt;br /&gt;Скачать - 91.5 Mb. by &lt;a href="http://allday.ru/"&gt;allday.ru&lt;/a&gt;&lt;br /&gt;&lt;a href="http://ifolder.ru/3564636"&gt;ifolder.ru&lt;/a&gt;&lt;br /&gt;&lt;a href="http://rapidshare.com/files/59604942/Vector_Set_Go_Media.rar"&gt;rapidshare.com&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc02.deviantart.com/fs16/i/2007/154/1/b/Free_Vector_Stock_by_YSR1.jpg" height="430" width="660" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/53905342/Free_Vector_Stock_by_YSR1.ai"&gt;Free Vector Stock&lt;/a&gt; by *&lt;a href="http://ysr1.deviantart.com/"&gt;YSR1&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0052/set.gif" height="310" width="654" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77813539/rtc-cursor.zip"&gt;RTC Cursor&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.reticula.fr/"&gt;Reticula&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://dezignus.com/wp-content/uploads/2007/12/vector-geraldic.png" alt="Geraldic elements (eps)" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;b&gt;Download General Heraldic elements by &lt;a href="http://dezignus.com/" title="http://dezignus.com"&gt;dezignus.com&lt;/a&gt; &lt;/b&gt;(&lt;b&gt;size: 5 mb,&lt;/b&gt; eps) from:&lt;/p&gt;&lt;div style="text-align: left;"&gt;  &lt;/div&gt;&lt;ul style="text-align: left;"&gt;&lt;li&gt;&lt;a href="http://rapidshare.com/files/74689782/Vector-Geraldic.zip"&gt;Rapidshare&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://depositfiles.com/files/2613907"&gt;Deposite&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0065/set.gif" height="317" width="660" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/41693697/zixyon_branding.ai"&gt;Massive Zixyon Branding&lt;/a&gt; by ~&lt;a href="http://zixyon.deviantart.com/"&gt;zixyon&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0159/22.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77727808/22.eps.zip"&gt;loosydings-expert&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.loosydesign.com/"&gt;loosydesign&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0134/VECTORSTOCK.COM_Logo-Tools-1_REMIX__ill8_.jpg" height="681" width="647" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77729352/download.zip"&gt;Logo Tools 1 (remix)&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.vectorstock.com/"&gt;Vectorstock&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc05.deviantart.com/fs23/i/2007/336/b/e/83grafiks_Freestock_by_nobeak.jpg" height="506" width="655" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/71220861/83grafiks_Freestock_by_nobeak.rar"&gt;Download&lt;/a&gt; by *&lt;a href="http://nobeak.deviantart.com/"&gt;nobeak&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0250/createsk8_brushkit.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77669945/createSk8_Swirly_Brushkit_2_.zip"&gt;Swirly Curls - Sick Brush Kit&lt;/a&gt;  &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.createsk8.com/"&gt;www.createsk8.com&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0204/IJ_Nature.png" height="466" width="655" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77715591/IJ_Nature.ai_2_.zip"&gt;Nature&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.ijdesign.blogspot.com/"&gt;ijdesign personal blog&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0255/flava1.gif" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77677420/flavafx.zip"&gt;Free vector set 1 from FlavaFX&lt;/a&gt;  &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.flavafx.com/"&gt;FlavaFX&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc02.deviantart.com/fs21/i/2007/302/1/5/Cheduardo__s_vectorSPLATS_by_cheduardo2k.jpg" height="345" width="539" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/68573209/Cheduardo__s_vectorSPLATS_by_cheduardo2k.ai"&gt;Cheduardo’s vectorSPLATS&lt;/a&gt; by ~&lt;a href="http://cheduardo2k.deviantart.com/"&gt;cheduardo2k&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://bluedotgod.deviantart.com/art/Zaruns-Splatter-set-01-58643619"&gt;&lt;img src="http://fc04.deviantart.com/fs16/i/2007/179/7/1/Zaruns_Splatter_set_01_by_bluedotgod.jpg" height="550" width="662" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/58643619/Zaruns_Splatter_set_01_by_bluedotgod.zip"&gt;Zaruns Splatter set 01&lt;/a&gt; by ~&lt;a href="http://bluedotgod.deviantart.com/"&gt;bluedotgod&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0048/set.gif" height="504" width="658" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/48616819/Vector_Spat_Pack_V1_By_Cj_Viru_by_cjvirus.ai"&gt;Vector Splat Pack v1&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://cjvirus.deviantart.com/"&gt;cjvirus&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0242/FLORAL_VECTOR.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77679167/FLORAL_VECTOR.zip"&gt;SP3KTR_FLORAL&lt;/a&gt; by &lt;a href="http://www.spektrgraphix.com/"&gt;SP3KTRGRAPHIX&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://createsk8.com/wp-content/gallery/createsk8/sk8skulls.jpg" alt="Sk8 Skulls" border="0" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://createsk8.com/wp-content/gallery/createsk8/sk8skulls.zip"&gt;Download Now&lt;/a&gt;  Sk8skulls.zip (5,292kb) by &lt;a href="http://createsk8.com/"&gt;CreateSk8&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://blindblues46.deviantart.com/art/vector-dancers-69991740"&gt;&lt;img src="http://fc02.deviantart.com/fs22/i/2007/321/0/6/vector_dancers_by_blindblues46.jpg" height="640" width="480" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/69991740/vector_dancers_by_blindblues46.pdf"&gt;vector dancers&lt;/a&gt; by ~&lt;a href="http://blindblues46.deviantart.com/"&gt;blindblues46&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0270/smileys20.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77659651/emoticons_tonygines.zip"&gt;Vector Smiley Pack&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.tonygines.com/"&gt;TonyGines.com&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc02.deviantart.com/fs21/i/2007/300/8/c/vector_flags__pack_by_raknoob.jpg" height="498" width="658" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;274 &lt;a href="http://rapidshare.com/files/76238451/vector_flags__pack_by_raknoob.exe"&gt;Vector flags pack&lt;/a&gt; by ~&lt;a href="http://raknoob.deviantart.com/"&gt;raknoob&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc05.deviantart.com/fs22/i/2007/323/f/7/snowflake_by_jeni_cek.jpg" height="855" width="608" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/70170746/snowflake_by_jeni_cek.zip"&gt;snowflake&lt;/a&gt; by ~&lt;a href="http://jeni-cek.deviantart.com/"&gt;jeni-cek&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.spoongraphics.co.uk/blog/wp-content/uploads/freebies/SnowFlake_Vectors.zip"&gt;&lt;img src="http://www.spoongraphics.co.uk/blog/wp-content/uploads/2007/11/snowflake_vectors_sm.gif" alt="Snowflake Vector" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.spoongraphics.co.uk/blog/wp-content/uploads/freebies/SnowFlake_Vectors.zip"&gt;Download Vector Resources Freebie 370kb 1 x EPS&lt;/a&gt; by &lt;a href="http://www.blog.spoongraphics.co.uk/" title="http://www.blog.spoongraphics.co.uk"&gt;spoongraphics&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt;   &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc01.deviantart.com/fs20/i/2007/231/5/3/tradi_na_tional_america_by_manahan.jpg" height="215" width="562" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77027364/maya.eps"&gt;Traditional america&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc04.deviantart.com/fs20/i/2007/231/c/1/tradi_na_tional_china_by_manahan.jpg" height="437" width="658" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/62775843/tradi_na_tional_china_by_manahan.rar"&gt;traditional china&lt;/a&gt; by ~&lt;a href="http://manahan.deviantart.com/"&gt;manahan&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc02.deviantart.com/fs23/i/2007/336/f/2/Curly_Vector_hand_made_by_Lostmolotov.jpg" height="457" width="658" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/71244278/Curly_Vector_hand_made_by_Lostmolotov.pdf"&gt;Curly Vector hand made&lt;/a&gt;  by ~&lt;a href="http://lostmolotov.deviantart.com/"&gt;Lostmolotov&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0021/set.gif" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;50 Free Vector Grunge Corners  &lt;a href="http://www.bittbox.com/wp-content/uploads/2007/03/free_vectorGCAI.zip"&gt;IllustratorCS [AI]&lt;/a&gt; &lt;a href="http://www.bittbox.com/wp-content/uploads/2007/03/free_vectorGCEPS.zip"&gt;EPS&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.bittbox.com/"&gt;Bittbox&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0029/set.gif" height="653" width="653" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://www.gosquared.com/images/help_sheets/Icon_Set_1.ai"&gt;165 Lovely Vector Icons&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://www.gosquared.com/liquidicity"&gt;Liquidicity&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://dezignus.com/wp-content/uploads/2007/11/food.jpg" alt="food icons" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;b&gt;Download Food Icons (size: &lt;b&gt;4,8 mb, &lt;/b&gt;by &lt;/b&gt;&lt;a href="http://dezignus.com/"&gt;&lt;b&gt;dezignus.com&lt;/b&gt;&lt;/a&gt;&lt;b&gt;) &lt;/b&gt;from&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;ul style="text-align: left;"&gt;&lt;li&gt;&lt;a href="http://depositfiles.com/files/2409528"&gt;Deposit files&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="http://rapidshare.com/files/70558203/food.zip"&gt;Rapidshare&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://dezignus.com/wp-content/uploads/2007/11/equipment.jpg" alt="equipment icons" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;b&gt;Download Digital equipment icons&lt;/b&gt; (size: 3.2 mb.&lt;b&gt; &lt;/b&gt;by &lt;a href="http://dezignus.com/"&gt;dezignus.com&lt;/a&gt;) for free from:&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;ul style="text-align: left;"&gt;&lt;li&gt;Rapidshare: &lt;a href="http://rapidshare.com/files/70555548/equipment.zip"&gt;equipment.zip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Deposite: &lt;a href="http://depositfiles.com/files/2409389"&gt;equipment.zip&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://dezignus.com/wp-content/uploads/2007/11/business.jpg" alt="business icons" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;b&gt;Download Business Office Icons&lt;/b&gt; (size: 2,1 mb.&lt;b&gt; by &lt;/b&gt;&lt;a href="http://dezignus.com/"&gt;&lt;b&gt;dezignus.com&lt;/b&gt;&lt;/a&gt;) for free from:&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;ul style="text-align: left;"&gt;&lt;li&gt;from rapidshare - &lt;a href="http://rapidshare.com/files/70553367/business.zip"&gt;business.zip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;from deposite - &lt;a href="http://depositfiles.com/files/2409287"&gt;business.zip&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://dezignus.com/wp-content/uploads/2007/11/interteinment.jpg" alt="Intertainment icons" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;Download Entertainment Icons for free (size: 2,5 mb &lt;b&gt;by &lt;/b&gt;&lt;a href="http://dezignus.com/"&gt;&lt;b&gt;dezignus.com&lt;/b&gt;&lt;/a&gt;)&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;ul style="text-align: left;"&gt;&lt;li&gt;Rapidshare: &lt;a href="http://rapidshare.com/files/70552390/intertainment.zip"&gt;intertainment.zip&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Deposit: &lt;a href="http://depositfiles.com/files/2409244"&gt;intertainment.zip&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://i15.tinypic.com/8c0nwp2.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://i19.tinypic.com/89jpsld.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/78057981/Vector_Pack_set2_ai.rar"&gt;Vector_Pack_set2_ai&lt;/a&gt; - 19 mb&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0036/set.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;mesh_pack &lt;i&gt;by&lt;/i&gt; &lt;a href="http://manahan.deviantart.com/"&gt;manahan&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0173/benblogged_wings_pr.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;Free Vector Wings - &lt;a href="http://benblogged.com/wp-content/uploads/2007/08/benblogged_wings_1ai.zip"&gt;Illustrator CS2&lt;/a&gt; &lt;a href="http://benblogged.com/wp-content/uploads/2007/08/benblogged_wings_1eps.zip"&gt;EPS&lt;/a&gt; &lt;i&gt;by&lt;/i&gt; &lt;a href="http://benblogged.com/"&gt;Ben Blogged&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.jlwdesign.com/?p=16"&gt;&lt;img src="http://www.jlwdesign.com/wp-content/gallery/freestuff/hairbrushkit.jpg" alt="Hairbrush Kit Brush" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://namespace.deviantart.com/art/Swirly-Curls-5-Bad-Hair-Day-67143805"&gt;&lt;img src="http://fc05.deviantart.com/fs21/i/2007/285/e/b/Swirly_Curls_5___Bad_Hair_Day_by_namespace.jpg" height="441" width="657" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.deviantart.com/download/67143805/Swirly_Curls_5___Bad_Hair_Day_by_namespace.pdf"&gt;Swirly Curls 5 - Bad Hair Day&lt;/a&gt; by *&lt;a href="http://namespace.deviantart.com/"&gt;namespace&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77669282/swirl4.zip"&gt;&lt;img src="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirl4.jpg" alt="SwirlyCurls 4 Vector Pack" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirls3.zip"&gt;&lt;img src="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirls3.jpg" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirls2.zip"&gt;&lt;img src="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirlscurls2.jpg" alt="(To Download - Right Mouse Click &amp;amp; Save Target As)" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirlycurls.zip"&gt;&lt;img src="http://www.jlwdesign.com/wp-content/gallery/freestuff/swirlycurlslg.jpg" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.jlwdesign.com/wp-content/gallery/freestuff/angelasbutterflies.zip"&gt;&lt;img src="http://www.jlwdesign.com/wp-content/gallery/freestuff/angela.jpg" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://www.jlwdesign.com/"&gt;jlwDesign&lt;/a&gt; (для закачки кликай на картинку…)&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc04.deviantart.com/fs19/i/2007/240/b/d/nokia_by_x_engin.png" height="822" width="595" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77152605/nokia_by_x_engin.rar"&gt;nokia 7610&lt;/a&gt; by ~&lt;a href="http://x-engin.deviantart.com/"&gt;x-engin&lt;/a&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://www.vecteezy.com/images/previews/0000/0034/set.jpg" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;h6 style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77815828/bokal_by_manahan.rar"&gt;bokal&lt;/a&gt; (.ai) &lt;i&gt;by&lt;/i&gt; &lt;a href="http://manahan.deviantart.com/"&gt;manahan&lt;/a&gt;&lt;/h6&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;img src="http://fc01.deviantart.com/fs20/i/2007/245/0/b/Gallardo_by_raknoob.jpg" height="492" width="654" /&gt;&lt;/p&gt;&lt;div style="text-align: left;"&gt; &lt;/div&gt;&lt;p style="text-align: left;"&gt;&lt;a href="http://rapidshare.com/files/77152285/Gallardo_by_raknoob.rar"&gt;Gallardo&lt;/a&gt; by ~&lt;a href="http://raknoob.deviantart.com/"&gt;raknoob&lt;/a&gt;&lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2008/02/free-vector-stocks.html' title='Free Vector Stocks'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=5618344051371986802&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/5618344051371986802'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/5618344051371986802'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-6962698733546483605</id><published>2008-02-03T12:19:00.000+02:00</published><updated>2008-02-03T12:20:52.244+02:00</updated><title type='text'>8 Web Design Mistakes That Developers Make</title><content type='html'>Source: &lt;a href="http://www.wakeuplater.com/website-building/8-web-design-mistakes-that-developers-make.aspx"&gt;wakeuplater.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;An excellent website takes a particularly savvy blend of both great design and great code. Because of this, you often find designers having to figure out code and developers trying their hand at design. Speaking as a developer who spent his university years studying among other developers, I can safely say that programmers are not designers. Thankfully, we were graded back then for having reusable code and proper OO methodology -- never for our aesthetics. But nowadays, one of the greatest assets a developer can have is a keen understanding of design.&lt;br /&gt;&lt;br /&gt;Now I understand that a programmer may never need to know anything about design (or for that matter, a designer doesn't ever need to program). But the truth is, every programmer has personal projects, frugal clients, or management roles that require design. Furthermore, I can say that often, a freelancer's greatest asset in pitching potential clients is their keen understanding of the &lt;b&gt;entire website building process&lt;/b&gt;. So coming from someone who studied as a developer but now also does design (or at least attempts to), here are 8 mistakes I've either heard or made myself.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;"I Know What Looks Good (and I Have Photoshop)"&lt;/b&gt;&lt;br /&gt;It's one thing to be a bad designer. It's a far worse matter to be a bad designer and think that you're good. Every good designer has a well-calibrated "design compass" that comes from constantly looking at good designs. You need to spend time looking at great designs from sites like &lt;a href="http://www.thefwa.com/" target="_out"&gt;TheFWA&lt;/a&gt;, &lt;a href="http://www.faveup.com/" target="_out"&gt;FaveUp&lt;/a&gt;, &lt;a href="http://www.designiskinky.com/" target="_out"&gt;Design is Kinky&lt;/a&gt;, and my personal favorite, the &lt;a href="http://www.behance.net/" target="_out"&gt;Behance Network&lt;/a&gt;. You might also want to pick up the occasional design magazine like &lt;i&gt;HOW&lt;/i&gt; or &lt;i&gt;print&lt;/i&gt; (note that both are U.S. magazines and may be more expensive internationally). Just as good programmers enjoy looking at (and usually critiquing) other people's code, a good designer is always scanning other people's work, whether it be a website or billboard or menu. Without a good "design compass," no amount of Photoshop filters will save you.&lt;br /&gt;&lt;a href="http://www.colourlovers.com/" target="_out"&gt;&lt;img src="http://www.wakeuplater.com/post-images/COLOURlovers.gif" alt="COLOURlovers" align="right" border="0" hspace="10" vspace="10" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;"Just Use Blue and White Again"&lt;/b&gt;&lt;br /&gt;Most programmers scoff at the idea that a designer might spend several hours choosing exact colors for a website. However, colors will always matter more than you think and you can't change them after a site is being built (at least, not without great effort). Like most things, looking at the color schemes of good designers will help, and the best place to look for color scheme ideas is &lt;a href="http://www.colourlovers.com/" target="_out"&gt;COLOURlovers&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;"I'll Just Center Everything"&lt;/b&gt;&lt;br /&gt;For most, it seems almost natural to center align titles, taglines, and parts of copy. But usually, centered text on a website looks amateurish, while left-aligning is a much safer and usually better looking option. Furthermore, be mathematically exact about your website sections, taking advantage of rulers and gridlines in Photoshop. This doesn't mean your design should look grid-like, but eyes can and will notice when sections are supposed to line up, but do not (especially with text). Every pixel matters.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.iliveonyourvisits.com/helvetica/" target="_out"&gt;&lt;img src="http://www.wakeuplater.com/post-images/helvetica-arial.gif" alt="Helvetica and Arial" align="right" border="0" hspace="10" vspace="10" /&gt;&lt;/a&gt;&lt;b&gt;"Use the Free Font...It Looks Fine to Me"&lt;/b&gt;&lt;br /&gt;There was a time in my life when (a) all serif fonts looked the same and (b) no font was worth paying for. I have since rescinded on both, and continue to learn more about the complex and beautiful world of typography. Honestly, if there was one subject I wish I could master, it would be typography. You can have a &lt;a href="http://www.typophile.com/" target="_out"&gt;great website&lt;/a&gt; with only a little color and great type (and such is the basis for any great design anyways). Again, becoming better at typography requires reading and training your eye by looking at good sites. And please never categorize all fonts under either "fun" or "boring."&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;"We Can Fit More Information in That Space"&lt;/b&gt;&lt;br /&gt;Having worked on both programming and design teams, a common disagreement between the two is "utility of space." Programmers want to get as much information above the fold as possible. Designers argue that the eye can't take that much and would rather just have a logo and tagline above the fold. Try finding a happy median between the two, knowing that (a) busy websites can be ineffective, (b) "whitespace" is not just a fallback for lazy designers, and (c) the so-called "empty" portions of a site are necessary to set off the other elements.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.istockphoto.com/file_closeup.php?id=5105610&amp;amp;refnum=sryan571" target="_out"&gt;&lt;img src="http://www.wakeuplater.com/post-images/iStockPhoto.jpg" alt="iStockPhoto is Good" align="right" border="0" hspace="10" vspace="10" /&gt;&lt;/a&gt;&lt;b&gt;"I'm Not Paying for a Picture"&lt;/b&gt;&lt;br /&gt;Bad imagery/photography can ruin a reasonable site, while great imagery can make a simple design look really good. And with the resources on the web, there should be no excuse for using poor imagery. For non-commercial sites, check out &lt;a href="http://www.sxc.hu/" target="_out"&gt;stock.xchng&lt;/a&gt; or &lt;a href="http://www.flickr.com/" target="_out"&gt;Flickr&lt;/a&gt; -- just make sure that the license behind the photo allows its use. For commercial work, there are multiple microstock websites out there like &lt;a href="http://www.istockphoto.com/index.php?refnum=sryan571" target="_out"&gt;iStockPhoto&lt;/a&gt; (although learn to be creative because after a while, you start seeing the same images on other sites). And lastly, don't be scared to spend good money for the perfect image at a site like &lt;a href="http://www.veer.com/" target="_out"&gt;Veer&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;"I Don't Need to Ask for Opinions"&lt;/b&gt;&lt;br /&gt;More often than not, you will be your design's biggest fan (through your rose-colored glasses). So you need to ask designers you know for an honest critique. Unfortunately, most people I know who've asked me what I think of their design just wanted approval, not critique. So let your ego go and put on your learning cap. There's a reason that these people are designers (and get paid for it) while you are not. Then after you get their feedback, respect them, trust them, and implement some changes.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://psdtuts.com/designing-tutorials/elements-of-great-web-design-the-polish/" target="_out"&gt;&lt;img src="http://www.wakeuplater.com/post-images/psdtuts.gif" alt="PSDtuts" align="right" border="0" hspace="10" vspace="10" /&gt;&lt;/a&gt;&lt;b&gt;"No Need to Get Too Detailed"&lt;/b&gt;&lt;br /&gt;Just like you can have mediocre code that needs improvement (but still "works"), you can have a design that is passable, but far from great. It's easy to look at great designs and think, "That doesn't look like much." But in reality, a great design takes a good deal of time (especially for new designers). But with these great designs, you only get to see the end product, and not the amount of editing and revisions that the designer went through. Furthermore, you'd be surprised how a detail as simple as a stroke line makes a world of difference. Don't ever consider a design "done" the first time you put the elements together.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;All in all, great design (like great code) takes time, patience, and skill -- and thus, should be duly respected. Although as a programmer or content writer or other web worker, you may never need to design a website, I have a feeling that at one point or another, you'll have to anyways. Hopefully, you won't make the above mistakes...</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2008/02/8-web-design-mistakes-that-developers.html' title='8 Web Design Mistakes That Developers Make'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=6962698733546483605&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/6962698733546483605'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/6962698733546483605'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-3854169977021562396</id><published>2008-01-06T10:12:00.000+02:00</published><updated>2008-01-06T10:14:19.488+02:00</updated><title type='text'>Geek Trends: 15 Footers with great usability</title><content type='html'>Source: &lt;a href="http://yample.com/popupon/?p=54"&gt;Pop Upon Magazine&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Footers are becoming an essential strategy to engage visitors. Leaders in the industry are moving toward implementing effective footer features and creating a place for presenting, displaying and branding to their audiences in a very personal way by providing intuitive nature.&lt;/p&gt; &lt;p&gt;On the search for effective integrated footers we collected a few that are amazing for creating engagement to produce internal traffic and brand awareness. We present you an alphabetical order list of 15 Footers with viable integration.&lt;/p&gt; &lt;p&gt;1.  &lt;a href="http://spanish-portuguese.berkeley.edu/"&gt;Department of Spanish and Portuguese&lt;/a&gt; &lt;a href="http://spanish-portuguese.berkeley.edu/"&gt;&lt;br /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_berkeley.jpg" alt="footer_berkeley.jpg" /&gt;&lt;span id="more-54"&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;2. &lt;a href="http://www.biola.edu/undergrad/"&gt;Biola University&lt;/a&gt;, customer service at glance&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_biola.jpg" alt="footer_biola.jpg" /&gt;&lt;/p&gt; &lt;p&gt;3.  &lt;a href="http://www.webdesignerwall.com/"&gt;Designer Wall&lt;/a&gt;, a resource of inspiration and Design News…&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_designerwall.jpg" alt="footer_designerwall.jpg" /&gt;&lt;/p&gt; &lt;p&gt;4. &lt;a href="http://www.farfromfearless.com/"&gt;Far from fearless&lt;/a&gt;, a well implemented flickr section, “How not to” steal browser window space.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_farfromfearless.jpg" alt="footer_farfromfearless.jpg" /&gt;&lt;/p&gt; &lt;p&gt;5. &lt;a href="http://www.generationchurch.org/"&gt;Generation Church&lt;/a&gt;, despite the original design a holy experience literally speaking!&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_generationchurch.jpg" alt="footer_generationchurch.jpg" /&gt;&lt;/p&gt; &lt;p&gt;6.  &lt;a href="http://gigaom.com/"&gt;Giga OM&lt;/a&gt;, Malik once again ahead on the game… brand, brand, brand&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_gigaom.jpg" alt="footer_gigaom.jpg" /&gt;&lt;/p&gt; &lt;p&gt;7.  &lt;a href="http://www.johnchow.com/"&gt;John Chow&lt;/a&gt;, recently updated blog, the real sense of giving, links to MyBlogLog profiles for visitors, blog roll, and a source of money making opportunities. why is he evil?&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_johnchow.jpg" alt="footer_johnchow.jpg" /&gt;&lt;/p&gt; &lt;p&gt;8. &lt;a href="http://popsugar.com/"&gt;Pop Sugar&lt;/a&gt;, well planned branding strategy with access to the entire network and feed subscriptions to all their blogs.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_popsugar.jpg" alt="footer_popsugar.jpg" /&gt;&lt;/p&gt; &lt;p&gt;9. &lt;a href="http://www.powazek.com/2005/09/000540.html"&gt;Powazek&lt;/a&gt;, what a footer should look like, BTW Derek is going to be one of the speakers at O’Reilly’s &lt;a href="http://en.oreilly.com/toc2008/"&gt;Tools of Change&lt;/a&gt; 2008.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_powazek.jpg" alt="footer_powazek.jpg" /&gt;&lt;/p&gt; &lt;p&gt;10. &lt;a href="http://prblogger.com/"&gt;PR Blogger&lt;/a&gt;, reaching information in one place, very smart way to present a stream of events and information.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_prblogger.jpg" alt="footer_prblogger.jpg" /&gt;&lt;/p&gt; &lt;p&gt;11. &lt;a href="http://www.problogger.net/"&gt;Problogger&lt;/a&gt;, Darren always in the game, another recently updated blog like very much his new layou, the Home page is a little busy to my taste, However Darren dear friend you excel with this footer.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_problogger.jpg" alt="footer_problogger.jpg" /&gt;&lt;/p&gt; &lt;p&gt;12. &lt;a href="http://readwriteweb.com/"&gt;Read Write Web&lt;/a&gt;, Simple and minimalist, keeping the reader on the spot!&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_rrw.jpg" alt="footer_rrw.jpg" /&gt;&lt;/p&gt; &lt;p&gt;13. &lt;a href="http://simplebits.com/"&gt;Simple Bits&lt;/a&gt;, fellow bloggers are making the news and they will continue, featured in almost each design blog, Phenomenal Design.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_simplebits.jpg" alt="footer_simplebits.jpg" /&gt;&lt;/p&gt; &lt;p&gt;14. &lt;a href="http://www.speaklight.com/"&gt;Speak Light&lt;/a&gt;, the only product website that we feature on this showcase, essential and smart.&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_speaklight.jpg" alt="footer_speaklight.jpg" /&gt;&lt;/p&gt; &lt;p&gt;15. &lt;a href="http://tnvacation.com/"&gt;Tennessee vacation&lt;/a&gt;, well featured category section.&lt;a href="http://tnvacation.com/"&gt;&lt;br /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;img src="http://yample.com/popupon/wp-content/uploads/2008/01/footer_tnvacation.jpg" alt="footer_tnvacation.jpg" /&gt;&lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2008/01/geek-trends-15-footers-with-great.html' title='Geek Trends: 15 Footers with great usability'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=3854169977021562396&amp;isPopup=true' title='1 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/3854169977021562396'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/3854169977021562396'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-4987403957269254167</id><published>2008-01-03T21:18:00.000+02:00</published><updated>2008-01-03T21:20:54.215+02:00</updated><title type='text'>Time Picks the 50 Best Websites of 2007</title><content type='html'>&lt;p&gt;Source: &lt;a href="http://webworkerdaily.com/2008/01/01/time-picks-the-50-best-websites-of-2007"&gt;webworkerdaily.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;It’s that time, no pun intended, that every on and offline publication does its best &amp;amp; worst look back at the now-previous year.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.time.com/time/specials/2007/0,28757,1633488,00.html"&gt;Time Magazine takes a look at what it believes are the 50 best websites of 2007.&lt;/a&gt;&lt;/p&gt; &lt;p&gt;A number of sites made the cut in the “web services” category:&lt;/p&gt; &lt;ul&gt;&lt;li&gt;&lt;a href="http://www.mozy.com/"&gt;Mozy&lt;/a&gt; - online backup&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.weebly.com/"&gt;Weebly&lt;/a&gt; - simple site creation&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.netvibes.com/"&gt;Netvibes&lt;/a&gt; - custom start page&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.ohdontforget.com/"&gt;OhDon’tForget&lt;/a&gt; - easy SMS reminders&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.wetpaint.com/"&gt;WetPaint&lt;/a&gt; - free wiki&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.twitter.com/"&gt;Twitter&lt;/a&gt; - do I really need a short description in this crowd? Didn’t think so.&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.tumblr.com/"&gt;Tumblr&lt;/a&gt; - scrapbook meets forum meets blog&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.zoho.com/"&gt;Zoho&lt;/a&gt;, &lt;a href="http://www.thinkfree.com/common/main.tfo"&gt;ThinkFree&lt;/a&gt;, &lt;a href="http://us.ajax13.com/en/"&gt;Ajax13&lt;/a&gt; - a 3-way tie for the online office crown&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.grandcentral.com/"&gt;GrandCentral&lt;/a&gt; - one phone number, many ways to answer it&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;Personally, I’m shocked they missed &lt;a href="http://wwwm.meebo.com/"&gt;Meebo&lt;/a&gt;, and I’m grateful there’s nary a Facebook app in the mix.&lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2008/01/time-picks-50-best-websites-of-2007.html' title='Time Picks the 50 Best Websites of 2007'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=4987403957269254167&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/4987403957269254167'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/4987403957269254167'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-9199472951537438880</id><published>2008-01-02T20:14:00.000+02:00</published><updated>2008-01-02T20:17:48.751+02:00</updated><title type='text'>Top 10 (Web Safe) Blogging Fonts</title><content type='html'>Source: &lt;a href="http://speckyboy.com/2007/12/30/top-10-web-safe-blogging-fonts/"&gt;speckyboy.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;The definition of &lt;em&gt;Web Safe&lt;/em&gt; fonts means that they are generic fonts that work throughout (most) Web Browsers and are used on all operating systems (Windows, Linux and Mac). So if you design web pages on any of these sytems or use any browser then they will be displayed the exact same. Of course, nothing is as easy as saying that &lt;em&gt;Comic Sans&lt;/em&gt; works across all, the reality is, with Safari, that &lt;strong&gt;Bold&lt;/strong&gt; doesn’t display well. So we have to play it safe, we have a very small range of fonts to use, so we have to be creative with what we have.&lt;br /&gt;&lt;br /&gt;Below are a list of the most commonly used fonts for Blogging and Web Design.&lt;br /&gt;&lt;br /&gt;You can also download Web Safe fonts  &lt;a href="http://sourceforge.net/project/showfiles.php?group_id=34153" onclick="javascript:urchinTracker('/outbound/sourceforge.net/project/showfiles.php?group_id=34153?ref=http_//www.mixx.com/categories/design');"&gt;here&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/georgia.png" alt="Georgia Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Georgia”&lt;/strong&gt;, &lt;em&gt;serif&lt;/em&gt;&lt;br /&gt;Designed in 1993 by Matthew Carter for the Windows…read more on &lt;a href="http://en.wikipedia.org/wiki/Georgia_%28typeface%29" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Georgia_28typeface_29?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;div style="padding-top: 45px;"&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/arial.png" alt="Arial Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt; “Arial”&lt;/strong&gt;, Helvetica, &lt;em&gt;sans-serif&lt;/em&gt;&lt;br /&gt;The typeface was designed in 1982 by Robin Nicholas…read more on &lt;a href="http://en.wikipedia.org/wiki/Arial" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Arial?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/courier.png" alt="Courier New Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Courier New”&lt;/strong&gt;, Courier, &lt;em&gt;monospace&lt;/em&gt;&lt;br /&gt;The typeface was designed by Howard “Bud” Kettler in 1955…read more on &lt;a href="http://en.wikipedia.org/wiki/Courier_New" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Courier_New?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/trebuchet.png" alt="Trebuchet Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Trebuchet MS”&lt;/strong&gt;, Helvetica, &lt;strong&gt;sans-serif&lt;/strong&gt;&lt;br /&gt;Designed by Vincent Connare for the Microsoft in 1996…read more on &lt;a href="http://en.wikipedia.org/wiki/Trebuchet_ms" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Trebuchet_ms?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/lucidaconsole.png" alt="Lucida Console Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Lucida Console”&lt;/strong&gt;, Monaco, &lt;em&gt;monospace&lt;/em&gt;&lt;br /&gt;Designed by Charles Bigelow and Kris Holmes in 1985…read more on &lt;a href="http://en.wikipedia.org/wiki/Lucida_Console" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Lucida_Console?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/verdana.png" alt="Verdana Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Verdana”&lt;/strong&gt;, Geneva, &lt;em&gt;sans-serif&lt;/em&gt;&lt;br /&gt;Designed by Matthew Carter for Microsoft…read more on &lt;a href="http://en.wikipedia.org/wiki/Verdana" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Verdana?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/timesnewroman.png" alt="Times New Roman Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Times New Roman”&lt;/strong&gt;, Times, &lt;em&gt;serif&lt;/em&gt;&lt;br /&gt;Designed by Stanley Morison in 1931…read more on &lt;a href="http://en.wikipedia.org/wiki/Times_New_Roman" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Times_New_Roman?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/lucidaunicode.png" alt="Lucida Unicode Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Lucida Sans Unicode”&lt;/strong&gt;, Lucida Grande, &lt;em&gt;sans-serif&lt;/em&gt;&lt;br /&gt;It was developed by Charles Bigelow &amp;amp; Kris Holmes in 1993…read more on &lt;a href="http://en.wikipedia.org/wiki/Lucida_Sans_Unicode" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Lucida_Sans_Unicode?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/tahoma.png" alt="Tahoma Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Tahoma”&lt;/strong&gt;, Geneva, &lt;em&gt;sans-serif&lt;/em&gt;&lt;br /&gt;Designed by Matthew Carter for the Microsoft Corporation in 1994…read more on &lt;a href="http://en.wikipedia.org/wiki/Tahoma_%28typeface%29" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Tahoma_28typeface_29?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;img src="http://speckyboy.com/wp-content/uploads/2007/12/impact.png" alt="Impact Font" /&gt;&lt;br /&gt;(CSS) Font-Family: &lt;strong&gt;“Impact”&lt;/strong&gt;, Charcoal, &lt;em&gt;sans-serif&lt;/em&gt;&lt;br /&gt;designed by Geoffrey Lee in 1965…read more on &lt;a href="http://en.wikipedia.org/wiki/Impact_%28typeface%29" onclick="javascript:urchinTracker('/outbound/en.wikipedia.org/wiki/Impact_28typeface_29?ref=http_//www.mixx.com/categories/design');"&gt;Wikipedia&lt;/a&gt;.&lt;/p&gt; &lt;/div&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2008/01/top-10-web-safe-blogging-fonts.html' title='Top 10 (Web Safe) Blogging Fonts'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=9199472951537438880&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/9199472951537438880'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/9199472951537438880'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-3369725072593683884</id><published>2008-01-01T14:07:00.000+02:00</published><updated>2008-01-02T20:19:36.566+02:00</updated><title type='text'>How to Gain/Lose a customer in 10 seconds</title><content type='html'>Source: &lt;a href="http://dohashawki.wordpress.com/2007/12/31/how-to-gainlose-a-customer-in-ten-seconds/"&gt;Doha Shawki&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Customer service is extremely critical and requires attention to the smallest details. A customer service manager must realize that his job is more difficult than any other manager because he has to monitor his team very closely every day. He also has to know how to motivate his team and create a spirit that helps them delight your customers.&lt;/span&gt;&lt;br /&gt;&lt;div class="entry"&gt;&lt;div class="snap_preview"&gt;&lt;p&gt;&lt;b style="font-weight: bold;"&gt; &lt;/b&gt;&lt;br /&gt;He also has to make sure he wins back any angry customer because of any mistake done by his team. The smallest actions can either help you gain customer loyalty or on the other hand drive your customers away. And as we all know, one angry customer can make you loose from 8 to 10 other potential customers. With a simple calculation make two customers only angry and you will automatically lose around 20 customers! That is a risk no one is ready to take.&lt;br /&gt;Below I will mention some real life examples of how the smallest actions can make you Gain / Lose your customer and practically in a matter of seconds.&lt;/p&gt; &lt;h3 style="font-weight: bold;"&gt;&lt;span style="font-size:130%;"&gt;Bad Examples&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;I will start with the bad examples “How to lose a customer in ten seconds”&lt;/p&gt; &lt;ol&gt;&lt;li&gt;&lt;img src="http://dohashawki.files.wordpress.com/2007/12/chilis.jpg" alt="chilis.jpg" style="margin-left: 9px;" align="right" /&gt;Once I went to eat at &lt;strong&gt;Chili’s&lt;/strong&gt; and my husband called for the waiter to come and take our order. As he was on his way to our table, the customer in the table next to us called for him, so he shifted to his table and got what he asked for first and then came back to us. When my husband commented that we called for him first so he was supposed to serve us first, his answer was ridiculous, he said:”he is already eating and he just wants something to complete his meal”. He did not even bother to apologize. Not only that, but in the same day they brought me the glass of juice I ordered in a glass with part of its tip broken. I took a picture of it to show it in the post!&lt;/li&gt;&lt;p&gt; &lt;/p&gt;&lt;li&gt;&lt;strong&gt;Starbucks&lt;/strong&gt; again! I went there once and asked about the brewed coffee of the day. They wrote that it has ginger and orange flavor. I asked if it can be served without the orange and ginger flavor, and I took the most sarcastic look I ever saw in my life from the waiter and he laughed sarcastically and said: ”No, we do not add the flavor, the flavor is in the coffee beans itself” I felt he wanted to tell me: you are so ignorant. My husband asked for the shift manager and we told him what happened. He said we are sorry and gave me a paper to write my comments on the service and said that it will reach the café management. I am not sure if it will really reach them or not but I filled it anyway!&lt;/li&gt;&lt;p&gt; &lt;/p&gt;&lt;li&gt;I went once to &lt;strong&gt;Trianon&lt;/strong&gt; in City Center. I can’t remember exactly the name of the platter, but it was a chocolate cake with Ice cream. Both I and my husband ordered the same thing and we asked for the ice cream scoop on it to be chocolate. They brought us the two plates with Vanilla ice cream!! And when we said we asked for chocolate ice cream, the waiter did not even bother to apologize and he did not even listen well, as he took one plate only and changed it and left the other!. Not only that but he brought me an unclean fork to eat with. And again when I asked him to change it, he did not apologize, he just took it and brought me another one. And I am sure he will not report the incident to the shift manager to make sure the responsible person gets punished.&lt;/li&gt;&lt;/ol&gt; &lt;p&gt;Many examples and all boil down to one thing, it is very difficult to gain a customer but extremely easy to lose one!&lt;/p&gt; &lt;h3 style="font-weight: bold;"&gt;&lt;span style="font-size:130%;"&gt;Good Examples&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;Below on the other hand are a couple of good examples where employees served their customer very well.&lt;/p&gt; &lt;ol&gt;&lt;li&gt;My husband was buying some things from a &lt;strong&gt;nearby pharmacy&lt;/strong&gt;. He asked for a certain type of Cerelac for our child but they told him they ran out of it. The man in the pharmacy took our phone number and told my husband that he will call once he has it. Later at night, he called and said that he has it, but it was late so I asked him to bring it in the morning. I was sure they will not send it and I will have to call to ask for it. But the next day I was surprised to receive a phone call from the pharmacy asking if I still want it and whether to send it! I was so happy to find that there is someone in Egypt who understands the true meaning of customer service.&lt;/li&gt;&lt;p&gt; &lt;/p&gt;&lt;li&gt;&lt;img src="http://dohashawki.files.wordpress.com/2007/12/badr_ayad.jpg" alt="badr_ayad.jpg" style="margin-left: 9px;" align="right" /&gt;I went to &lt;strong&gt;Starbucks&lt;/strong&gt; once and wanted to understand the difference between the different types of coffee beans they sell to buy a packet for my mother. The waiter who served me was extremely helpful; he explained all types in details. He explained also the difference between the different ways of grinding. I told him I wanted it to be closest to the Turkish coffee people drink, so he recommended one type to me. Then he explained how he can grind it for me, the Turkish way to make it suitable for a Turkish cup of coffee. Even after I made up my mind and bought the coffee pack and he grinded it for me, he explained to me that it has to be kept in its pack to stay fresh. He showed me something like a button in the pack that works on sucking away the carbon dioxide from the pack to keep the coffee fresh. That was an extra step on his side, as I already bought the pack so he was not doing it to make me buy but he was serving me right. He was very helpful and answered all my questions without making me feel that I am asking too much. He made me feel that he loves his job and wants to make his customer happy so he does his best to please him. I was satisfied enough that I was interested to know his name and take his picture to put it here in the post.&lt;/li&gt;&lt;/ol&gt; &lt;p&gt;It is really a matter of seconds and you can win or lose your customer.  Even if you make a mistake and make your customer angry, if you start with an apology before saying anything else it will make a lot of difference.  But if you start justifying your actions or act as if your customer is asking for too much, you will lose him.  &lt;/p&gt; &lt;p&gt;If you want to delight your customers and win their loyalty you have to do not only your best but go the extra mile.&lt;/p&gt; &lt;/div&gt;          &lt;/div&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2008/01/how-to-gainlose-customer-in-10-seconds.html' title='How to Gain/Lose a customer in 10 seconds'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=3369725072593683884&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/3369725072593683884'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/3369725072593683884'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-316248237427080985</id><published>2007-12-31T12:15:00.000+02:00</published><updated>2007-12-31T12:17:10.779+02:00</updated><title type='text'>4 Characteristics of User-Friendly Websites</title><content type='html'>&lt;p&gt;Source: &lt;a href="http://www.dailyblogtips.com/user-friendly-website/"&gt;dailyblogtips.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;A primary goal of any website or blog should be to provide its visitors with a pleasant and fulfilling experience. Regardless of what market the website is targeting, the opinions of users will play a huge role in determining the site’s level of success. Visitors that have positive experiences will be much more likely to come back later, refer friends, sign up for a newsletter, purchase a product, submit an inquiry about a service, etc.&lt;/p&gt; &lt;p&gt;When developing a website, the user’s wants and needs should always be in the forefront of the decision making process. It doesn’t matter what type of website you run, it needs to be user-focused. Unfortunately, sometimes it’s easy to get caught up in the design and development process and create a site that satisfies the designer or the owner but doesn’t really provide visitors with much value.&lt;/p&gt; &lt;p&gt;What makes a website user-friendly? There are probably an endless number of  factors, but let’s look at five of the major ones.&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1. Page Load Speed&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;Although high-speed internet connections are becoming more and more common, there is still a large number of internet users that are on slower dial-up connections. Even with high-speed connections some pages just don’t load very quickly. Most of your visitors will be fairly impatient and pages that load slowly could chase them away. At the very least, slow loading times will reduce the number of pages that they’ll visit on your site.&lt;/p&gt; &lt;p&gt;Knowing your site’s audience can really help to know how your pages should be designed. A program like Google Analytics will show you the percentage of your visitors that are using different internet connections. Based on the numbers you can get a good idea of what type of impact page load speed will have on your overall audience. If your site attracts a high percentage of users with dial-up connections, you should be sure to keep pages loading as quickly as possible. If a very high percentage of visitors are using high-speed connections, you may be able to add a few extra elements to your pages.&lt;/p&gt; &lt;p&gt;Factors that influence the load times of pages include the number and size of images, extra items like flash, the amount of excess code (example, designing with a table-based layout instead of CSS), and the size of your pages. (&lt;a href="http://webdesign.about.com/od/speed/Web_Site_Optimization.htm"&gt;Read more  about website optimization&lt;/a&gt;).&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2. Accessibility&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;If someone can’t use or access your website it serves no purpose for that visitor. Accessibility of websites has become a bigger priority for designers and developers in recent years, but there is still a long way to go. Even major corporations have struggled to achieve complete accessibility. &lt;a href="http://www.news.com/2100-1030_3-6038123.html"&gt;Target was even sued&lt;/a&gt;  over the accessibility of its website for handicapped individuals.&lt;/p&gt; &lt;p&gt;Some of the easiest things that you can do to improve the accessibility of your site include using alt tags for all images, use valid HTML and CSS coding, avoid frames, and allow text to be re-sized by visitors. There is of course much more to accessibility, which was covered in detail by &lt;a href="http://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_1_background_and_preparation/"&gt;456  Berea St&lt;/a&gt;.&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3. Navigation&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;All users want to be able to move through the website to find what they want. A huge factor in being user-friendly is providing simple and intuitive navigation. Major areas of navigation should be located consistently on all pages. Using common elements that users expect to find, like &lt;a href="http://www.dailybits.com/about/"&gt;About&lt;/a&gt; pages and  &lt;a href="http://www.dailybits.com/contact/"&gt;Contact&lt;/a&gt; pages will help as most internet users have come to expect them and will  look for them at times.&lt;/p&gt; &lt;p&gt;A general rule of thumb is that any page on your site should be reachable with 2 clicks from your home page. For larger sites this probably isn’t realistic, but offering a sitemap and/or a sitewide search can really help.&lt;/p&gt; &lt;p&gt;Another important factor with navigation is that user’s shouldn’t have to guess where they will end up if they click on a link. Regardless of whether the link is part of a navigation menu, or if it is simply in the body of the text, visitors should understand where the link will lead them.&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;4. Information&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;Visitors are coming to your site for a reason. Whatever that reason may be, you want to provide them with what they are seeking. Are they coming to find basic information on your business’ services? Are they coming to read in-depth articles on a particular subject? Whatever the case may be, the information that your website provides needs to sufficiently meet the expectations of visitors.&lt;/p&gt; &lt;p&gt;A blog like this one will need to provide its readers with great, insightful articles in order satisfy its visitors. The website of a restaurant may need to provide hours of operation and a menu in order satisfy its visitors. Obviously, each situation is different. In order to have a user-friendly website you need to anticipate what visitors will expect to find at your site, and then put it right in front of them.&lt;/p&gt; &lt;p&gt;I know this is just the tip of the iceberg on the subject of user-focused websites. What factors do you feel are important (either from the perspective of a visitor or a designer)? &lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/4-characteristics-of-user-friendly.html' title='4 Characteristics of User-Friendly Websites'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=316248237427080985&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/316248237427080985'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/316248237427080985'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-394053164068670075</id><published>2007-12-30T18:18:00.000+02:00</published><updated>2007-12-30T18:20:09.132+02:00</updated><title type='text'>2007 In Numbers: More People Using Yahoo Mail This Christmas Than Gmail</title><content type='html'>Source: &lt;a href="http://www.techcrunch.com/2007/12/25/2007-in-numbers-more-people-using-yahoo-mail-this-christmas-than-gmail/"&gt;techcrunch.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Email remains one of the most popular of online services. Companies such as Yahoo, AOL and Microsoft have offered free online email since the earliest days of the internet. Google was late the party, launching Gmail in April 2004. Where as Google has come to dominate many of the verticals it enters, email hasn’t been one of them. This Christmas many more people will be using Yahoo! Mail to send Christmas well wishes than will be using Gmail.&lt;/p&gt; &lt;p&gt;&lt;img src="http://www.techcrunch.com/wp-content/yg1.jpg" alt="yg1.jpg" /&gt;&lt;/p&gt; &lt;p&gt;Statistically this is where tracking online email popularity becomes difficult. This year Microsoft has launched Windows Live Hotmail with users logging in via its various “Live” properties, making it difficult to place exactly how many users were logging in and using Live and Hotmail email addresses. In April comScore placed Hotmail at 47 million unique visitors. No figures were available from comScore on Live.com traffic (which includes search and related traffic as well) or Windows Live Mail, although sites such as Live.fr hit 154,000 uniques in November and Live.de did 1.39 million. AOL remains a fairly popular choice for email as well, with comScore reporting 42.3 million uniques in April. &lt;/p&gt; &lt;p&gt;There are still no shortage of Gmail fans out there, but at its current growth rate Google wont be catching Yahoo! Mail until 2010. Yahoo showed 3.21% growth for the 12 months to November 2007 compared with Gmail’s 53.60%&lt;/p&gt; &lt;p&gt;&lt;img src="http://www.techcrunch.com/wp-content/yg2.jpg" alt="yg2.jpg" /&gt;&lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/2007-in-numbers-more-people-using-yahoo.html' title='2007 In Numbers: More People Using Yahoo Mail This Christmas Than Gmail'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=394053164068670075&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/394053164068670075'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/394053164068670075'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-968692186453379716</id><published>2007-12-30T18:14:00.001+02:00</published><updated>2007-12-30T18:17:55.779+02:00</updated><title type='text'>Top 10 Startups Worth Watching in 2008</title><content type='html'>Source: &lt;a href="http://www.wired.com/techbiz/startups/news/2007/12/YE_10_startups"&gt;wired.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Credit crunch? Recession risk? You'd never know it, judging by the frenzy of startup activity. In fact, it's a pretty good time to start a company. Generous payouts from Web 1.0 IPOs and more-recent acquisitions have given rise to a new generation of angel investors and venture capitalists. Plus, getting acquired by Google is an attractive and plausible exit strategy for many entrepreneurs. Those factors have combined to make a startup market almost as frothy as the dot-com bubble. &lt;/p&gt;  &lt;p&gt;We say almost, because the spending is a bit less lavish than before, and because -- unlike 1999 -- many of the new crop of startups have real promise. Here are 10 pre-IPO, pre-acquisition companies worth watching in 2008.&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;  &lt;h4&gt;&lt;span style="font-size:130%;"&gt;23andMe&lt;/span&gt;&lt;/h4&gt;There's a lot you could buy with $1,000, but for that price &lt;a href="http://www.23andme.com/"&gt;23andMe&lt;/a&gt; offers something never before sold to the masses: your DNA. Are you predisposed to prostate cancer? Glaucoma? Heart disease? 23andMe, &lt;a href="http://www.wired.com/medtech/genetics/magazine/15-12/ff_genomics"&gt;profiled recently&lt;/a&gt; in &lt;cite&gt;Wired&lt;/cite&gt;, can tell you. The implications could rock the medical world -- and the ethical one. As the science of genomics continues to improve, 23andMe should be able to provide ever-better information. In 2008, it will also provide social networking between customers who share traits ranging from ethnic origins to disease profiles.   &lt;ul&gt;&lt;li&gt;  Founders: Linda Avey and Anne Wojcicki &lt;/li&gt;&lt;li&gt; Funding: $12 million, from Genentech, Google and New Enterprise Associates &lt;/li&gt;&lt;li&gt; Employees: 30&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;   &lt;h4&gt;&lt;span style="font-size:130%;"&gt;37Signals&lt;/span&gt;&lt;/h4&gt;There's a reason nobody ever uses the phrase, "It's as simple as computer programming." But Chicago's &lt;a href="http://www.37signals.com/"&gt;37Signals&lt;/a&gt; has made life simpler for programmers and small businesses alike with products such as Basecamp (project management software) and an increasingly popular open source web framework called Ruby on Rails. The company ditches the philosophy of "more features, more better" in favor of simplicity and accessibility: Focus only on the most important features and make things easier to use. The company itself embodies its keep-it-simple philosophy: Fewer than 10 staffers, working from humble offices, create programs quickly and nimbly adapt them based on user feedback. 37Signals released version 2.0 of Ruby on Rails in December, which should give many programmers a happy new year.    &lt;ul&gt;&lt;li&gt; Founders: Jason Fried, Ernest Kim, Carlos Segura &lt;/li&gt;&lt;li&gt; Funding: Undisclosed sum from Bezos Expeditions &lt;/li&gt;&lt;li&gt; Employees: 8&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;   &lt;h4&gt;&lt;span style="font-size:130%;"&gt;AdMob&lt;/span&gt;&lt;/h4&gt;When &lt;a href="http://www.admob.com/"&gt;AdMob&lt;/a&gt; launched in 2005, its prospects did not look bright. As a startup mobile-advertising network, it would have to compete with Google, and how feasible is that? But AdMob has defied the odds. While Google is just four months into testing a mobile version of its advertising network, AdMob has already served 12 billion ad impressions to mobile users. As more consumers buy web-enabled mobile phones, the prospects for mobile advertising can only improve.   &lt;ul&gt;&lt;li&gt; Founder: Omar Hamoui &lt;/li&gt;&lt;li&gt; Funding: Undisclosed Series A from Sequoia Capital; $15 million Series B from Accel Partners and Sequoia Capital &lt;/li&gt;&lt;li&gt; Employees: 65&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;   &lt;h4&gt;&lt;span style="font-size:130%;"&gt;BitTorrent&lt;/span&gt;&lt;/h4&gt;As a peer-to-peer, or P2P, download protocol, &lt;a href="http://www.bittorrent.com/"&gt;BitTorrent&lt;/a&gt; was perfect for illegal file sharing. But in late 2007, the parent company of that protocol -- also called BitTorrent -- unveiled a potentially disruptive new use for its P2P technology: a platform that software providers and media companies can use to help customers download high-resolution files faster (and legally). By reducing distribution hurdles, BitTorrent will make online video and software sales increasingly viable in 2008 and will challenge the notion that the idiot box is the primary way to get your &lt;cite&gt;CSI&lt;/cite&gt; fix.    &lt;ul&gt;&lt;li&gt; Founders: Bram Cohen and Ashwin Navin  &lt;/li&gt;&lt;li&gt; Funding: $28.75 million from Accel Partners and DCM (formerly Doll Capital Management) &lt;/li&gt;&lt;li&gt; Employees: 60&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;h4&gt;&lt;span style="font-size:130%;"&gt;Dash&lt;/span&gt;&lt;/h4&gt;Today, GPS is a one-way street, with a satellite beaming instructions to your device. You turn left because a chip inside your GPS device calculated that would the best route. In 2008, &lt;a href="http://www.dash.net/"&gt;Dash&lt;/a&gt;&lt;p&gt; will chart a new course with Dash Express, a GPS that learns from its users. If a Dash owner is moving 5 miles per hour in a 45 mph zone, Dash servers will realize he's in traffic and warn other Dash drivers to choose faster routes. Sure beats calling 5-1-1.&lt;/p&gt;  &lt;ul&gt;&lt;li&gt; Founders: Brian Smartt, Mike Tzamaloukas, Steve Wollenberg &lt;/li&gt;&lt;li&gt; Funding: $45 million from Kleiner Perkins Caufield &amp;amp; Byers, Sequoia Capital, Skymoon Ventures, Crescendo Ventures, ZenShin Capital Partners, Artis Capital, Gold Hill Capital, and several individuals &lt;/li&gt;&lt;li&gt; Employees: 85&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;   &lt;h4&gt;&lt;span style="font-size:130%;"&gt;Fon&lt;/span&gt;&lt;/h4&gt;You pay for internet access at home, so why must you pay for it again at the coffee shop, the airport and the hotel? That frustration spawned Spanish Wi-Fi startup &lt;a href="http://www.fon.com/"&gt;Fon&lt;/a&gt;. It's a simple idea: Give and you shall receive. "Foneros" first agree to share their home wireless connections with other Fon customers using a special router, which splits the signal into public and private streams. In exchange, they get the privilege of using any of the network's wireless signals anywhere in the world for free. Fon has inked important deals with TimeWarner Cable in the United States, BT in Britain and Neuf in France, and its network has expanded to an impressive 600,000 registered users worldwide. Free global internet for the price you already pay at home? Sign us up!  &lt;ul&gt;&lt;li&gt; Founder: Martin Varsavsky &lt;/li&gt;&lt;li&gt; Funding: Approx. $35 million from Skype, Google, Index Ventures, Sequoia Capital, Excite, Digital Garage and BT &lt;/li&gt;&lt;li&gt; Employees: Approximately 90 worldwide&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;h4&gt;&lt;span style="font-size:130%;"&gt;LinkedIn&lt;/span&gt;&lt;/h4&gt;&lt;a href="http://www.linkedin.com/"&gt;LinkedIn&lt;/a&gt;, a career-oriented social networking site, found 16 million users, yet until recently has been eclipsed by much larger, livelier competitors. Now, a &lt;a href="http://blog.wired.com/monkeybites/2007/12/the-new-linkedi.html"&gt;much-needed upgrade&lt;/a&gt; has the 4-year-old startup looking pretty good after all. A new developer platform aims to bring LinkedIn networks to the web at large, starting with &lt;cite&gt;Business Week&lt;/cite&gt;'s website, which will show your connections to any companies mentioned in news articles you're reading. LinkedIn still emphasizes utility over frivolity, and that's just the way we like it. Instead of virtual hugs and stripper name generators, expect the site to add "modules" that gather news and events from your industry. The dull-but-useful strategy seems to be working: LinkedIn projects revenues of nearly $100 million in 2008 -- not too shabby compared to much larger Facebook's estimated $150 million for 2007.   &lt;ul&gt;&lt;li&gt; Founders: Reid Hoffman, Allen Blue, Konstantin Guericke, Eric Ly, Jean-Luc Valliant &lt;/li&gt;&lt;li&gt; Funding: $27.5 million from Sequoia Capital, Greylock, the European Founders Fund, Bessemer Venture Partners, and numerous individual angel investors &lt;/li&gt;&lt;li&gt; Employees: 200&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;h4&gt;&lt;span style="font-size:130%;"&gt;Powerset&lt;/span&gt;&lt;/h4&gt;It's gotten hard to imagine a world where Google doesn't dominate internet search, but some believe that if anyone can dethrone the king, it's &lt;a href="http://www.powerset.com/"&gt;Powerset&lt;/a&gt;. The San Francisco company is developing an alternative "natural language" search technology, which takes into account the actual meaning and context of words in a sentence. Of course, it's not the first time someone has tried to make computers think more like human beings, and HAL 9000 is still MIA. And despite an impressive demo at the TechCrunch 40 conference in September, Powerset's management has struggled recently, losing one founder (Steve Newcomb) while another (Barney Pell) stepped down from the CEO position. Even if Powerset's search engine doesn't make it to market in 2008, Silicon Valley will be closely watching to company for any signs of progress -- or lack thereof.   &lt;ul&gt;&lt;li&gt; Founders: Steve Newcomb, Barney Pell and Lorenzo Thione &lt;/li&gt;&lt;li&gt; Funding: $12.5 million from Foundation Capital, The Founder's Fund and several angel investors &lt;/li&gt;&lt;li&gt; Employees: 60&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;h4&gt;&lt;span style="font-size:130%;"&gt;Slide&lt;/span&gt;&lt;/h4&gt;In the battle of Facebook vs. the OpenSocial gang, there's one assured winner, and it's not even technically in the fight. &lt;a href="http://www.slide.com/"&gt;Slide&lt;/a&gt;, the largest provider of third-party applications (aka "widgets") to websites and social networks, stands to win no matter which network comes out on top. (Slide's chief widget-making rival, &lt;a href="http://www.rockyou.com/"&gt;RockYou&lt;/a&gt;, is also well in the mix.) Slide's success is only pegged to the social networking trend, which shows no signs of flagging in 2008.  &lt;ul&gt;&lt;li&gt; Founder: Max Levchin &lt;/li&gt;&lt;li&gt; Funding: Initial funding from Max Levchin; a rumored $20 million from BlueRun Ventures, The Founder's Fund, Khosla Ventures, Mayfield Fund &lt;/li&gt;&lt;li&gt; Employees: 60&lt;br /&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;   &lt;h4&gt;&lt;span style="font-size:130%;"&gt;Spock&lt;/span&gt;&lt;/h4&gt;Google can search the web by keyword, but &lt;a href="http://www.spock.com/"&gt;Spock&lt;/a&gt; gets more directly at a single question: What does the web know about you? By crawling the web for personal information and combining that with social network data, Spock creates a hub for information about actual people. Enter your name in Spock's pared-down interface and find out what the internet knows about you, or search by a keyword to find, say, ornithologists or sommeliers. Spock generates its profiles automatically, but individuals can "claim" theirs and correct any misinformation. In fact, you might want to check yours right now....  &lt;ul&gt;&lt;li&gt; Founders: Jaideep Singh and Jay Bhatti &lt;/li&gt;&lt;li&gt; Funding: $8 million from Clearstone Venture Partners and Opus Capital &lt;/li&gt;&lt;li&gt; Employees: 25 &lt;/li&gt;&lt;/ul&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/top-10-startups-worth-watching-in-2008.html' title='Top 10 Startups Worth Watching in 2008'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=968692186453379716&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/968692186453379716'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/968692186453379716'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-8131808099512011700</id><published>2007-12-30T11:57:00.000+02:00</published><updated>2007-12-30T11:59:22.708+02:00</updated><title type='text'>A Beginner’s Guide To Freelance Business Processes</title><content type='html'>Source: &lt;a href="http://freelanceswitch.com/start/a-beginner%e2%80%99s-guide-to-freelance-business-processes"&gt;freelanceswitch.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;p&gt;Process schmocess. Who needs them eh? Well actually every business needs them, no matter how big or small you are; but if you’re a one-man freelancing business you might still be wondering why you need to bother with them?&lt;/p&gt; &lt;p&gt;Having effective processes in place can help you…&lt;/p&gt; &lt;ul&gt;&lt;li&gt;Spend less time on the boring, time-consuming aspects of your business&lt;/li&gt;&lt;li&gt;Build a client-generating machine&lt;/li&gt;&lt;li&gt;Let go of some of the reins and work out what tasks you can hand over to someone else (also known as outsourcing)&lt;/li&gt;&lt;li&gt;Set your business up to grow beyond the confines and limitations of a small, one-man band business without the additional hassle and growing pains&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;If you’re just starting out or you have no idea how to implement smarter processes in your business, then here’s a brief guide to implement some of the basics…&lt;br /&gt;     &lt;/p&gt; &lt;h4&gt;&lt;strong&gt;Basic Marketing Processes&lt;/strong&gt;&lt;/h4&gt; &lt;p&gt;Many freelancers hate marketing themselves and would far rather work in their business servicing clients than spend time generating new clients. If this sounds like you, then implementing some or all of the following, could make completing your marketing chores simpler and less arduous: &lt;/p&gt; &lt;ul&gt;&lt;li&gt;Plan out your prospect journey - plan out a sequence of all the steps that an ideal prospect could take on their journey with you before they become a client. This will include how and where you’d like them to find out about you initially; where they can go to get more information; the choices they have; and what they need to do to become a client.&lt;/li&gt;&lt;li&gt;Create ‘common enquiry’ email templates to respond to some of the more common requests you receive such as requests for more information about what you offer, requests for your prices, more details about how you work, your payment terms and how to respond to media enquiries.&lt;/li&gt;&lt;li&gt;Prepare some standard marketing materials such as client reference sheets or info packs for each of your individual services and products. These could include a price list and some testimonials and could be sent over as attachments to the above emails or snail-mailed to interested prospects.&lt;/li&gt;&lt;li&gt;Create a “marketing message bank” of the key marketing messages that you’ve defined for each of your target markets; whenever you need to create some marketing materials, you can then pick and choose or cut and paste from the headlines, bullet points and calls to action that you’ve got in your marketing message bank.&lt;/li&gt;&lt;/ul&gt; &lt;h4&gt;&lt;strong&gt;Operations &amp;amp; Service Delivery Processes&lt;/strong&gt;&lt;/h4&gt; &lt;p&gt;As you work in your business, begin to compile a basic manual for some of the typical things you do to run your business and service your clients effectively. A great way to start doing this is to make a note every time you’re doing something that you think someone else could do for you. These may include: &lt;/p&gt; &lt;ul&gt;&lt;li&gt;Bringing on a new client - tasks included in this process might be how you collect payment details; when you send out a welcome pack; how &amp;amp; where you enter client details into your CRM system or customer management spreadsheet.&lt;/li&gt;&lt;li&gt;Managing client billing - tasks in this process might include how &amp;amp; where you enter details into your invoicing system; how and when you send out your invoices; how you deal with and chase up missing payments.&lt;/li&gt;&lt;li&gt;Making a business purchase - tasks for this process might include how you raise a purchase order; how you purchase items with a company credit card; how and where to log the purchase in your business inventory; how and where to file the receipt.&lt;/li&gt;&lt;li&gt;Finishing work with a client - these tasks might include sending a “thank you” email; asking for feedback or a testimonial; how you plan to keep in touch with them and send details of further support available.&lt;/li&gt;&lt;li&gt;Prepare a range of basic “Company Info” sheets which detail the key information you’re likely to need for “official” purposes; this includes your official business/trading name, your company structure, date of incorporation if relevant, trademark and copyright info and the names and contact details of professionals like your bank, accountant, insurance advisor, lawyer.&lt;/li&gt;&lt;/ul&gt; &lt;h4&gt;&lt;strong&gt;Maximising People Productivity&lt;/strong&gt;&lt;/h4&gt; &lt;p&gt;The following suggestions can help improve not only your own personal productivity but also help prepare your business for introducing new people. Whether as employees, sub-contractors or outsourcers, improving and enabling their effectiveness to do their job means they won’t have to drain your time by asking you how to do something every 10 minutes… &lt;/p&gt; &lt;ul&gt;&lt;li&gt;Create a bookmarks folder of frequently accessed services in your browser - mine is called “Daily Admin”; if you work in a team, then use an online bookmarking service to share frequently used bookmarks.&lt;/li&gt;&lt;li&gt;Keep a folder of frequently used programs and software on your desktop or in the “quick start” menu of your computer and then create a USB key or zipped folder of these programs (with applicable licences of course) which you can share with any new team members who join you.&lt;/li&gt;&lt;li&gt;Create a folder of frequently used documents/templates on your desktop and/or share them using google docs or another file sharing service which lets your team access the resources they need.&lt;/li&gt;&lt;li&gt;Knowledge management for small businesses means gathering together in one easily accessible place, any useful tools and resources that will improve your and your team’s ability to do their jobs. This could include marketing resources, “how to” resources or any guides that you refer to regularly.&lt;/li&gt;&lt;li&gt;Create job spec sheets for all the roles required to run your business - yes, even if you currently fulfill all of them yourself! Doing this will not only help you improve your effectiveness in each role, it will help you define what you’re looking for when the time is right to expand; and will help ensure that the person you hire knows exactly what is expected of them in their role.&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;If all of this sounds a bit daunting and you have no idea where to start, then the key to creating and refining effective business processes is to start to log the key activities you do on a day-to-day basis. You’ll begin to notice the tasks that take up too much of your time, the tasks you hate doing and you wish someone else would do, and the tasks that you do on a regular basis but have always suspected there is a more efficient way of doing them.&lt;/p&gt; &lt;p&gt;When you have this list then start with these processes, take a step back and think about how you’d do them if you were starting all over again…then document them.&lt;/p&gt; &lt;p&gt;When the time comes to expand or outsource parts of your business, having the above basics in place will help you do this far more smoothly and effectively.&lt;/p&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/beginners-guide-to-freelance-business.html' title='A Beginner’s Guide To Freelance Business Processes'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=8131808099512011700&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/8131808099512011700'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/8131808099512011700'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-8994893623004824899</id><published>2007-12-27T12:18:00.000+02:00</published><updated>2007-12-27T12:37:22.227+02:00</updated><title type='text'>Paper Prototyping</title><content type='html'>Source: &lt;a href="http://www.alistapart.com/articles/paperprototyping"&gt;A List Apart&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer;" src="http://www.alistapart.com/d/paperprototyping/paper-prototyping.jpg" alt="" border="0" /&gt;As interfaces become ever more complex and development schedules seem to get shorter and shorter, you may find it useful to give up your user-interface modeling software for awhile in favor of something simpler. All you need is paper, pens, scissors, and your imagination.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Everyone loves paper&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Just as a political party aims to be a “big tent,” product development teams should seek input from as many people as possible during the early part of a project’s design phase. Though &lt;span class="caps"&gt;HTML&lt;/span&gt; prototypes can be useful, they can also discourage those who are unsure what the medium is capable of. Paper prototypes, on the other hand, invite people with little-to-no technical background into the design process.&lt;br /&gt;&lt;br /&gt;I cannot emphasize enough how important the inclusive quality of paper can be. Though some people shy away from paper prototypes because they feel they will not be taken seriously, I argue that many people are intimidated by a formal, highly technical design process and that the less “professional” nature of paper prototyping is a great way to lighten the mood and engage a more diverse group. Just offer plenty of paper, pens, scissors, and other materials for anyone to grab and use. If anyone feels nervous, let them eat the paste.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Easy iterations&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Paper prototyping can also help improve the final product: the prototyping stage is the right time to catch design flaws and change directions, and the flexibility and disposability of paper encourages experimentation and speedy iteration. Instead of “deleting” hours worth of layout code you’ve used to position a column in the right place, you can draw a prototype, throw away the ideas that don’t work, and move on.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Built for your budget&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;If you are on a shoestring budget, paper is a great low-cost alternative to many software packages—and if you have a larger budget, you can use products like Post-it notes or tabbed index card dividers to make your paper prototypes more sophisticated. If it helps your team, you can print full-color objects to use in your prototyping sessions. You might want a low-quality printer in the meeting room connected to someone’s laptop for printing out new ideas. If someone recommends a website they’ve seen online, just print out a screenshot, tack it to the wall, and start doodling on it.&lt;br /&gt;&lt;br /&gt;On the flip side, you can also use paper prototypes to run a technology-free design meeting: turn off your laptops, stop checking your e-mail, and focus on the task at hand.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Easy documentation&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Another benefit of using paper is that you can write notes right on the prototype or on the back of each sheet or index card. While an advanced group might feel comfortable using a wiki for information capture, other teams may find these attached notes a godsend weeks later when they actually start writing code for that pesky dialog box.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Show me the paper&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;raditional user interface widgets can be modeled easily with paper. Here is a set “tabs” showing a couple of buttons and what happens when you “click” on a drop-down menu:&lt;br /&gt;&lt;img src="http://www.alistapart.com/d/paperprototyping/tab-pre-drop-down.jpg" alt="Photo of mockup drawn on paper" title="" /&gt;&lt;br /&gt;&lt;img src="http://www.alistapart.com/d/paperprototyping/tab-post-drop-down.jpg" alt="Photo of mockup drawn on paper" title="" /&gt;&lt;br /&gt;You can always save a buck or two by using regular index cards and cutting out the tab labels yourself.&lt;br /&gt;&lt;br /&gt;Dynamic boxes, common in websites with contextual or personalized information, are possible too. To “refresh” the page, simply swap out the index cards. Here a username not found in the database triggers an error and on a successful login the box displays the “my account”widget:&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.alistapart.com/d/paperprototyping/login1.jpg" alt="Photo of mockup drawn on paper" title="" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.alistapart.com/d/paperprototyping/login2.jpg" alt="Photo of mockup drawn on paper" title="" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://www.alistapart.com/d/paperprototyping/login3.jpg" alt="Photo of mockup drawn on paper" title="" /&gt;&lt;br /&gt;It is possible to demonstrate problems such as a pop-up windows that block key elements of your interface and potential alternatives to the pop-up:&lt;br /&gt;&lt;img src="http://www.alistapart.com/d/paperprototyping/pop_up_window.jpg" alt="Paper prototype sample of a pop-up window over a body of text." title="" /&gt;&lt;br /&gt;For every link and button on your mock-ups, be prepared to have a matching sketch ready to display—or have someone take suggestions from your group and sketch a new dialog, page, or window in real time.&lt;br /&gt;&lt;br /&gt;Besides the materials mentioned, I recommend a removable glue stick that can be found cheap at an office supply store. Glue sticks are the “magic” that lets you easily put together and take apart a paper interface.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Where does paper prototyping fit into the design process?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;There are two dominant uses:&lt;br /&gt;&lt;ol&gt;&lt;li&gt;The design team uses paper for their presentation to a larger group of people who have a vested interest in the product.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Users run through a set of existing paper mock-ups or are given blank paper and asked to represent a concept by sketching it.&lt;br /&gt;&lt;/li&gt;&lt;/ol&gt;Option two is a great way to “unplug” and go directly to people willing to test your interface. As an example, let’s look at the ways in which paper can fit into the usability testing process.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;"&gt;Usability testing with paper prototypes&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;A paper usability-testing session works much like any other usability-testing session. Begin by selecting a range of testers who represent your expected audience. Have scenarios ready for the user to perform. Document the testing sessions with video to review the users’ emotional state when using your mocked-up interface. Debrief users afterward to measure interface recall. With paper, you can also:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Allow users to mock up ideas they think would solve a problem.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Mark on the prototype where a user attempted to “click” or otherwise interact with the interface.&lt;/li&gt;&lt;li&gt;Ask users to draw what they expect to happen next.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Keep going even if you don’t have access to a testing lab or if computers, networks, or high-tech prototypes don’t work as expected.&lt;/li&gt;&lt;br /&gt;&lt;/ul&gt; While it’s valuable to measure the success of your interface via time-based benchmarks, the emphasis should be on getting your focus group to be creative. If you’d like to read about a real-world experience check out Carolyn Snyder’s  &lt;a href="http://www.uie.com/articles/prototyping_risk/"&gt;article&lt;/a&gt; on a six-day session using paper prototypes with clients and end-users.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;When paper isn’t ideal&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;A major benefit of paper is the user-generated content that comes out of the feedback sessions. Chances are, a one-person shop will have a hard time reaping the benefits of paper without the collaborative process that occurs in “using” the prototype with others.&lt;br /&gt;&lt;br /&gt;There are also certain concepts that remain difficult to demonstrate with paper: how long a screen takes to load or refresh, for instance. Horizontal and vertical scrolling is a common website interface problem that is almost impossible to discover with a paper prototype. Specific colors, images, and fonts aren’t easily represented on the simplest paper prototypes. Still, I have used computer print-outs in combination with paper to tackle at least some of these issues.&lt;br /&gt;&lt;br /&gt;Earlier in this article, you saw an example with Arabic text that uses material I printed out. Because Arabic text is written right to left, I wanted to keep this in mind when positioning the main body of text on the interface. The Arabic font also requires the text be large enough to read diacritical marks. Be sure to include people in your paper sessions who can explain how advanced interface widgets, graphics, fonts, and embedded multimedia elements might affect the design.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;Where do we go from here?&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;If you want to dig deeper, Carolyn Snyder’s &lt;em&gt;&lt;a href="http://www.paperprototyping.com/"&gt;Paper Prototyping&lt;/a&gt;&lt;/em&gt; is the most recognized work on this subject and is highly recommended.&lt;br /&gt;&lt;br /&gt;Paper has seen a resurgence with knowledge workers who aim to organize every aspect of their lives. The &lt;a href="http://en.wikipedia.org/wiki/Hipster_PDA"&gt;Hipster &lt;span class="caps"&gt;PDA&lt;/span&gt;&lt;/a&gt; breathed life into its community and spawned projects such as the &lt;a href="http://www.diyplanner.com/templates/official"&gt;&lt;span class="caps"&gt;DIY &lt;/span&gt;Planner&lt;/a&gt;, which is based on a set of printable templates for calendars, to-do lists, and more.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Note: &lt;/strong&gt; The paper prototyping field might benefit from an open-source library of similar printable widgets, which could be modeled using &lt;span class="caps"&gt;SVG&lt;/span&gt; or provided in a standard format such as &lt;span class="caps"&gt;PDF&lt;/span&gt;. Online resources such as the &lt;a href="http://www.guidebookgallery.org/"&gt;GUIdebook&lt;/a&gt; and wireframing templates for Visio and OmniGraffle may provide a good start point for generating ideas. If anyone is interested in creating an open-source printable widget library, I will provide free hosting space for project tools such as a wiki and &lt;span class="caps"&gt;SVN&lt;/span&gt; repository for checking out the latest and greatest templates.&lt;br /&gt;&lt;br /&gt;Finally, there are some efforts to merge paper concepts with technology using tablet computing. Professor James Landay at the University of Washington has been working on a tool called &lt;a href="http://dub.washington.edu/denim/"&gt;&lt;span class="caps"&gt;DENIM&lt;/span&gt;&lt;/a&gt; since the mid-90s that is aimed at creating websites. &lt;span class="caps"&gt;DENIM&lt;/span&gt; allows you to sketch your ideas, annotate them, and even export a working &lt;span class="caps"&gt;HTML&lt;/span&gt; site suitable for use in demonstrations.</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/paper-prototyping.html' title='Paper Prototyping'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=8994893623004824899&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/8994893623004824899'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/8994893623004824899'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-6273437753202922414</id><published>2007-12-26T11:22:00.000+02:00</published><updated>2007-12-26T11:31:51.273+02:00</updated><title type='text'>12 Invaluable Sites for Web Design and Design Inspiration</title><content type='html'>Source: &lt;a href="http://www.sawse.com/2007/11/21/top-12-sites-and-tools-for-web-design-and-inspiration/"&gt;sawse.com&lt;/a&gt;&lt;br /&gt;&lt;div class="entry"&gt;      &lt;p&gt;&lt;img src="http://sawse.com/wp-content/uploads/2007/11/web-design-inspiration.jpg" alt="web-design-inspiration.jpg" /&gt;&lt;/p&gt; &lt;p&gt;Whether you are a professional or amateur web designer, or simply want to learn more about how web design works, these are great resources to browse and bookmark. This collection covers various design styles, guides and tools as well as free fonts, stock photographs and vector images. These have been organized into three complimentary categories: inspiration, guides and resources. Enjoy!&lt;br /&gt;&lt;br /&gt;&lt;span id="more-34"&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Web Design Inspiration:&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.csszengarden.com/" title="CSS Zen Garden"&gt;CSS Zen Garden&lt;/a&gt; A demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.flickr.com/photos/splat/sets/981332/" title="Web Design Inspiration"&gt;Web Design Inspiration&lt;/a&gt; is a Flickr image set collecting a variety of successful web designs of all different kinds, over 400 total. It has a great collection of eye-candy for the non-designer as well as inspirational works of creativity to motivate any designer, web or otherwise.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.webcreme.com/" title="Web Creme"&gt;Web Creme&lt;/a&gt; provides frequently updated screenshots in an elegant-but-simple blog-like format for web designers to browse. This enables designers to easily check back in should they be searching for some easy design inspiration and regularly refreshed content.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.unmatchedstyle.com/" title="Unmatched Style"&gt;Unmatched Style&lt;/a&gt; is a constantly growing community dedicated to acknowledging those who have made exceptionally gorgeous web sites using Cascading Style Sheets and web standards. By recognizing these exceptionally beautiful designs, other designers and businesses can get inspired and find a direction they may wish to take with their own web sites.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.cssbeauty.com/" title="CSS Beauty"&gt;CSS Beauty&lt;/a&gt; is a project focused on providing its audience with a database of well designed CSS based websites from around the world. Its purpose is to showcase designers’ work and to act as a small portal to the CSS design community. If you are “in need of inspiration”, you have come to the right place.&lt;/p&gt; &lt;p&gt;&lt;a href="http://weburbanist.com/" title="Urban Street Art Images Blog"&gt;WebUrbanist&lt;/a&gt; is a collectively produced urban art, culture and design weblog that has a simple layout and a profound series of posts with series of &lt;a href="http://weburbanist.com/category/7-wonders/" title="7 Wonders of the World Images, Photographs and Pictures"&gt;Seven Wonders of the World&lt;/a&gt; as well as other sources of design inspiration from around the world, including &lt;a href="http://weburbanist.com/category/urban-art/" title="Urban Street Art Images"&gt;urban art images&lt;/a&gt; that provide indirect inspiration for web and other designers.&lt;br /&gt;&lt;br /&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Web Design Guides:&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.webdesignfromscratch.com/" title="Web Design from Scratch"&gt;Web Design from Scratch&lt;/a&gt; is for everyone involved or interested in creating web sites - whether novice or expert. It will help you understand what makes web sites succeed or fail, and what can be done to increase the chance of success. You don’t have to be a web designer to benefit from this site. You may have a current web site design project, you may be updating an existing site, or just interested in learning new skills. Also be sure to check out his &lt;a href="http://www.webdesignfromscratch.com/current-style.cfm" title="Current Style in Web Design"&gt;Current Style in Web Design Guide&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm" title="Web 2.0 Design Style Guide"&gt;Web 2.0 How-To Design Style Guide&lt;/a&gt;: In this tutorial, the author describes various common graphic design elements in modern web (”2.0″) design style. He then explains why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.elogodesign.com/logo-design-tutorials/" title="Top 50 Logo Design Tutorials"&gt;Top 50 Logo Design Tutorials&lt;/a&gt; has an excellent selection of logo design guides with helpful screenshots that will assist you in navigating the various links. Whether you are looking for something detailed and creative or simple and elegant there is almost certainly something useful on this list.&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.designvitality.com/blog/2007/09/photoshop-text-effect-tutorial/" title="51 Photoshop Text Effects"&gt;51 Photoshop Text Effect Tutorials&lt;/a&gt;. ext and the way it looks is a major part of any design. A great design can be cheapened if the text on the page looks wrong. Any logo is almost entirely text. From water to fire, these 51 tutorials will show you how to create any style of text you want.&lt;br /&gt;&lt;br /&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Web Design Resources:&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.oswd.org/" title="Open Source Web Design"&gt;Open Source Web Design&lt;/a&gt; is a site to download free web design templates and share yours with others. They help make the internet a prettier place. To put it simply, Open Source Web Design is a collection of web designs submitted by the community that anyone can download free of charge!&lt;/p&gt; &lt;p&gt;&lt;a href="http://www.bluevertigo.com.ar/bluevertigo.htm" title="Blue Vertigo"&gt;Blue Vertigo&lt;/a&gt; showcases an amazing array of free resources for web designers, from stockphotography and vector clip art to free fonts and brushes. This is truly a site worth bookmarking for future use.&lt;/p&gt; &lt;p&gt;&lt;a href="http://browsershots.org/" title="BrowserShots"&gt;Browser Shots&lt;/a&gt; allows you to test out your designs in various browsers quickly and easily. Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.&lt;/p&gt;&lt;/div&gt;</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/12-invaluable-sites-for-web-design-and.html' title='12 Invaluable Sites for Web Design and Design Inspiration'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=6273437753202922414&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/6273437753202922414'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/6273437753202922414'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-6236325001077032428</id><published>2007-12-25T12:38:00.001+02:00</published><updated>2007-12-25T14:46:56.108+02:00</updated><title type='text'>What the font?!</title><content type='html'>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.myfonts.com/library/titles/a83da7b9dfafeffc18d429cc20c9718f.gif"&gt;&lt;img style="cursor: pointer;" src="http://www.myfonts.com/library/titles/a83da7b9dfafeffc18d429cc20c9718f.gif" alt="" align="right" border="0" /&gt;&lt;/a&gt;Ever wanted to find a font just like the one used by certain publications, corporations, or ad campaigns? Well now you can, using &lt;a href="http://www.myfonts.com/WhatTheFont/"&gt;WhatTheFont&lt;/a&gt; font recognition system. Upload a scanned image of the font and instantly find the closest matches in their database. If WhatTheFont can’t figure it out, you can submit your image to the WhatTheFont Forum where cloak-draped font enthusiasts around the world will help you out!</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/what-font.html' title='What the font?!'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=6236325001077032428&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/6236325001077032428'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/6236325001077032428'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-8321411776247601598</id><published>2007-12-25T10:21:00.000+02:00</published><updated>2007-12-25T10:30:58.639+02:00</updated><title type='text'>Mozilla Weave Helps Us Move to the Cloud</title><content type='html'>Source: &lt;a href="http://webworkerdaily.com/2007/12/23/mozilla-weave-helps-us-move-to-the-cloud/"&gt;Web Worker Daily&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;img style="margin: 0pt 0pt 10px 10px; cursor: pointer;" src="http://farm3.static.flickr.com/2198/2130381197_8d850d1919_o.jpg" alt="" align="right" border="0" /&gt;The latest project to come out of Mozilla Labs is &lt;strong&gt;&lt;a href="http://labs.mozilla.com/2007/12/introducing-weave/"&gt;Weave&lt;/a&gt;&lt;/strong&gt;, which they describe somewhat fuzzily as enabling “the deeper integration of the browser with online services.” In its initial alpha release - compatible only with Firefox 3.0 beta 2 - Weave operates as a bookmark and history synchronization engine for Firefox. You install the Weave extension on to each copy of Firefox you use, log in to your account at services.mozilla.org, and all of your bookmarks and browser history are available transparently across machines. &lt;p&gt;Since I’ve already moved to the latest Firefox betas, I tried Weave and (with some obvious beta rough edges) it does indeed work as advertised, which is going to make my experience as a developer with multiple computers just a bit more pleasant. But the idea of bookmark synchronization is hardly revolutionary, and some pundits have been dismissing this as a “me-too” move that merely puts Mozilla on par with similar effort such as &lt;a href="http://www.opera.com/products/link/"&gt;Opera Link&lt;/a&gt; and &lt;a href="http://www.google.com/bookmarks"&gt;Google Bookmarks&lt;/a&gt;.&lt;br /&gt;&lt;span id="more-1522"&gt;&lt;/span&gt;&lt;br /&gt;Those taking such a shallow view of this effort are, I think, missing the point. As Om Malik &lt;a href="http://gigaom.com/2007/12/22/mozilla-weaves-services-will-compete-with-google/"&gt;points out on GigaOm&lt;/a&gt;, Weave is a much more ambitious project, with the ultimate goal of offering a user-controlled metadata storage service “in the cloud” with open developer APIs, strong encryption, and a code of ethics. The word “platform” gets thrown around a lot these days, but assuming Weave moves forward, it really can be a neutral platform on which many different vendors can build location- and computer-independent services for Firefox users.&lt;/p&gt; For many of us, the most essential part of a computer these days is already an internet connection, as WWD editor Judi Sohn &lt;a href="http://www.momathome.com/2007/11/amazing_how_much_you_can_do_in_safe_mode_if_you_have_to/"&gt;dramatically discovered&lt;/a&gt; last month when she was stuck in safe mode (and still able to get her work done). The success of projects like Weave will move us along a path where those who want to can make a leap into operating entirely in the cloud: sit down at any computer with a browser, sign into a single account online, and have all of your customizations and data instantly available. That’s the payoff, not simple stuff like synchronized bookmarks</content><link rel='alternate' type='text/html' href='http://www.designrific.com/blog/2007/12/mozilla-weave-helps-us-move-to-cloud.html' title='Mozilla Weave Helps Us Move to the Cloud'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=2898989231956969799&amp;postID=8321411776247601598&amp;isPopup=true' title='0 Comments'/><link rel='replies' type='application/atom+xml' href='http://www.designrific.com/blog/atom.xml' title='Post Comments'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/8321411776247601598'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2898989231956969799/posts/default/8321411776247601598'/><author><name>Mostafa Mourad</name></author></entry><entry><id>tag:blogger.com,1999:blog-2898989231956969799.post-2148953103600581122</id><published>2007-12-25T10:10:00.000+02:00</published><updated>2007-12-25T10:19:16.395+02:00</updated><title type='text'>Typographic Contrast and Flow</title><content type='html'>Source: &lt;a href="http://www.webdesignerwall.com/tutorials/typographic-contrast-flow"&gt;WebDesignerWall&lt;br /&gt;&lt;br /&gt;&lt;/a&gt;As you have probably know, most online readers don’t read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader’s attention to the important messages and at the same time enhance the visual appearance. Here are seven basic methods on how you can create typographic contrast.&lt;em&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;1.&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; Size&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Larger font size indicate higher priority because it draws reader’s attention, therefore this method is commonly applied on headings. &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/size-large.gif" alt="large font size" /&gt;&lt;/p&gt; &lt;p&gt;On the other hand, you can de-emphasize by using smaller font size.&lt;/p&gt;    &lt;p&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/size-small.gif" alt="small font size" /&gt;&lt;em&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;2.&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; Typeface / Classification&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Contrast can be achieved by mixing different typeface classifications. However, due to limited web safe fonts, there are only two main classifications commonly used: serif and sans-serif.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/type-class.gif" alt="type classification" /&gt;&lt;/p&gt; &lt;p&gt;Generally, to create a contrast between the headings and the body text, we use serif font for the headings and sans-serif font for the body, or vice versa.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/class-contrast.gif" alt="classification contrast" /&gt;&lt;/p&gt; &lt;p&gt;If you want to go beyond the web safe fonts, there are two more options: &lt;/p&gt; &lt;ol&gt;&lt;li&gt; &lt;p&gt;&lt;strong&gt;&lt;a target="_top" href="http://www.mezzoblue.com/tests/revised-image-replacement/"&gt;CSS image replacement&lt;/a&gt;&lt;/strong&gt;, that is to use CSS to hide the text and replace with a background image.&lt;br /&gt;[css + bg image = static graphic img]&lt;/p&gt; &lt;/li&gt;&lt;li&gt; &lt;p&gt;&lt;strong&gt;&lt;a target="_top" href="http://www.mikeindustries.com/sifr"&gt;sIFR&lt;/a&gt; (Flash replacement)&lt;/strong&gt;, that is to use Javascript and Flash technology to replace the text with the embedded font.&lt;br /&gt;[Javascript+Flash = any font dynamically]&lt;/p&gt; &lt;/li&gt;&lt;/ol&gt;   &lt;p&gt;&lt;em&gt;Note:&lt;/em&gt; CSS image replacement or sIFR is not practical for long paragraph, so they are normally used for headings.&lt;em&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;3.&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; Color&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Color contrast is a common way to distinguish between navigation, headings, link, and body text.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/color-link.gif" alt="link" /&gt;&lt;/p&gt; &lt;p&gt;You can use faded color to indicate something that is disabled or not available.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/faded.gif" alt="faded" /&gt;&lt;/p&gt; &lt;p&gt;Sometime you don’t need to make something bigger to get more attention, you can create emphasis by using brighter color, such as red.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/red-color.gif" alt="red color text" /&gt;&lt;/p&gt; &lt;p&gt;You can also use color to distinguish individual word within a group of text.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/color-group.gif" alt="color grouped text" /&gt;&lt;/p&gt; &lt;p&gt;When small font size combined with lighter tone color, the importance of the text is further de-emphasized.&lt;/p&gt;   &lt;p&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/least-important.gif" alt="least important" /&gt;&lt;em&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;4.&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; Cases&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;When the same typeface is used for the headings and body text, contrast can be established by changing the case. Uppercase tends to get more attention than lowercase, therefore it is more suitable for headings. The CSS property to transform text to uppercase is &lt;code&gt;text-transform: uppercase&lt;/code&gt;.&lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/case-contrast.gif" alt="case contrast" /&gt;&lt;/p&gt; &lt;p&gt;&lt;em&gt;Tips:&lt;/em&gt; avoid using uppercase in the body text or in long sentence because it will reduce readability.&lt;/p&gt;   &lt;p&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/uppercase-block.gif" alt="uppercase text block" /&gt;&lt;em&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;5.&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; Style and Decoration&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;One of the common mistakes made by most editors (particularly the Microsoft Word users), is the tendency to use the underline decoration to emphasize certain text. This is a big mistake in web typography. Readers will misinterpret the underlined text as a link because the browser underlines the link by default. So, do not underline any text that is not a link when posting on the web. &lt;/p&gt; &lt;p class="image"&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/underline-text.gif" alt="underline" /&gt;&lt;/p&gt; &lt;p&gt;Instead, you can use italic font style.&lt;/p&gt;   &lt;p&gt;&lt;img src="http://www.webdesignerwall.com/wp-content/uploads/2007/12/italic.gif" alt="italic" /&gt;&lt;em&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;6.&lt;/span&gt;&lt;/span&gt;&lt;/em&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt; Weight&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;Making 