<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>Shai Perednik.com &#187; WordPress</title> <atom:link href="http://shaiperednik.com/tag/wordpress/feed/" rel="self" type="application/rss+xml" /><link>http://shaiperednik.com</link> <description>IT Guru &#38; Developer</description> <lastBuildDate>Fri, 30 Dec 2011 13:52:36 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>GetDeb.net Repository Makes Newer Ubuntu Apps Easily Available [Linux]</title><link>http://shaiperednik.com/2009/11/getdeb-net-repository-makes-newer-ubuntu-apps-easily-available-linux/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=getdeb-net-repository-makes-newer-ubuntu-apps-easily-available-linux</link> <comments>http://shaiperednik.com/2009/11/getdeb-net-repository-makes-newer-ubuntu-apps-easily-available-linux/#comments</comments> <pubDate>Sun, 15 Nov 2009 21:01:13 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[cli]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[Linux]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[Ubuntu]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/11/getdeb-net-repository-makes-newer-ubuntu-apps-easily-available-linux/</guid> <description><![CDATA[Automatically pulled from Google Starred GetDeb&#8217;s web site has long been the go-to spot for Ubuntu (and Debian, and Mint) users to grab the latest copies of software not yet released by their official repositories. Now GetDeb makes it even easier with a repository. By adding GetDeb&#8217;s repository to your Linux system, you&#8217;ll get access [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/bc6d3_getdet.jpg" width="340" /><a href="http://getdeb.net">GetDeb&#8217;s web site</a> has long been the go-to spot for <a href="http://shaiperednik.com/tag/ubuntu/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Ubuntu">Ubuntu</a> (and Debian, and Mint) users to grab the latest copies of software not yet released by their official repositories. Now GetDeb makes it even easier with a repository.</p><p>By adding GetDeb&#8217;s repository to your <a href="http://shaiperednik.com/tag/linux/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Linux">Linux</a> system, you&#8217;ll get access to pre-compiled .deb packages as soon as they&#8217;re available on GetDeb&#8217;s site. That means apps like the GIMP graphics editor, Songbird, and other software that hits a major release between Ubuntu&#8217;s six-month release cycle are available to you just as soon as someone&#8217;s nice enough to compile the newest code.</p><p>GetDeb&#8217;s repository is free to use and install. Hit the link for instructions on adding it to your 9.04 or 9.10 Ubuntu system; users of older Ubuntu systems can still grab packages at GetDeb&#8217;s <a href="http://old.getdeb.net/">legacy web site</a>.</p><div><a href="http://www.getdeb.net/updates/#how_to_install">GetDeb.net V2 Beta</a> [via <a href="http://nancib.wordpress.com/2009/11/08/like-getdeb-now-you-can-get-their-packages-from-a-repo/">I'm Just an Avatar</a>]</div><p><a href="http://ads.pheedo.com/click.phdo?s=e6ea5f15e171bf1a5fde23cedb604a86&amp;p=1"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0a7eb_img.phdo?s=e6ea5f15e171bf1a5fde23cedb604a86&amp;p=1" /></a><br /> <img alt="" height="0" width="0" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0a7eb_eus.gif?eui=2225" /></p><div> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=hsqA0U-E0qo:X1m9chlZSrc:H0mrP-F8Qgo"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0a7eb_full?d=H0mrP-F8Qgo" border="0" /></a> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=hsqA0U-E0qo:X1m9chlZSrc:yIl2AUoC8zA"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5d16b_full?d=yIl2AUoC8zA" border="0" /></a> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=hsqA0U-E0qo:X1m9chlZSrc:D7DqB2pKExk"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5d16b_full?i=hsqA0U-E0qo:X1m9chlZSrc:D7DqB2pKExk" border="0" /></a> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=hsqA0U-E0qo:X1m9chlZSrc:V_sGLiPBpWU"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5d16b_full?i=hsqA0U-E0qo:X1m9chlZSrc:V_sGLiPBpWU" border="0" /></a></div><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5d16b_hsqA0U-E0qo" height="1" width="1" /></p><p><a href="http://feeds.gawker.com/~r/lifehacker/full/~3/hsqA0U-E0qo/getdebnet-repository-makes-newer-ubuntu-apps-easily-available">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/11/getdeb-net-repository-makes-newer-ubuntu-apps-easily-available-linux/" rel="bookmark">GetDeb.net Repository Makes Newer Ubuntu Apps Easily Available [Linux]</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on November 15, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/11/getdeb-net-repository-makes-newer-ubuntu-apps-easily-available-linux/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>40 Free High-Quality WordPress Themes</title><link>http://shaiperednik.com/2009/11/40-free-high-quality-wordpress-themes/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=40-free-high-quality-wordpress-themes</link> <comments>http://shaiperednik.com/2009/11/40-free-high-quality-wordpress-themes/#comments</comments> <pubDate>Thu, 12 Nov 2009 21:20:58 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Build]]></category> <category><![CDATA[css]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Information]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[man]]></category> <category><![CDATA[Monkey]]></category> <category><![CDATA[Photo]]></category> <category><![CDATA[php]]></category> <category><![CDATA[way]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/11/40-free-high-quality-wordpress-themes/</guid> <description><![CDATA[Automatically pulled from Google Starred    High quality free WordPress Themes have become harder and harder to find in the past year, with the influx of premium themes, more and more designers and developers are selling themes (and rightly so, they do amazing work). However, the quality of freely available themes has improved as well; [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><table width="650"><tr><td width="650"><div> <img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/bc894_smashing-magazine-advertisement.gif" alt="" border="0" /><br /> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=56"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b1847_avw.php?zoneid=56" border="0" alt="" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=63"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4c5df_avw.php?zoneid=63" border="0" alt="" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=64"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4c5df_avw.php?zoneid=64" border="0" alt="" /></a></div></td></tr></table><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4c5df_spacer.gif" alt="" border="0" width="1" height="1" /></p><p>High quality <strong>free <a href="http://shaiperednik.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Posts tagged with WordPress">WordPress</a> Themes</strong> have become harder and harder to find in the past year, with the influx of premium themes, more and more designers and developers are selling themes (and rightly so, they do amazing work). However, the quality of freely available themes has improved as well; in fact, some themes are very advanced and professional and can serve as a solid foundation for your next designs.</p><p>There are a <em>lot</em> of choices out there for someone wanting to choose a WordPress theme for their blog. But, that aside, the quality is certainly there, and we are sure you will be impressed with this WordPress theme compilation.</p><p>You may be interested in the following related posts:</p><ul><li><a href="http://www.smashingmagazine.com/2009/05/18/100-amazing-free-wordpress-themes-for-2009/">100 Amazing Free WordPress Themes for 2009</a></li><li><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">100 Excellent Free High-Quality WordPress Themes</a></li></ul><h3>Free High-Quality WordPress Themes</h3><p><a href="http://portfolio.icreativelabs.com/free-wordpress-e-commerce-theme-appcloud/">AppCloud Theme</a><br />A nice e-commerce WordPress theme with a clean and professional look. Built upon 960.gs, with an integrated slideshow, two layouts (horizontal and vertical) for app/gadget images. The theme also includes sections “Featured products” and “Top Selling” and a categorized products view.</p><p><a href="http://portfolio.icreativelabs.com/free-wordpress-e-commerce-theme-appcloud/"><img width="500" height="464" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e9b92_appcloud.jpg" /></a></p><p><a href="http://bizzartic.com/2009/05/10/berita-business-wordpress-theme/">Berita</a> (via <a href="http://www.themescloset.com/2009/05/26-great-new-free-wordpress-themes-released-in-may/">ThemeCloset</a>)<br />Berita is a minimalist corporate theme created for companies to prominently display their logo, but the theme could be used for any type of website. It’s a feature-rich theme with a preview slider on the front page and a robust theme administration page.</p><p><a href="http://bizzartic.com/2009/05/10/berita-business-wordpress-theme/"><img width="500" height="394" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/93b86_berita.gif" /></a></p><p><a href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/">Magazeen</a><br />Magazeen is a two-column theme released specifically for Smashing Magazine readers. The theme has some subtle enhancements that encourage looking at related and new posts, like a related posts drop-down effect for the category link.</p><p><a href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/"><img width="500" height="418" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/12418_magazeen.jpg" /></a></p><p><a href="http://www.woothemes.com/2009/07/mainstream/">Mainstream Theme</a> (via <a href="http://www.woothemes.com/2009/07/mainstream/">Wootheme</a>)<br />You have the option of choosing from five different theme colors with Mainstream. Thumbnails are automatically resided and the sidebar is widgetized.</p><p><a href="http://www.woothemes.com/2009/07/mainstream/"><img width="500" height="381" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/372d1_mainstream.gif" /></a></p><p><a href="http://www.chris-wallace.com/2009/01/08/rusty-grunge-wordpress-theme/">Rusty Grunge</a><br />Rusty Grunge is a simple WordPress theme yet still gives you the “destroyed” look. This theme utilizes a fully-widgetized sidebar and has been downloaded over 28,000 times and is featured as a pre-installed theme on Dreamhost’s default installation of WordPress.</p><p><a href="http://www.chris-wallace.com/2009/01/08/rusty-grunge-wordpress-theme/"><img width="500" height="415" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9d2df_rg.jpg" /></a></p><p><a href="http://wpcrunchy.com/2009/06/23/obscure-free-community-based-wordpress-theme/">Obscure WordPress Theme</a><br />A dark magazine WordPress theme suitable for any site niche; also a good fit for a community-based site.</p><p><a href="http://wpcrunchy.com/2009/06/23/obscure-free-community-based-wordpress-theme/"><img width="500" height="413" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d818e_obscure2.jpg" /></a></p><p><a href="http://www.smashingmagazine.com/2009/07/10/free-wordpress-theme-paper-wall/">Paper Wall</a><br />Smashing Magazine released the illustrated theme Paper Wall last month. The inspiration behind the Paper Wall theme was a designer’s desk, as designers typically put things on paper. It’s a two-column theme with many elements of paper: paper boards, peeling paper and paper “menus”.</p><p><a href="http://www.smashingmagazine.com/2009/07/10/free-wordpress-theme-paper-wall/"><img width="500" height="393" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/64c86_paperwall.jpg" /></a></p><p><a href="http://www.smashingmagazine.com/2009/05/04/download-gallery-a-free-wordpress-theme/">Gallery WordPress Theme</a><br />a beautiful, free, gallery-style Thematic child theme for WordPress, designed by <a href="http://www.chris-wallace.com/">Christopher Wallace</a> especially for Smashing Magazine and its readers. It is extremely flexible and can be used as a starting point for design galleries and portfolios.</p><p><a href="http://www.smashingmagazine.com/2009/05/04/download-gallery-a-free-wordpress-theme/"><img width="500" height="375" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2b8fa_gall.jpg" /></a></p><p><a href="http://www.freethemelayouts.com/showcase/coolretro-wordpress-theme/">Cool Retro</a><br />A nice, clean illustrated WordPress theme with a retro-look and nice typography.</p><p><a href="http://www.freethemelayouts.com/showcase/coolretro-wordpress-theme/"><img width="500" height="400" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/91144_coolretro.jpg" /></a></p><p><a href="http://themehybrid.com/archives/2009/04/life-collage-wordpress-theme">Life Collage</a><br />Life Collage is a child theme of the Hybrid theme framework. It’s about getting back to the roots of blogging. About sharing our lives. And, about having a little fun while we do it.</p><p><a href="http://themehybrid.com/archives/2009/04/life-collage-wordpress-theme"><img width="500" height="518" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/22941_life.jpg" /></a></p><p><a href="http://ikab-mag.com/2009/10/shalom-typo-wordpress-theme/">Shalom Typo</a><br />This theme was designed for the <a href="http://smashingmagazine.com/">typographic template contest</a> at Smashing Magazine by the German designer <a href="http://ikab-mag.com/2009/10/shalom-typo-wordpress-theme/davidhellmann.com/">David Hellmann</a>. This WordPress theme is based upon this layout. A clean and nice typographic WordPress-theme.</p><p><a href="http://ikab-mag.com/2009/10/shalom-typo-wordpress-theme/"><img width="500" height="360" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c7c28_shalom.jpg" /></a></p><p><a href="http://www.styleshout.com/">Jungleland Theme</a> (via <a href="http://www.themelab.com/free-wordpress-themes/">Theme Lab</a>)<br />The stylish browns give an earthy feel to this blog making it a good choice for those blogs focused on the environment and nature. It features a <a href="http://shaiperednik.com/tag/photo/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Photo">photo</a> gallery and a sidebar menu</p><p><a href="http://www.styleshout.com/"><img width="500" height="431" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7214c_jungleland-theme.jpg" /></a></p><p><a href="http://monkeypr.ajansretro.com/">Monkeypr Theme</a> (via <a href="http://www.queness.com/post/689/monkeypr-free-wordpress-theme-from-retro/">Queness</a>)<br />Monkeypr is a nicely designed and fun WordPress theme.</p><p><a href="http://monkeypr.ajansretro.com/"><img width="500" height="539" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c591f_monkeypr-theme.jpg" /></a></p><p><a href="http://www.press75.com/the-folio-elements-wordpress-theme/">Folio Elements Theme</a> (via <a href="http://www.press75.com/the-folio-elements-wordpress-theme/">Press 75</a>)<br />With its black background, Folio Elements theme will surely make your images and photographs noticed.  There is no sidebar, no widgets, no list of categories, no place to comment and nowhere to search.  However, if you are looking for a basic carousel-type theme with absolutely no basics, bells or whistles, then Folio Elements might be the one for you.</p><p><a href="http://www.press75.com/the-folio-elements-wordpress-theme/"><img width="500" height="351" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/49263_folio-elements-theme.jpg" /></a></p><p><a href="http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/">SimpleCart(js)</a><br />SimpleCart(js) is another child of the Thematic WordPress framework. The theme requires WP E-Commerce and is a flexible <a href="http://shaiperednik.com/tag/way/" class="st_tag internal_tag" rel="tag" title="Posts tagged with way">way</a> to showcase products with the grid framework. The theme features a rich wood background and simple white content area.</p><p><a href="http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/"><img width="500" height="387" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f173e_simplecart.jpg" /></a></p><p><a href="http://www.smashingmagazine.com/2009/11/07/glassical-a-free-wordpress-theme/">Glassic</a><br />A simple clean WordPress theme with the focus on typography and simplicity. Released by <a href="http://www.symmetricweb.com/">Abdullah Ibrahim</a> exclusively for Smashing Magazine and its readers.</p><p><a href="http://www.smashingmagazine.com/2009/11/07/glassical-a-free-wordpress-theme/"><img width="450" height="500" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/72e4f_glassic-release.jpg" /></a></p><p><a href="http://wellmedicated.com/themes/zinepress/">Zinepress Theme</a> (via <a href="http://wellmedicated.com/themes/zinepress/">Well Medicatedi</a>)<br />Zinepress is a two column magazine style theme.  There is a nice sidebar with enough space for ads and for your widgets.  It is hand coded and has valid XHTML STrict 1.0 and <a href="http://shaiperednik.com/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a> Level 2.1.  The developer has successfully tested this them with IE 6.0+, Firefox 2+, Opera 9+, Safari 3+, and Chrome 0.2+. Suggested WordPress version is 2.7 or higher.</p><p><a href="http://wellmedicated.com/themes/zinepress/"><img width="500" height="455" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c31e3_zinepress-theme.jpg" /></a></p><p><a href="http://www.themememe.com/wordpress-theme-futurosity-aperio-prototype">Futurosity Aperio Prototype</a><br />Futurosity Aperio is a clean straight-forward blog theme built on Sandbox</p><p><a href="http://www.themememe.com/wordpress-theme-futurosity-aperio-prototype"><img width="360" height="350" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/8ea92_aperio.jpg" /></a></p><p><a href="http://www.themememe.com/wordpress-theme-futurosity-vero">Futurosity Vero</a> (via <a href="http://www.themememe.com/wordpress-theme-futurosity-vero">Theme Meme</a>)<br />Built on Sandbox and Blueprint CSS framework, the Futurosity Vero is a minimalist theme.  Near the top of your home page, your most recent and featured post will be displayed.</p><p><a href="http://www.themememe.com/wordpress-theme-futurosity-aperio-prototype"><img width="350" height="412" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/1aa8d_fut.jpg" /></a></p><p><a href="http://www.jepson.no/polaroidpress-a-free-wordpress-theme/">PolaroidPress</a> (via <a href="http://www.tutorial9.net/resources/35-creative-and-colorful-wordpress-themes/">Tutorial9</a>)<br />PolaroidPress, as you might guess from the name, plays on the usage of “polaroids” in the theme that display your random images. It’s a simple two-column theme with an airy feel.</p><p><a href="http://www.jepson.no/polaroidpress-a-free-wordpress-theme/"><img width="500" height="374" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/8d17b_polar.gif" /></a></p><p><a href="http://diggingintowordpress.com/2009/07/free-html-5-wordpress-theme/">H5</a><br />The H5 theme is more of a proof-of-concept theme to show designers how to show theme designers how to design with HTML5 and CSS 2.1. It’s a bare-bones theme that’s perfect as a building block for creating your next WordPress theme.</p><p><a href="http://diggingintowordpress.com/2009/07/free-html-5-wordpress-theme/"><img width="500" height="392" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9e1e4_h5.gif" /></a></p><p><a href="http://bizzartic.com/bizzthemes/inuitypes/download/">Inuit</a> (via <a href="http://www.cssreflex.com/2009/05/20-free-minimal-wordpress-themes.html">CSS Reflex</a>)<br />Inuit makes use of a lot of whitespace and preview images for each post on the homepage. The theme also comes integrated with Twitter and Flickr.</p><p><a href="http://bizzartic.com/bizzthemes/inuitypes/download/"><img width="500" height="383" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a21c6_inuit.jpg" /></a></p><p><a href="http://equivocality.com/wu-wei/">Wu Wei</a><br />Clean, modern and minimal. The theme was based on the Taoist concept of wu wei: knowing when to act, and knowing when not to act. The theme is built on the principles of the grid system.</p><p><a href="http://equivocality.com/wu-wei/"><img width="500" height="395" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0e4c3_wuwei.gif" /></a></p><p><a href="http://graphpaperpress.com/2009/01/01/modfolio/">Modfolio</a><br />Modfolio is a child theme of <a href="http://graphpaperpress.com/2008/10/05/modularity-multimedia-theme-framework-for-wordpress/">Modularity</a>, a theme framework for WordPress. Modfolio is another portfolio theme with an extremely dark layout. The theme has 10 potential homepage layout combinations with different colors and element positions.</p><p><a href="http://graphpaperpress.com/2009/01/01/modfolio/"><img width="500" height="406" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/24a0a_modf.jpg" /></a></p><p><a href="http://themelicious.com/2009/03/26/cardeo-minimal/">Cardeo Minimal</a><br />A minimal three-column theme with plenty of white space and gray text.</p><p><a href="http://themelicious.com/2009/03/26/cardeo-minimal/"><img width="500" height="401" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/24a0a_cardeo.gif" /></a></p><p><a href="http://www.studiopress.com/themes/album">Album Theme</a> (by <a href="http://www.briangardner.com/themes/album">Brian Gardner</a>)<br />Album theme is one of the many beautiful templates offered by StudioPress.  Some included features are SEO optimized, widget ready, automatically sizes images for thumbnails, and ad ready.  This theme is not free, but they do include the PSD file.</p><p><a href="http://www.studiopress.com/themes/album"><img width="500" height="363" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d443d_album-theme.jpg" /></a></p><p><a href="http://wordpress.org/extend/themes/autofocus">Album Theme</a> (by <a href="http://wordpress.org/extend/themes/profile/allancole">Allan Cole</a>)<br />Auto-focus is a blog theme designed for photographers to showcase their work.</p><p><a href="http://wordpress.org/extend/themes/autofocus"><img width="500" height="380" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a6c4b_auto-focus.jpg" /></a></p><p><a href="http://wordpress.org/extend/themes/mystique">Mystique</a> (by <a href="http://wordpress.org/extend/themes/profile/digitalnature">Digital Nature</a>)<br />This sleek one column theme has a flexible-width, threaded comments, and an adjustable header.</p><p><a href="http://wordpress.org/extend/themes/mystique"><img width="500" height="367" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7a425_mystique.jpg" /></a></p><p><a href="http://jimbarraud.com/2009/03/19/manifest/">Manifest</a><br />Manifest is a straight-forward one column blog. It has no widgets or sidebar, but gives you a nice clean approach that focuses on your content.</p><p><a href="http://jimbarraud.com/2009/03/19/manifest/"><img width="500" height="394" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7a425_manifest.gif" /></a></p><p><a href="http://yoast.com/wordpress-debug-theme/">Debug Theme</a> (by <a href="http://yoast.com/wordpress-debug-theme/">Joost de Valk</a>)<br />When your WordPress installs fail and you need more <a href="http://shaiperednik.com/tag/information/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Information">information</a>, the debug theme is perfect.  On the home page, it displays the important URL’s, editor, memory setting, etc.  On sub pages it shows the page type, all the query vars that are set and the SQL query for that particular page.</p><p><a href="http://yoast.com/wordpress-debug-theme/"><img width="500" height="588" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/01cc0_debug.gif" /></a></p><p><a href="http://www.freethemelayouts.com/showcase/calmdream-wordpress-theme/">Calmdream WordPress Theme</a><br />A very clean and simple layout for magazine layouts.</p><p><a href="http://www.freethemelayouts.com/showcase/calmdream-wordpress-theme/"><img width="490" height="327" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/478b0_calm.jpg" /></a></p><p><a href="http://wpesp.com/portfolio/">Portfolio Theme</a> (via <a href="http://wpesp.com/portfolio/">WPESP</a>)<br />Portfolio is a two column blog theme which can be described as a minimalist. This modifiable design will make your own portfolio look great!</p><p><a href="http://wpesp.com/portfolio/"><img width="500" height="443" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/3fe0a_portfolio-theme.jpg" /></a></p><p><a href="http://carringtontheme.com/themes/">Blog Theme</a><br />The Carrington Blog-style theme is filled with advanced features like widgetized sidebars, AJAX loading of content, stylish galleries, customizable headers and colors.</p><p><a href="http://carringtontheme.com/themes/%22"><img width="500" height="394" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/cd1b0_carr.gif" /></a></p><p><a href="http://carringtontheme.com/themes/">Mobile Theme</a> (via <a href="http://carringtontheme.com/themes/">Carrington Themesl</a>)<br />The Carrington Mobile has a beautiful design supporting advanced touch browsers )Android, BlackBerry, iPhone and Pre)./p&gt;</p><p><a href="http://carringtontheme.com/themes/"><img width="500" height="411" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/cd1b0_mob.gif" /></a></p><p><a href="http://wordpress.org/extend/themes/pyrmont-v2">Pyrmont V2 Theme</a> (via <a href="http://wordpress.org/extend/themes/pyrmont-v2">WP</a>)<br />Pyrmont V2 is a two-column theme with a black background that could very well make your photographs and designs stand out.</p><p><a href="http://wordpress.org/extend/themes/pyrmont-v2"><img width="500" height="338" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/28226_pyrmont-v2-theme.jpg" /></a></p><p><a href="http://themeshift.com/destyle/">Destyle Theme</a><br />Destyle is a magazine-style WordPress theme.  This is another theme packed with useful features such as:  multi-level superfish dropdown menu, ad management, predefined CSS styles, customa page templates, Twitter and Flick badges on sidebar and automatic image resizing.</p><p><a href="http://themeshift.com/destyle/"><img width="500" height="355" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/800b7_destyle-theme.jpg" /></a></p><p><a href="http://www.productivedreams.com/imprezz-a-free-wordpress-theme/">ImpreZZ</a><br />A dark, three-column theme that gives the second column a third dimension.</p><p><a href="http://www.productivedreams.com/imprezz-a-free-wordpress-theme/"><img width="500" height="456" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d709c_impr.gif" /></a></p><h3>Would you like to see more similar lists on SM?</h3><p>Your opinion is very important to us. There are literally hundreds of similar lists on various design blogs. We are trying to do our best to present you only the best of the best, collecting useful links over months. Would you like to see more similar lists in the future? Or should we drop lists altogether and focus on more original content?</p><p> <a href="http://answers.polldaddy.com/poll/2245599/">Would you like to see more similar lists on SM in the future?</a><span>(<a href="http://www.polldaddy.com">polls</a>)</span></p><hr /><p>© Smashing Editorial for <a href="http://www.smashingmagazine.com">Smashing Magazine</a>, 2009. | <a href="http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/">Permalink</a> | <a href="http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/#comments">30 comments</a> | <a title="Bookmark in del.icio.us" href="http://del.icio.us/post?url=http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/&amp;title=40%20Free%20High-Quality%20WordPress%20Themes">Add to del.icio.us</a> | <a title="Bookmark in Digg" href="http://digg.com/submit?phase=2&amp;url=http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/">Digg this</a> | <a title="Stumble on StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/">Stumble on StumbleUpon!</a> | <a title="Tweet us!" href="http://twitter.com/home?status=@tweetmeme%20@smashingmag%20Reading%20'40%20Free%20High-Quality%20WordPress%20Themes'%20http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/">Tweet it!</a> | <a title="Bookmark in Reddit" href="http://reddit.com/submit?url=http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/">Submit to Reddit</a> | <a href="http://forum.smashingmagazine.com/">Forum Smashing Magazine</a><br /> Post tags: <a href="http://www.smashingmagazine.com/tag/themes/" rel="tag">themes</a>, <a href="http://www.smashingmagazine.com/tag/wordpress/" rel="tag">wordpress</a></p><p><a href="http://www.smashingmagazine.com/2009/11/12/40-free-high-quality-wordpress-themes/">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/11/40-free-high-quality-wordpress-themes/" rel="bookmark">40 Free High-Quality WordPress Themes</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on November 12, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/11/40-free-high-quality-wordpress-themes/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Programmer 101: Teach Yourself How to Code [Programming]</title><link>http://shaiperednik.com/2009/11/programmer-101-teach-yourself-how-to-code-programming/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=programmer-101-teach-yourself-how-to-code-programming</link> <comments>http://shaiperednik.com/2009/11/programmer-101-teach-yourself-how-to-code-programming/#comments</comments> <pubDate>Thu, 12 Nov 2009 18:03:37 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[backup]]></category> <category><![CDATA[Bookmarklet]]></category> <category><![CDATA[Bookmarklets]]></category> <category><![CDATA[Build]]></category> <category><![CDATA[cli]]></category> <category><![CDATA[command line]]></category> <category><![CDATA[css]]></category> <category><![CDATA[email]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Information]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Linux]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[Mac]]></category> <category><![CDATA[man]]></category> <category><![CDATA[Monkey]]></category> <category><![CDATA[OSX]]></category> <category><![CDATA[php]]></category> <category><![CDATA[quick]]></category> <category><![CDATA[script]]></category> <category><![CDATA[video]]></category> <category><![CDATA[way]]></category> <category><![CDATA[wind]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/11/programmer-101-teach-yourself-how-to-code-programming/</guid> <description><![CDATA[Automatically pulled from Google Starred You&#39;ve always wanted to learn how to build software yourself—or just whip up an occasional script—but never knew where to start. Luckily, the web is full of free resources that can turn you into a programmer in no time. Since the invention of the internet, programmers have been using it [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/cbb03_500x_teachyourselftocode-hed.jpg" width="500" /> You&#39;ve always wanted to learn how to <a href="http://shaiperednik.com/tag/build/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Build">build</a> software yourself—or just whip up an occasional <a href="http://shaiperednik.com/tag/script/" class="st_tag internal_tag" rel="tag" title="Posts tagged with script">script</a>—but never knew where to start. Luckily, the web is full of free resources that can turn you into a programmer in no time.</p><p>Since the invention of the internet, programmers have been using it to discuss software development techniques, publish tutorials, and share code samples for others to learn from and use online. If you&#8217;re curious about how to become a programmer, you can get off to a running start using tons of great free web-based tutorials and resources.</p><h3>First Things First: Don&#8217;t Get Hung Up on Choosing a Language</h3><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/cbb03_languagechoice.png" width="160" height="109" align="right" />A common pitfall for beginners is getting stuck figuring out which programming language is best to learn first. There are a lot of opinions out there, but there&#39;s no one &quot;best&quot; language. Here&#39;s the thing: In the end, language doesn&#39;t matter THAT much. Understanding data and control structures and design patterns does matter very much. Every language—even a simple scripting language—will have elements that you&#39;ll use in other languages as well and will help you learn. In classes I took to get my degree in Computer Science, I programmed in Pascal, Assembly, and C—languages I never actually got paid to program in professionally. I taught myself every language I&#39;ve used in my career, reusing concepts I already knew, and referring to documentation and books to learn its syntax. So, don&#39;t get hung up on what language to learn first. Pick the kind of development you want to do, and just get started using one that works.</p><p>There are several different kinds of software development you can do for various platforms, from the web to your desktop to your smartphone to a <a href="http://shaiperednik.com/tag/command-line/" class="st_tag internal_tag" rel="tag" title="Posts tagged with command line">command line</a>. In this article, we&#8217;ll outline some of our favorite starter tutorials and resources for teaching yourself how to program for each major platform. We&#8217;re going to assume you&#8217;re a savvy user, but a newb when it comes to wrangling code snippets, so we&#8217;ll keep things at the beginner level. Even just following through a beginner programming tutorial, you&#8217;ll be happy to see how far you can get.</p><h3>Desktop Scripting</h3><p>The easiest <a href="http://shaiperednik.com/tag/way/" class="st_tag internal_tag" rel="tag" title="Posts tagged with way">way</a> to try your hand at programming for your Windows or Mac desktop is to start with a scripting or macro program like <a href="http://autohotkey.com">AutoHotkey</a> (for Windows) or <a href="http://www.macosxautomation.com/automator/">Automator</a> (for Mac). Right now hardcore coders throughout the Lifehacker readership are yelling at their monitors, saying that AHK or AppleScript are not &quot;real&quot; programming. That may be true—technically these types of tools just do high-level scripting. But for those new to programming who just want to get their feet wet, automating actions on their desktop, these free tools are a fantastic way to start—and you&#39;d be surprised at how much you can do with them.</p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/93a50_340x_add%20new%20hotstring.png" width="340" />For example, Adam developed the standalone Windows application we all know and love, <a href="http://lifehacker.com/238306/lifehacker-code-texter-windows">Texter</a>, using AutoHotkey, so this scripting language is capable of far more than just small-scale automation projects. To get started with AutoHotkey, check out Adam&#8217;s tutorial on <a href="http://lifehacker.com/316589/turn-any-action-into-a-keyboard-shortcut">how to turn any action into a keyboard shortcut using AutoHotkey</a>. (Then, check out <a href="http://github.com/adampash/texter">the source code for Texter</a> to see the innards of a full-fledged AHK-based Windows application.)</p><h3>Web Development</h3><p>Instead of being bound to specific programming languages and the look and feel of a particular operating system, you can put your killer application in the browser and run it in the cloud, as a webapp. Welcome to the wonderful world of web development.</p><p><b>HTML and <a href="http://shaiperednik.com/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a>:</b> The first thing you need to know to build any web site is HTML (the page markup that makes up web pages) and CSS (the style <a href="http://shaiperednik.com/tag/information/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Information">information</a> that makes that markup look pretty). HTML and CSS are not true programming languages—they&#39;re just page structure and style <a href="http://shaiperednik.com/tag/information/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Information">information</a>. However, you should be able to author simple HTML and CSS by hand before you begin building web applications, because a web page is the frontend to every webapp. This <a href="http://www.w3schools.com/html/default.asp">HTML tutorial</a> is a good place to start.</p><p><b><a href="http://shaiperednik.com/tag/javascript/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Javascript">JavaScript</a>:</b> Now that you can lay out a static web page with HTML and CSS, things get fun—because it&#39;s time to learn JavaScript. JavaScript is the programming language of the web browser, the magic that makes dynamic in-page effects go. JavaScript is also the stuff of <a href="http://shaiperednik.com/tag/bookmarklets/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Bookmarklets">bookmarklets</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a> user scripts, and <a href="http://www.webmonkey.com/tutorial/Ajax_for_Beginners">Ajax</a>, so it&#8217;s the key to making all sorts of web goodies. <a href="http://w3schools.com/js/default.asp">Start learning JavaScript here</a>.</p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/93a50_diveintopythoncover-small.jpg" width="106" height="140" align="right" /><b>Server-side scripting:</b> Once you&#39;re good at making things happen inside a web page, you&#39;re going to need to put some dynamic server action behind it—and for that, you&#39;ll need to move into a server-side scripting language, like <a href="http://shaiperednik.com/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with php">PHP</a>, Python, Perl, or Ruby. For example, to make a web-based contact form that sends an <a href="http://shaiperednik.com/tag/email/" class="st_tag internal_tag" rel="tag" title="Posts tagged with email">email</a> somewhere based on what a user entered, a server-side script is required. Scripting languages like <a href="http://shaiperednik.com/tag/php/" class="st_tag internal_tag" rel="tag" title="Posts tagged with php">PHP</a> can talk to a database on your web server as well, so if you want to make a site where users can log in and store information, that&#39;s the way to go. Excellent web development site <a href="http://webmonkey.com">Webmonkey</a> is full of tutorials for various web programming languages. See their <a href="http://www.webmonkey.com/tutorial/PHP_Tutorial_for_Beginners">PHP Tutorial for Beginners</a>. When you&#8217;re ready, check out how to use PHP to talk to a database in <a href="http://www.webmonkey.com/tutorial/PHP_and_MySQL_Tutorial_-_Lesson_1">WebMonkey&#8217;s PHP and MySQL tutorial</a>. PHP&#8217;s online documentation and function reference is the best on the web. Each entry (like this one on the <a href="http://us.php.net/manual/en/function.strlen.php">strlen function</a>) includes user comments at the bottom which are often as helpful as the documentation itself. (I happen to be partial to PHP, but there are plenty of other server-side scripting languages you might decide to go with instead.)</p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/93a50_rails-logo.jpg" align="right" /><b>Web frameworks:</b> Over the years, web developers have had to solve and resolve the same problems and rewrite similar code to build dynamic web sites. To avoid making everyone reinvent the wheel for every new web development project, some programmers have come up with development frameworks that do some repetitive work for you. The popular <a href="http://rubyonrails.org/">Ruby on Rails</a> framework, for example, takes the Ruby programming language and offers a web-specific structure for getting common web application tasks done. In fact, Adam used Rails to build his first serious (and impressive!) web application, <a href="http://mixtape.me">MixTape.me</a>. Here&#8217;s <a href="http://lifehacker.com/5336113/how-to-build-a-web-site-from-scratch-with-no-experience">his take on how to build a web site from scratch with no experience</a>. Other popular web development frameworks include <a href="http://cakephp.org/">CakePHP</a> (for PHP programmers), <a href="http://www.djangoproject.com/">Django</a> (for Python programmers), and <a href="http://jquery.com/">jQuery</a> (for JavaScript).</p><p><b>Web APIs:</b> An <a href="http://en.wikipedia.org/wiki/API">API (Application programming interface)</a> is a programmatic way for different pieces of software to talk to one another. For example, if you want to put a dynamic map on your web site, you want to use a <a href="http://shaiperednik.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Google">Google</a> Map instead of building your own custom map. <a href="http://code.google.com/apis/maps/">The Google Maps API</a> makes it easy to programmatically include a map in a page with JavaScript. Almost every modern web service you know and love has an API that lets you include data and widgets from it in your application, like Twitter, Facebook, Google Docs, Google Maps, and the list goes on. Integrating other webapps into your web application via API&#8217;s is the final frontier of rich web development. Every good, major web service API offers thorough documentation and some sort of quick start guide to try it out (here&#8217;s <a href="http://apiwiki.twitter.com/">Twitter&#8217;s</a>, for example). Go crazy.</p><h3>Command Line Scripting</h3><p>If you want to write a program that takes textual or file input and outputs something useful, the command line is the right place to do it. While the command line isn&#8217;t as sexy or good-looking as a webapp or desktop app, for rapid development of quick scripts that automate processes, you can&#8217;t beat it.</p><p>Several scripting languages that work on a <a href="http://shaiperednik.com/tag/linux/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Linux">Linux</a>-based web server also work at the command line, like Perl, Python, and PHP—so learning one of those baddies makes you conversant in two contexts. My path never took me too far down the Perl road, but I taught myself Python using the excellent and free online book, <i><a href="http://diveintopython.org">Dive into Python</a></i>.</p><p><a rel="lytebox" href="http://cache.gawker.com/assets/images/lifehacker/2009/02/todotxt20-header.png" rel="lightbox[1329]"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/93a50_500x_todotxt20-header.jpg" width="500" /></a></p><p>If becoming a Unix ninja is one of your programmer goals, you absolutely must get good at shell scripting with bash. Bash is the command line scripting language of a *nix environment, and it can do everything from help you set up automated backups of your database and files to building out a full-fledged application with user interaction. Without any experience writing bash scripts beyond a dozen lines, I wound up developing a full-on personal to-do list manager in bash, <a href="http://todotxt.com">Todo.txt CLI</a>.</p><h3>Add-ons</h3><p>Nowadays, modern webapps and browsers are extensible with with bits of software that bolt onto them and add features. Add-on development is gaining in popularity as more developers look at existing software, like Firefox or <a href="http://shaiperednik.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Posts tagged with WordPress">WordPress</a>, and think &#8220;But if only it could do THIS&#8230;&#8221;</p><p>You can do a whole lot in any web browser with just a mastery of HTML, JavaScript, and CSS. Bookmarklets, <a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey</a> user scripts, and <a href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish</a> user styles are created with the same bits of code that make regular web pages, so they&#8217;re worth learning even if you just want to tweak an existing site with a small snippet of code.</p><p>More advanced browser add-ons, like Firefox extensions, let you do more. Developing Firefox extensions, for example, requires that you&#8217;re conversant in JavaScript and XML (markup that&#8217;s similar to HTML, but way more strict in format). Back in 2007 I ran down <a href="http://lifehacker.com/264490/how-to-build-a-firefox-extension">how to build a Firefox extension</a>, a skill I picked up after I stumbled upon a free tutorial.</p><p>Many free and well-loved web applications offer an extension framework as well, like WordPress and MediaWiki. Both of those apps are written in PHP, so comfort with PHP is a prerequisite for getting started. Here&#8217;s <a href="http://codex.wordpress.org/Writing_a_Plugin">how to write a plug-in for WordPress</a>. Developers who want to ride the cutting edge of Google Wave can get started writing gadgets and bots in HTML, JavaScript, Java, and Python. I wrote my first Wave bot following this <a href="http://code.google.com/apis/wave/extensions/robots/python-tutorial.html">quick start tutorial in one afternoon</a>.</p><h3>Web Development for the Desktop</h3><p>The best part about getting started programming in one context is when you can take those skills and apply them elsewhere. Learning web development first is a great way to start because now there are ways to put those skills to work on desktop applications, too. For example, <a href="http://www.adobe.com/devnet/air/ajax/getting_started.html">Adobe AIR</a> is a cross-platform run-time environment that lets you build your app once and release it to run on the desktop for every operating system AIR runs on. AIR apps are written in HTML, <a href="http://shaiperednik.com/tag/flash/" class="st_tag internal_tag" rel="tag" title="Posts tagged with flash">Flash</a>, or Flex, so it lets you apply your web development skills in a desktop context. AIR is a great option for deploying desktop apps like one of our <a href="http://lifehacker.com/396393/top-10-apps-worth-installing-adobe-air-for">top 10 apps worth installing Adobe AIR for</a>.</p><h3>Mobile App Development</h3><p>Mobile applications like the ones you run on your iPhone or Android smartphone are all the rage right now, so you may have dreams of striking it rich in the iTunes App Store with the next killer app. However, for the new coder, diving headfirst into mobile development can be a rough learning curve, since it requires comfort with advanced programming languages like Java and Objective C. However, it&#8217;s worth checking out what iPhone and Android development looks like. Check out <a href="http://www.cimgf.com/2008/10/01/cocoa-touch-tutorial-iphone-application-example/">this simple iPhone application development example</a> to get a taste of what iPhone developers do. Android apps are written in Java, and here&#8217;s a <a href="http://www.youtube.com/watch?v=I6ObTqIiYfE">friendly video tutorial of what building a &#8220;Hello Android&#8221; application workflow looks like</a>.</p><h3>Patience, Elbow Grease, Trial and Error</h3><p>Good coders are a special breed of persistent problem-solvers who are addicted to the small victories that come along a long path of trial and error. Learning how to program is very rewarding, but it can also be a frustrating and solitary experience. If you can, get a buddy to work with you along the way. Getting really good at programming, like anything else, is a matter of sticking with it, trying things out, and getting experience as you go.</p><p>This article is just one self-taught programmer&#8217;s top-of-mind recommendations for beginners. Experienced programmers: What did I miss? No matter your skill level, add your thoughts and recommendations for beginners to the comments.</p><p><i><strong><a href="http://ginatrapani.org">Gina Trapani</a></strong>, Lifehacker&#8217;s founding editor, thinks the best programmers are self-taught. Her weekly feature, <a href="http://lifehacker.com/tag/smarterware/">Smarterware</a>, appears every Wednesday on Lifehacker. Subscribe to the <a href="http://lifehacker.com/tag/smarterware/index.xml">Smarterware tag feed</a> to get new installments in your newsreader.</i></p><hr /><div>[Sponsored]</div><div><a href="http://ads.pheedo.com/feeds/ht.php?t=c&amp;i=d048fe749120b45fa19e168966cf1a30&amp;p=1">NEC</a></div><table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><a href="http://www.nec.com/global/cases/rms/?cid=bn58"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/93a50_videologo.png" border="0" /></a></td></tr><tr><td> </td></tr></table><div><span><br /> <br /> <a href="http://www.pheedo.com/">Ads by Pheedo</a><br /> </span><img alt="" border="0" height="1" width="1" src="http://ads.pheedo.com/feeds/ht.php?t=v&amp;i=d048fe749120b45fa19e168966cf1a30&amp;p=1" /><br /> <img alt="" height="0" width="0" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4654_eus.gif?eui=2225" /></div></p><div> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=plo02FiHEK0:rP4_-eASELQ:H0mrP-F8Qgo"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4654_full?d=H0mrP-F8Qgo" border="0" /></a> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=plo02FiHEK0:rP4_-eASELQ:yIl2AUoC8zA"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4654_full?d=yIl2AUoC8zA" border="0" /></a> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=plo02FiHEK0:rP4_-eASELQ:D7DqB2pKExk"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4654_full?i=plo02FiHEK0:rP4_-eASELQ:D7DqB2pKExk" border="0" /></a> <a href="http://feeds.gawker.com/~ff/lifehacker/full?a=plo02FiHEK0:rP4_-eASELQ:V_sGLiPBpWU"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4654_full?i=plo02FiHEK0:rP4_-eASELQ:V_sGLiPBpWU" border="0" /></a></div><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4654_plo02FiHEK0" height="1" width="1" /></p><p><a href="http://feeds.gawker.com/~r/lifehacker/full/~3/plo02FiHEK0/programmer-101-teach-yourself-how-to-code">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/11/programmer-101-teach-yourself-how-to-code-programming/" rel="bookmark">Programmer 101: Teach Yourself How to Code [Programming]</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on November 12, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/11/programmer-101-teach-yourself-how-to-code-programming/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>25 Slick PSD Website Templates Free for Download</title><link>http://shaiperednik.com/2009/11/25-slick-psd-website-templates-free-for-download/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=25-slick-psd-website-templates-free-for-download</link> <comments>http://shaiperednik.com/2009/11/25-slick-psd-website-templates-free-for-download/#comments</comments> <pubDate>Thu, 12 Nov 2009 18:02:26 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[css]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[Mac]]></category> <category><![CDATA[Photo]]></category> <category><![CDATA[php]]></category> <category><![CDATA[video]]></category> <category><![CDATA[way]]></category> <category><![CDATA[WordPress]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/11/25-slick-psd-website-templates-free-for-download/</guid> <description><![CDATA[Automatically pulled from Google Starred There are people all over the internet that are willing to give away their work for promotional purposes or because they want to spread their design talent to other people. For this reason we are lucky enough to have a wide variety of free PSD website templates for your use [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><p>There are people all over the internet that are willing to give away their work for promotional purposes or because they want to spread their design talent to other people.</p><p>For this reason we are lucky enough to have a wide variety of free PSD website templates for your use and enjoyment. I have collected some of the best ones I found from around the web to bring to you, already split up into layers in Photoshop. Enjoy!</p><h3>1) Design Studio PSD Template</h3><p><a title="PSD Website Template" href="http://mohammedghaddar.deviantart.com/art/FREE-Template-FREE-Download-111851284"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2b9b8_01.jpg" alt="" /></a></p><h3>2) Orange PSD Template</h3><p><a title="PSD Website Template" href="http://psdtemplate.deviantart.com/art/Orange-by-PSDTemplate-com-114500593"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7a88f_02.jpg" alt="" /></a><br /> <span></span></p><h3>3) SanduneBiz PSD Template</h3><p><a title="PSD Website Template" href="http://psdcow.deviantart.com/art/FREE-PSD-Template-SanduneBiz-128891129"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d275d_03.jpg" alt="" /></a></p><h3>4)Cambridge PSD Template</h3><p><a title="PSD Website Template" href="http://psdcow.com/2009/07/02/free-photoshop-template-3/#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d275d_04.jpg" alt="" /></a></p><h3>5) Crisp Presentation PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=16#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ab74f_05.jpg" alt="" /></a></p><h3>6) Citrus Square Burst PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=15#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ab74f_06.jpg" alt="" /></a></p><h3>7) Audryhipburn PSD Template</h3><p><a title="PSD Website Template" href="http://psdthemes.com/theme-1225-audryhipborn-psd-theme.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7120d_07.jpg" alt="" /></a></p><h3>8 ) MyTwoCents Property PSD Template</h3><p><a title="PSD Website Template" href="http://psdthemes.com/theme-1091-mytwocents-property-theme.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7120d_08.jpg" alt="" /></a></p><h3>9) Old Victorian PSD Template</h3><p><a title="PSD Website Template" href="http://psdthemes.com/theme-457-old-victorian-themed-web-design-free-psd.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7120d_09.jpg" alt="" /></a></p><h3>10) Bright Colors Radio PSD Template</h3><p><a title="PSD Website Template" href="http://psdthemes.com/theme-469-bright-colors-radio-themed-web-design.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b9be9_10.jpg" alt="" /></a></p><h3>11) Blackboard PSD Template</h3><p><a title="PSD Website Template" href="http://psdthemes.com/theme-372-blackboard-design-concept.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b9be9_11.jpg" alt="" /></a></p><h3>12) Colorful <a href="http://shaiperednik.com/tag/video/" class="st_tag internal_tag" rel="tag" title="Posts tagged with video">Video</a> PSD Template</h3><p><a title="PSD Website Template" href="http://psdthemes.com/theme-377-colorfull-video-themed-web-design-psd.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b9be9_12.jpg" alt="" /></a></p><h3>13) Shape PSD Template</h3><p><a title="PSD Website Template" href="http://www.smashingmagazine.com/2009/06/04/6-free-psdxhtml-templates/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b224e_13.jpg" alt="" /></a></p><h3>14) DelliStore PSD Template</h3><p><a title="PSD Website Template" href="http://www.smashingmagazine.com/2009/05/02/dellistore-a-free-professional-cssxhtmlpsd-template/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b224e_14.jpg" alt="" /></a></p><h3>15) Midnight Sun PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=8#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a1db1_15.jpg" alt="" /></a></p><h3>16) Environmental PSD Template</h3><p><a title="PSD Website Template" href="http://www.freepsd.com/2009/01/19/environmental-template/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a1db1_16.jpg" alt="" /></a></p><h3>17) Smashing Multimedia PSD Template</h3><p><a title="PSD Website Template" href="http://www.smashingmagazine.com/2009/08/22/free-podcasting-video-and-photography-wordpress-theme/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c340b_17.jpg" alt="" /></a></p><h3>18 ) Slideshow PSD Template</h3><p><a title="PSD Website Template" href="http://pixelactic.com/2009/08/free-giveaway-ultimate-wordpress-theme-layout-in-psd-format/#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/6cf2c_18.jpg" alt="" /></a></p><h3>19) Fresh PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=14#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5bdef_19.jpg" alt="" /></a></p><h3>20) 5 Webdesigns PSD Template</h3><p><a title="PSD Website Template" href="http://majareq.deviantart.com/art/5-Webdesigns-PSD-Pack-119838551"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e049c_20.jpg" alt="" /></a></p><h3>21) 3 Free PSD Template</h3><p><a title="PSD Website Template" href="http://segadesigns.com/?p=706"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/30aa7_21.jpg" alt="" /></a></p><h3>22) Organic Conference PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=5#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f561e_22.jpg" alt="" /></a></p><h3>23) Summer of Love PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=6#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/3e867_23.jpg" alt="" /></a></p><h3>24) Herbal Treats PSD Template</h3><p><a title="PSD Website Template" href="http://www.bevelandemboss.net/show-template.php?id=10#at"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/aa9fd_24.jpg" alt="" /></a></p><h3>25) Solitude PSD Template</h3><p><a title="PSD Website Template" href="http://www.smashingmagazine.com/2009/06/04/6-free-psdxhtml-templates/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_25.jpg" alt="" /></a></p><p><span><strong>About the Author</strong></span><br /> <strong>Tyler Denis</strong> is a part-time freelance designer from Ashland, New Hampshire. He is also the creator/writer of the design blog <strong><a href="http://denisdesigns.com/blog">Denis Designs/blog</a></strong>, a website dedicated to bringing quality tutorials and inspiration. You can <a href="http://www.twitter.com/tdenisdesigns"><strong>follow him on Twitter</strong></a> or at his personal site, <strong><a href="http://www.denisdesigns.com/">Denis Designs</a></strong>.</p><div><h3>Related Posts</h3><ul><li><a href="http://www.webappers.com/2009/04/06/25-most-useful-blogs-for-web-design-development/" rel="bookmark" title="April 6, 2009">25 Most Useful Blogs for Web Design &amp; Development</a></li><li><a href="http://www.webappers.com/2007/12/17/giving-away-3x-classic-pack-icon-sets-to-4000-readers/" rel="bookmark" title="December 17, 2007">Giving Away 3x Classic Pack Icon Sets to 4,000+ Readers</a></li><li><a href="http://www.webappers.com/2008/11/15/45-beautiful-3d-typography-designs-for-inspiration/" rel="bookmark" title="November 15, 2008">45 Beautiful 3D Typography Designs For Inspiration</a></li><li><a href="http://www.webappers.com/2008/01/02/free-blank-logo-templates-designs-and-vector-images/" rel="bookmark" title="January 2, 2008">Free Blank Logo Templates Designs and Vector Images</a></li><li><a href="http://www.webappers.com/2009/04/15/what-do-you-look-for-in-a-quality-design/" rel="bookmark" title="April 15, 2009">What Do you look for in a Quality Design?</a></li></ul></div><h3>Sponsors</h3><p><a href="http://www.pixmac.com/#WebAppers">Pixmac: Stock Photos, Royalty Free Pictures and Images</a></p><div> <a href="http://feeds.feedburner.com/~ff/Webappers?a=T6moqceoylo:EMFJYxBRlSA:yIl2AUoC8zA"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_Webappers?d=yIl2AUoC8zA" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=T6moqceoylo:EMFJYxBRlSA:D7DqB2pKExk"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_Webappers?i=T6moqceoylo:EMFJYxBRlSA:D7DqB2pKExk" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=T6moqceoylo:EMFJYxBRlSA:V_sGLiPBpWU"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_Webappers?i=T6moqceoylo:EMFJYxBRlSA:V_sGLiPBpWU" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=T6moqceoylo:EMFJYxBRlSA:gIN9vFwOqvQ"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_Webappers?i=T6moqceoylo:EMFJYxBRlSA:gIN9vFwOqvQ" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/Webappers?a=T6moqceoylo:EMFJYxBRlSA:F7zBnMyn0Lo"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_Webappers?i=T6moqceoylo:EMFJYxBRlSA:F7zBnMyn0Lo" border="0" /></a></div><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebdca_T6moqceoylo" height="1" width="1" /></p><p><a href="http://feedproxy.google.com/~r/Webappers/~3/T6moqceoylo/">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/11/25-slick-psd-website-templates-free-for-download/" rel="bookmark">25 Slick PSD Website Templates Free for Download</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on November 12, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/11/25-slick-psd-website-templates-free-for-download/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Getting Started With Content Management Systems</title><link>http://shaiperednik.com/2009/11/getting-started-with-content-management-systems/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=getting-started-with-content-management-systems</link> <comments>http://shaiperednik.com/2009/11/getting-started-with-content-management-systems/#comments</comments> <pubDate>Mon, 09 Nov 2009 04:00:25 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[Build]]></category> <category><![CDATA[cli]]></category> <category><![CDATA[CURL]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Information]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[man]]></category> <category><![CDATA[Microsoft]]></category> <category><![CDATA[module]]></category> <category><![CDATA[Photo]]></category> <category><![CDATA[php]]></category> <category><![CDATA[quick]]></category> <category><![CDATA[script]]></category> <category><![CDATA[security]]></category> <category><![CDATA[ssl]]></category> <category><![CDATA[video]]></category> <category><![CDATA[way]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/11/getting-started-with-content-management-systems/</guid> <description><![CDATA[Automatically pulled from Google Starred    The need to update websites faster to keep content fresh has been ever growing. Ever since the first business owner wanted their Web designer to update their website faster, content management systems have played an important role on the Web. Why does this matter to you? How do you [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><table width="650"><tr><td width="650"><div> <img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/83bcd_smashing-magazine-advertisement.gif" alt="Smashing-magazine-advertisement in Getting Started With Content Management Systems" border="0" /><br /> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=56"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/39e27_avw.php?zoneid=56" border="0" alt=" in Getting Started With Content Management Systems" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=63"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/39e27_avw.php?zoneid=63" border="0" alt=" in Getting Started With Content Management Systems" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=64"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/39e27_avw.php?zoneid=64" border="0" alt=" in Getting Started With Content Management Systems" /></a></div></td></tr></table><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/02ddd_spacer.gif" alt="Spacer in Getting Started With Content Management Systems" border="0" width="1" height="1" /></p><p>The need to update websites faster to keep content fresh has been ever growing. Ever since the first business owner wanted their Web designer to update their website faster, content management systems have played an important role on the Web. Why does this matter to you? How do you know if your company is ready?</p><p>In this article, we will look at <strong>how to tell if your organization needs a content management system</strong>. We will also give you <a href="http://shaiperednik.com/tag/information/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Information">information</a> on the <strong>abilities of content management systems</strong> to help you better understand what they can do. While content management systems may seem complex, their entire purpose is to streamline your workflow and make your life easier.</p><p>A content management system allows you to create, manage, store and edit massive amounts of content without any HTML programming skill. Because you are able to edit your content from any computer with an Internet connection, you no longer have to rely on third-party developers or companies to keep your website up to date. Sounds good, doesn’t it? Every company would like to reduce costs and increase productivity.</p><p>Also consider our previous articles:</p><ul><li><a href="http://www.smashingmagazine.com/2009/03/05/10-things-to-consider-when-choosing-the-perfect-cms/" rel="bookmark" title="10 Things To Consider When Choosing The Perfect CMS">10 Things To Consider When Choosing The Perfect CMS</a><br />Goes over what features to look for when choosing a content management system.</li><li><a href="http://www.smashingmagazine.com/2009/02/10/10-harsh-truths-about-corporate-websites/">10 Harsh Truths About Corporate Websites</a><br />Explains the mistakes we all make when running our websites. The nature of those mistakes varies depending on the size of your company. As your organization grows, the mistakes change. This post addresses common mistakes of large organizations.</li><li><a href="http://www.smashingmagazine.com/category/toolbox/">Developers Toolbox</a><br />Offers tools and resources to help you achieve your goals at a more hands-on level.</li></ul><h3>1. What Is A Content Management System?</h3><p>If you have never heard the term before, a <strong>content management system (CMS)</strong> is a Web-based solution that makes it easy for a company to manage website updates internally. For many companies, updating a website is not something to look forward to because it can be a lengthy and, over time, expensive process. Most companies search for easier means of accomplishing their goals. The solution that many large and small companies have found is a CMS. The <strong>easy-to-use application</strong> allows your company to control its online identity with little to no knowledge of Web design.</p><h4>Do I Need a Content Management System?</h4><p>While you know your business better than anyone else, if you answer Yes to any of the following questions, your company would likely benefit from using a CMS-based website.</p><ul><li>Does your company update its website content frequently?</li><li>Does your website contain over 10 pages?</li><li>Do you constantly outsource simple website updates to third parties?</li></ul><p>Although building your website with a CMS may not save you money up front, if you need to be able to<strong> manage your own content</strong> in a timely manner, you will certainly be cutting costs in future. You will increase your organization’s speed while reducing its effort. With a CMS accessible from any computer with an Internet connection, you will speed up the process of approving, publishing, and updating.</p><p><a href="http://www.taylordigital.com/Services"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/02ddd_CMS-edit.jpg" alt="CMS-edit in Getting Started With Content Management Systems" width="460" height="180" border="0" /></a><br /><em>Some CMS’ have in-page buttons to speed up the process of editing content, while preventing users from accessing the admin interface.</em></p><p>Because a CMS has <strong>built-in organizational features</strong>, content is easier to find and nearly impossible to lose (unless you delete it by accident). You no longer have to spend a lot of time on simple tasks or duplicating your efforts. All of your content is created, managed, published and edited from a single location with very simple, easy-to-use tools. Because using these tools requires very little training, you can start managing your content almost immediately.</p><p>If you have identified your business goals and recognized that your website will play a role in them, you should begin the process of implementing your own CMS. There is no set list of requirements for a content management system because each organization has unique needs. Keep your requirements to a minimum, but be sure to allow for the future growth and demands of your company. Enlisting the help of a <a href="http://www.google.com/search?hl=en&amp;client=firefox-a&amp;rls=org.mozilla:en-US:official&amp;hs=0uE&amp;ei=h9RxSpaTB4SQsgPu26HlCA&amp;sa=X&amp;oi=spell&amp;resnum=0&amp;ct=result&amp;cd=1&amp;q=taylor+digital+web+design&amp;spell=1">Web design and development company</a> to assess your needs is a good idea.</p><h3>2. Essentials Of A CMS</h3><p>Three key elements that every CMS has, one <a href="http://shaiperednik.com/tag/way/" class="st_tag internal_tag" rel="tag" title="Posts tagged with way">way</a> or another, are <strong>templates</strong>, <strong>content</strong> and <strong>meta data</strong>. Understanding how these three elements interact with the other CMS features is important: the template is the graphic wrapper of your website; without the actual content, you would have no need for a website; and the often over-looked meta data helps with search engine optimization.</p><p><a href="http://www.smashingmagazine.com/2008/10/30/color-paper-a-free-wordpress-theme/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7a621_CMS-Templates.jpg" alt="CMS-Templates in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a> <br /><em>An example of a CMS theme that has the same look and feel on every page.</em></p><p><strong>Templates</strong> control how your content looks on the page and are extremely helpful when you have to produce a lot of pages (10+). The template is a graphic wrapper that usually looks the same on every page of the website, regardless of the content. It makes your website’s look and feel consistent. When you want to change the template (say, the color or an image), you have to make the change only once and it will be reflected on every page of your website. Popular CMS’ such as <a href="http://wordpress.com/">WordPress</a> and <a href="http://expressionengine.com/">ExpressionEngine</a> have many free or premium templates available online that can reduce the cost of and help you customize your system.</p><p><a href="http://www.taylordigital.com"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5edab_CMS-Content.jpg" alt="CMS-Content in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a><br /><em>This is the typical layout of a WYSIWYG editor, which has features that are standard in word processors today, such as bolding, italicizing and justifying paragraphs.</em></p><p><strong>Content</strong> is created, managed and edited independent of all other CMS elements. Content could be anything from the text on your “About” page to the <a href="http://shaiperednik.com/tag/photo/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Photo">photo</a> on your company press release. All content is normally managed through a WYSIWYG editor (what you see is what you get) that has integrated <a href="http://shaiperednik.com/tag/photo/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Photo">photo</a> uploading tools. This helps you create new pages on your website, manage and edit existing pages and assign pages to multiple areas without having to copy them.</p><p><a href="http://www.facebook.com/pages/Envee-Apparel-Fans/46733856618?ref=ts"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9cba5_CMS-MetaData.jpg" alt="CMS-MetaData in Getting Started With Content Management Systems" width="500" height="232" border="0" /></a><br /><em>Facebook does an excellent job of pulling an external page’s title and description meta data when you post a link to it on a fan page or wall.</em></p><p><strong>Meta data</strong> plays a key part in search engine optimization (SEO). The great thing about a CMS is that it makes it nearly impossible for you to forget to add this information, thus helping your website’s search and index ranking on search engines such as <a href="http://shaiperednik.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Google">Google</a>, Yahoo and Bing. Meta data contains such information as category, author, publishing date, title, brief description and keywords.</p><p>One great use of meta data is for automatically adding a title and description to links posted on social media websites such as Facebook. This not only saves you from having to retype this information but keeps your content relevant as well. This information can also be pulled by search engines and any other website where your website is listed, so make sure to put some thought into writing it.</p><h3>3. CMS Features And Functions</h3><p>Content management systems come with many <strong>standard features</strong> to help you create, manage and edit your content. In addition to standard features, <strong>additional features</strong> can be added to the flexible system framework. These additional features are often referred to as add-on modules or plug-ins. Because a CMS is very flexible, you can use it for a simple website with little content or expand the features to support a complex website with a lot of content. Here is a nice list of <a href="http://websites.usandv.com/who-is-using-drupal">high-profile companies that use a CMS for their websites</a>, which will give you a good idea of how far you can expand these systems.</p><h4>Standard Features</h4><p>These features are what make your content management system so extensive and highly flexible. They allow you to publish, edit and organize content and manage members, and they contain a variety of built-in <a href="http://shaiperednik.com/tag/security/" class="st_tag internal_tag" rel="tag" title="Posts tagged with security">security</a> features.</p><p><a href="http://blog.enveeapparel.com/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9cba5_CMS-Publishing.jpg" alt="CMS-Publishing in Getting Started With Content Management Systems" width="497" height="229" border="0" /></a><br /><em>With these straightforward tools, you can see how easy creating and managing your content is.</em></p><p><strong>Publishing</strong> is made easy with the in-depth features of a CMS. Without any knowledge of HTML programming, users can create, manage and schedule content with ease. These powerful tools help free up time within an organization by streamlining the whole process. A user can create content, set the category (i.e. the section in which it will be published) and then set it as a draft for later review.</p><p>Once the content is reviewed, it can be scheduled to be published, say, seven days from then. Once you have reached that step, the rest of the process is automated. You can write and complete a week’s worth of articles ahead of time and take a vacation without having to worry about publishing new content, because it will publish itself (if you have done your part).</p><p><strong>Typography</strong> often causes headaches for writers, especially if the writers are not HTML savvy, but the task is made easier with built-in text editors. With most CMS’, your text can be automatically formatted to produce XHTML-valid typography. This saves you the hassle of hand-coding every piece of content and leaves the “fun” bits to the system itself. If you paste disallowed characters, such as curly quotes, bullets or accents, from text editors like <a href="http://shaiperednik.com/tag/microsoft/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Microsoft">Microsoft</a> Word, they will automatically be converted into an HTML-valid equivalent.</p><p>Another great feature that many CMS’ include is automatic linking. This feature saves you from having to manually link URLs that you add to your content. All of these features are useful because they make your workflow more efficient when you create a lot of content. And if you prefer to enter your own HTML code every time because you don’t trust the automated process, you have that option as well.</p><p><strong>Organization</strong> is a key part of maintaining a website. With a CMS, all of the content is stored in one place, only once, and is accessible from any location with an Internet connection. Content can be saved in a number of states, such as draft, published and archived. So you can keep unfinished and finished content in separate places, with different attributes. This is especially handy if you like to write content ahead of time and want to be able to easily find it when it comes time to publish.</p><ul><li><strong>Draft</strong>: this is work in progress and is not visible to the public.</li><li><strong>Published</strong>: content that is visible to the public.</li><li><strong>Archived</strong>: previously published content that is tucked away in a safe place, away from the main navigation. Typically used with blogs.</li></ul><p><strong>Member management</strong> helps you control all aspects of your website’s users. As an administrator, you have full control over how many people can access your website and how much control they have themselves. This can be extremely useful for a large company, where many people (author, editor, publisher, etc.) are responsible for creating and maintaining content. You control how many hands are in the cookie jar at each stage of the creation process.</p><ul><li><strong>Administrator</strong>: has complete control over all users and access to all of the website’s administration features.</li><li><strong>Editor</strong>: can publish and mange their own content as well as other people’s content, etc.</li><li><strong>Author</strong>: can publish and manage their own content.</li><li><strong>Contributor</strong>: can write and manage their own content but cannot publish it.</li><li><strong>Subscriber</strong>: can read content, view and write comments, receive newsletters and so on, without being able to edit anything.</li></ul><p><strong><a href="http://shaiperednik.com/tag/build/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Build">Build</a>-in security</strong> measures give you one less thing to worry about. You no longer have to worry about session management, robots trying multiple passwords to hack your account or losing data when processing forms. Almost every CMS has different session management configurations, so you can set the preferences that fit your security needs.</p><p>With the built-in “multiple password denial” feature, you can make sure that multiple users cannot access your system simultaneously with the same log-in credentials. In addition, you can automatically lock out users after several incorrect password attempts and allow forms to be submitted only once. This helps prevent loss of data and attempts to hack your system via password.</p><h4>Additional Features</h4><p>You can integrate add-on modules, or plug-ins, into your CMS to add value, improve accessibility and increase functionality. With the right combination of features, you can create a website that fits your business plan and helps your company achieve its goals. While the number of additional features that you can add is endless, we will focus on the major ones here.</p><p><a href="http://www.gomediazine.com/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0f933_CMS-Company-Blog.jpg" alt="CMS-Company-Blog in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a><br /><em>GoMediazine is a great example of blog integration.</em></p><p><strong>Company blog</strong> functionality helps keep your website fresh and can be a very useful marketing tool. While CMS’ have evolved into complete website solutions, they were originally intended to manage blogs. Most blogs were used as personal diaries or breaking news outlets. Adapted to business use, they can be very useful for letting customers and clients know about what’s new and exciting with your company. If you sell products, you can announce new items or sales. Some businesses, such as <a href="http://www.gomediazine.com/">GoMedia</a>, use their blog purely as a community-building tool to publish educational information.</p><p><a href="http://electrorack.com/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/1e012_CMS-ecommerce.jpg" alt="CMS-ecommerce in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a><br /><em>The Electrorack website is a great example of seamless e-commerce integration.</em></p><p><strong>E-commerce</strong> integration makes the user experience on your website a very comfortable one. Being able to sell products and services from within your website would be ideal for any business. Some companies, including <a href="http://electrorack.com/">Electrorack</a>, have seamlessly integrated their e-commerce solution into their CMS. The user doesn’t even notice that they are jumping from one platform to another because the look and feel are so consistent.</p><p><a href="http://www.designbyhumans.com/forums"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/fdcc7_CMS-Disciussion-Forum.jpg" alt="CMS-Disciussion-Forum in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a><br /><em>The DesignByHumans website has a great integrated user-based community.</em></p><p><strong>Discussion forums</strong> are a complete community-building solution that helps your website’s visitors exchange ideas. Users can create topics, offer feedback on existing topics and interact with other users. How you use a discussion forum depends entirely on your needs. <a href="http://www.designbyhumans.com">Design by Humans</a> uses its forum to post company news and to let their artists and customers interact for free.</p><p><a href="http://thememorymuseum.com/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/440e8_CMS-Photo-Gallery.jpg" alt="CMS-Photo-Gallery in Getting Started With Content Management Systems" width="500" height="250" /></a><br /><em>This website has a photo gallery set up on its system for album postings.</em></p><p><strong>Photo galleries</strong> are used by millions of people around the world. Online photo sharing is becoming this era’s scrapbooking. With the increase in social media use, people can easily send everyone they know a link to their latest photo gallery. <a href="http://thememorymuseum.com/">The Memory Museum</a> can display photos easily through the customized gallery on its photography blog. Businesses can use this feature to showcase recent events or feature products. By organizing and displaying photos from within your CMS, you can have all of your content in one location.</p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/634be_CMS-Video-Managemen.jpg" alt="CMS-Video-Managemen in Getting Started With Content Management Systems" width="500" height="250" /><br /><em>National Geographic has an intuitive integrated <a href="http://shaiperednik.com/tag/video/" class="st_tag internal_tag" rel="tag" title="Posts tagged with video">video</a> management system to help users view their <a href="http://shaiperednik.com/tag/video/" class="st_tag internal_tag" rel="tag" title="Posts tagged with video">video</a> content through the Web.</em></p><p><strong>Video management</strong> helps you organize, edit and distribute video content. You no longer have to upload videos to YouTube or Vimeo and then manage them separately. You can manage your video content just as you manage your website’s pages. You can upload almost any kind of video and then share your albums and videos on your website and on social networks like Facebook, MySpace, Flickr and Digg.</p><p>CMS’ vary in the video management features they offer. But most let you upload multiple files at once (in batch) and automatically create thumbnails. Once videos are in the system, you can track viewer behavior as well as feature content based on popularity. <a href="http://ngm.nationalgeographic.com/video/player">National Geographic</a> integrates videos into its articles and offers them separately for others to embed on their own websites.</p><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0496e_CMS-Multi-Language.jpg" alt="CMS-Multi-Language in Getting Started With Content Management Systems" width="500" height="382" /><br /><em><a href="http://shaiperednik.com/tag/apple/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Apple">Apple</a> offers extensive multi-language support and uses multiple URL extensions to differentiate content.</em></p><p><strong>Multi-language support</strong> lets you offer content in multiple countries within a single CMS, allowing visitors to choose their preferred language. While most small companies do not need this feature, it can be helpful. The support features may not actually translate content (and if they do, they won’t do an accurate job), but they do let you feature content in multiple languages, which is extremely useful for corporate websites that operate globally. Because <a href="http://www.apple.com/choose-your-country/">Apple</a> operates in many countries, it offers its website in many languages.</p><p><a href="http://feeds.feedburner.com/thedesigncubicle/ioNz?format=xml"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d8be6_RSS-Feed.jpg" alt="RSS-Feed in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a><br /><em>RSS feeds typically show excerpts of content and images (if any), as shown above.</em></p><p><strong>RSS</strong> feeds are a really simple way to syndicate the content on your website. With the explosion of RSS readers, which constantly check a user’s favorite websites for new content, RSS feeds have become essential. It does not matter whether you update your website daily or monthly, your readers will be sure never to miss an update. Millions of websites publish RSS feeds on a regular basis, and yours should not be an exception. With people’s attention spans shrinking along with their free time, letting users choose the content they want to read through an RSS feed is helpful.</p><p><a href="http://www.tvguide.com/FAP/Newsletter.aspx"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d8be6_CMS-Newsletter.jpg" alt="CMS-Newsletter in Getting Started With Content Management Systems" width="498" height="250" border="0" /></a><br /><em>A newsletter can be a great way to reach out to users who are interested in your content, especially if yours is designed as well as TV Guide Daily Scoop’s.</em></p><p><strong>Newsletters/mailing lists</strong> are an extremely helpful feature, especially if you have a lot of users or want to expand your base. Many mainstream users still do not use an RSS reader, and some of them may prefer to receive your content in their inbox rather than by visiting your website every few days. You can integrate newsletters into your system and set the feature’s functionality. Usually, you will be able to manage subscriptions, create a template, compose the newsletter in a WYSIWYG editor, manage your archive and track open/click results.</p><p><a href="https://www.google.com/analytics/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/dc15e_Google-analytics.jpg" alt="Google-analytics in Getting Started With Content Management Systems" width="500" height="250" border="0" /></a><br /><em>Google Analytics shows detailed information on your website’s visitors, at no charge.</em></p><p><strong>Statistics/tracking</strong> is an essential feature for any website. To effectively run and market a website, you need to know as much as possible about your visitors. Analyzing whatever data is available prepares you to achieve company goals, focuses your marketing initiatives and converts visitors into regular users. You will have information on how many people visit your website, where they live, what content they view and much more. <a href="http://www.google.com/analytics/features.html">Google Analytics</a> is one of the most widely adopted analytics programs that are available for CMS’. Its popularity is partly due to the immense amount of information it provides about your visitors for <strong>free</strong>.</p><h3>Where Can I Find A Content Management System?</h3><p>You know the size of your organization and how much you can spend on a CMS. These factors are good indicators of where to start your search. Actually finding one can be a daunting task, but if you have a clear idea of what you are looking for, you can quickly weed out the options that don’t fit your needs. Finding a solution that helps your business achieve its goals is important. Many businesses, large and small, use all kinds of different CMS’ to manage their content. Start your journey by using the resources listed below.</p><h3>Further Resources</h3><p>Check out the following related articles and resources:</p><ul><li><a href="http://www.smashingmagazine.com/2009/06/29/45-incredibly-useful-web-design-checklists-and-questionnaires/">45 Incredibly Useful Web Design Checklists and Questionnaires</a><br />You are much less likely to overlook important aspects of your website if you follow this checklist, which covers content, usability, accessibility, standards and more.</li><li><a href="http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/">15 Essential Checks Before Launching Your Website</a><br />Lists some important things to check before taking your website public.</li><li><a href="http://www.smashingmagazine.com/2007/08/10/10-designers-checkpoints-to-be-aware-of/">10 Designer’s Checkpoints To Be Aware Of</a><br />A list of things every designer should know about their website.</li><li><a href="http://en.wikipedia.org/wiki/List_of_Content_Management_Systems">List of Content Management Systems</a><br />A list of notable content management systems that can be used to organize and facilitate collaborative content creation. Many of them are built on top of other content management frameworks.</li><li><a href="http://www.cmsmatrix.org/">Compare Multiple CMS Solutions (technical)</a><br />This is a community service for anyone looking for a means to manage website content.</li><li>Many useful resources on how to design and develop for these CMS’, including many free templates:<ul><li><a href="http://www.smashingmagazine.com/tag/joomla/">Joomla Resources</a></li><li><a href="http://www.smashingmagazine.com/tag/wordpress/">WordPress Resources</a></li><li><a href="http://www.smashingmagazine.com/2008/10/29/expressionengine-developers-toolbox/">Expression Engine Resources</a></li><li><a href="http://www.smashingmagazine.com/2008/09/24/drupal-developers-toolbox/">Drupal Resources</a></li></ul></li><li><a href="http://www.smashingmagazine.com/2009/05/16/how-to-improve-your-branding-with-your-content/">How To Improve Your Branding With Your Content</a><br />Branding experts speak the truth when they say that a winning brand communicates why you are your prospect’s only solution. If you can’t achieve that, at least convey why you are your prospect’s <em>best</em> solution.</li></ul><p><em>(al)</em></p><hr /><p>© Robert Hartland for <a href="http://www.smashingmagazine.com">Smashing Magazine</a>, 2009. | <a href="http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/">Permalink</a> | <a href="http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/#comments">26 comments</a> | <a title="Bookmark in del.icio.us" href="http://del.icio.us/post?url=http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/&amp;title=Getting%20Started%20With%20Content%20Management%20Systems">Add to del.icio.us</a> | <a title="Bookmark in Digg" href="http://digg.com/submit?phase=2&amp;url=http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/">Digg this</a> | <a title="Stumble on StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/">Stumble on StumbleUpon!</a> | <a title="Tweet us!" href="http://twitter.com/home?status=@tweetmeme%20@smashingmag%20Reading%20'Getting%20Started%20With%20Content%20Management%20Systems'%20http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/">Tweet it!</a> | <a title="Bookmark in Reddit" href="http://reddit.com/submit?url=http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/">Submit to Reddit</a> | <a href="http://forum.smashingmagazine.com/">Forum Smashing Magazine</a><br /> Post tags: <a href="http://www.smashingmagazine.com/tag/cms/" rel="tag">CMS</a></p><p><a href="http://www.smashingmagazine.com/2009/11/08/getting-started-with-content-management-systems/">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/11/getting-started-with-content-management-systems/" rel="bookmark">Getting Started With Content Management Systems</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on November 8, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/11/getting-started-with-content-management-systems/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>WordPress Exploit Scanner helps you keep your install clean</title><link>http://shaiperednik.com/2009/11/wordpress-exploit-scanner-helps-you-keep-your-install-clean/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=wordpress-exploit-scanner-helps-you-keep-your-install-clean</link> <comments>http://shaiperednik.com/2009/11/wordpress-exploit-scanner-helps-you-keep-your-install-clean/#comments</comments> <pubDate>Thu, 05 Nov 2009 15:00:54 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[cli]]></category> <category><![CDATA[email]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Inc.]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[man]]></category> <category><![CDATA[php]]></category> <category><![CDATA[security]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/11/wordpress-exploit-scanner-helps-you-keep-your-install-clean/</guid> <description><![CDATA[Automatically pulled from Google Starred Filed under: Security, Blogging, Web services, Web WordPress has become a victim of its own popularity. The blogging-based content management system powers a huge amount of websites, and has become a target for hackers. Site hacks have been around for a long time, but recently they seem to have evolved. [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><p>Filed under: <a href="http://www.downloadsquad.com/category/security/" rel="tag">Security</a>, <a href="http://www.downloadsquad.com/category/blogging/" rel="tag">Blogging</a>, <a href="http://www.downloadsquad.com/category/web-services/" rel="tag">Web services</a>, <a href="http://www.downloadsquad.com/category/web/" rel="tag">Web</a></p><p><img width="250" vspace="16" hspace="4" height="174" border="0" align="right" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5a2f5_exploit-scanner.jpg" alt="WordPress Exploit Scanner" /><a href="http://shaiperednik.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Posts tagged with WordPress">WordPress</a> has become a victim of its own popularity. The blogging-based content management system powers a huge amount of websites, and has become a target for hackers. Site hacks have been around for a long time, but recently they seem to have evolved.</p><p>In the past hackers would gain control of a site just to prove that could, then typically post a quasi-incoherent message on the site to prove their hacking prowess and illiteracy. Now hackers have become more advanced, and hacking has become financially motivated. Hacks include embedding links (some hidden, some not) for the purposes of gaming search engines, and instead of crowing about their conquest, hackers are now trying to hide and cover their tracks as much as possible.</p><p>This means that site owners are losing their confidence that their sites have not been compromised. With recent highly publicized exploits that allowed hackers to take control of out-of-date WordPress installations, it became even more important to make sure your site is clean.</p><p>If you&#8217;re running a WordPress site on your own server, one step you can take to make sure that it is clean is to install and run the <a href="http://wordpress.org/extend/plugins/exploit-scanner/">WordPress Exploit Scanner</a> plugin. Beware, the exploit scanner is very thorough, and it will likely report a lot (and I mean a LOT) of false positives. It essentially reports any hiding behavior, which some of the plugins on your site might be doing for very normal reasons.</p><p>Even with the false-positives, the WordPress Exploit Scanner is a useful tool in any blogger&#8217;s toolbox.</p><p><a href="http://www.downloadsquad.com/2009/11/02/wordpress-exploit-scanner-helps-you-keep-your-install-clean/">WordPress Exploit Scanner helps you keep your install clean</a> originally appeared on <a href="http://www.downloadsquad.com">Download Squad</a> on Mon, 02 Nov 2009 09:00:00 EST.  Please see our <a href="http://www.weblogsinc.com/feed-terms/">terms for use of feeds</a>.</p><h6></h6><p><a href="http://wordpress.org/extend/plugins/exploit-scanner/">Read</a> | <a href="http://www.downloadsquad.com/2009/11/02/wordpress-exploit-scanner-helps-you-keep-your-install-clean/" rel="bookmark" title="Permanent link to this entry">Permalink</a> | <a href="http://www.downloadsquad.com/forward/19218218/" title="Send this entry to a friend via email">Email this</a> | <a href="http://www.downloadsquad.com/2009/11/02/wordpress-exploit-scanner-helps-you-keep-your-install-clean/#comments" title="View reader comments on this entry">Comments</a></p><p> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:a2dc3bb33d42d4e162180bf259486067:mrzDy3BXuzfbUIP5btwYf8jeiUl0VVO79mQ0zaG3ll45zaQyRciNEFb9Cf%2BFbp6z9IbfWS1mQT7V"><img border="0" alt="Add to digg" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5a2f5_digg.gif" /></a><br /> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:18822d0ddc72d1df162ed44838d6a8a1:2DYgZDm2FmD%2F5IX6WdcNSPoRoz7%2B6L4982m3Lp9fjYCg8bLhoZS6RZOs%2BH9UVnmIP9x4o2dVprRI"><img border="0" alt="Add to del.icio.us" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ae30d_delicious.gif" /></a><br /> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:6cb68e48afe7408859ce02498c24892e:dSYMUthKviFA%2B3g2pTShG1VnwBhYExT42ukIJ7OUJn6isRokmeQCyMduGGdUYYHsbOB8ojJNmP4S"><img border="0" alt="Add to Google" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ae30d_google.png" /></a><br /> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:6751e718b90b3b02c8b8dd0979c55082:FIvkUIK5YfOqwCLetoTAwZkNOfAeHTWauKHH6FMBUtGuLnW1njbBmlrtm2wdNaisjA%2BkcDgu7aio9Q%3D%3D"><img border="0" alt="Add to StumbleUpon" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ae30d_stumbleit.gif" /></a><br /> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:4256be8980330463df33c984e78f5c4b:lZud2Gw7gm9KJUeVg0%2FK0AUeLffNPjH6e4L8B2qaJmHv0vzytQR%2FYFUldwIEvvOUokqFUNyss%2Be0cA%3D%3D"><img border="0" alt="Add to Facebook" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ae30d_facebook.gif" /></a><br /> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:264a49d2a1556a7304fe1fc1179d281c:4yFUbdKAS%2BtkDCrxPtPc0uHbR%2F9RDRejYfKzb4rYlxeEYDT7j4hx1F5Ez%2ByYLXvZ3dWLDwmJ0gXw"><img border="0" alt="Add to Reddit" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ae30d_reddit.png" /></a><br /> <a href="http://www.pheedcontent.com/hostedMorselClick.php?hfmm=v3:78e28e0a1ebc93c1dee2a371cb7fbcdc:R68ysRno6AzQGdappAuXGWn4u%2FV8BS7FLZbSx7QCv9tJkhkAzQTCen16Eub24M05tPUU6La5Owp6Bg%3D%3D"><img border="0" alt="Add to Technorati" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ae30d_technorati.png" /></a><br /> <br /> <a href="http://ads.pheedo.com/click.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=1"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/407c1_img.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=1" /></a><br /> <img alt="" height="0" width="0" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/407c1_eus.gif?eui=2225" /><br /> <img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/6e9a8_img.phdo?kw=" /><br /> <a href="http://ads.pheedo.com/click.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=64&amp;kw=WordPress">WordPress</a> &#8211; <a href="http://ads.pheedo.com/click.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=64&amp;kw=Download+Squad">Download Squad</a> &#8211; <a href="http://ads.pheedo.com/click.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=64&amp;kw=Blog">Blog</a> &#8211; <a href="http://ads.pheedo.com/click.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=64&amp;kw=Website">Website</a> &#8211; <a href="http://ads.pheedo.com/click.phdo?s=65e9f735212ccdd08185ec5869185946&amp;p=64&amp;kw=Content+management+system">Content management system</a></p><p><a href="http://www.pheedcontent.com/click.phdo?i=65e9f735212ccdd08185ec5869185946">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/11/wordpress-exploit-scanner-helps-you-keep-your-install-clean/" rel="bookmark">WordPress Exploit Scanner helps you keep your install clean</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on November 5, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/11/wordpress-exploit-scanner-helps-you-keep-your-install-clean/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Apple Purchase of Placebase Confirmed: Goodbye Google Maps?</title><link>http://shaiperednik.com/2009/10/apple-purchase-of-placebase-confirmed-goodbye-google-maps/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=apple-purchase-of-placebase-confirmed-goodbye-google-maps</link> <comments>http://shaiperednik.com/2009/10/apple-purchase-of-placebase-confirmed-goodbye-google-maps/#comments</comments> <pubDate>Thu, 01 Oct 2009 16:40:08 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[man]]></category> <category><![CDATA[php]]></category> <category><![CDATA[way]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/10/apple-purchase-of-placebase-confirmed-goodbye-google-maps/</guid> <description><![CDATA[Automatically pulled from Google Starred Google and Apple’s very public, very messy ongoing lover’s spat is obviously not doing either company many favors in the media. Apple looks to be taking steps to ensure that should it need to, it can go without the do-everything leading Internet search provider. To that end, it’s finally been [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><div><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/8c424_pushpin.jpg?w=155&amp;h=68" alt="pushpin" width="155" height="68" /><a href="http://shaiperednik.com/tag/google/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Google">Google</a> and <a href="http://shaiperednik.com/tag/apple/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Apple">Apple</a>’s <a href="http://www.businessweek.com/technology/content/aug2009/tc2009084_007016.htm">very public</a>, <a href="http://theappleblog.com/2009/09/21/google-and-apple-debate-the-meaning-of-rejected/">very messy</a> ongoing lover’s spat is obviously not doing either company many favors in the media. Apple looks to be taking steps to ensure that should it need to, it can go without the do-everything leading Internet search provider.</p><p>To that end, it’s finally been confirmed this week by <a href="http://blogs.computerworld.com/14835/apple_purchased_mapping_company_in_july_to_replace_google">ComputerWorld</a> that Apple did indeed acquire Google Maps competitor Placebase in July of this year. Former Placebase CEO Jaron Waldman is now part of the “Geo Team” at Apple, which suggests that the company was acquired so that Cupertino could work on its own, in-house Google Maps alternative. <span></span></p><p>Our own sister site GigaOM ran <a href="http://gigaom.com/2008/05/21/placebase/">a profile of Placebase</a> back in May 2008. It detailed the <a href="http://shaiperednik.com/tag/way/" class="st_tag internal_tag" rel="tag" title="Posts tagged with way">way</a> in which Placebase’s PushPin product was able to stay afloat and compete with Google Maps, which offered its services completely free of charge. Placebase offered white label solutions for a price.</p><p>PushPin, and the follow-up, PolicyMap, which expanded PushPin’s features, competed by offering users the ability to layer on commercial and public data sets, including things like home sales, crime, demographics, employment, etc. Developers could also add their own data sets using a <a href="http://www.pushpin.com/api/1.3/docs/">simple API</a>. All of which made it infinitely more useful for business applications, and open to some incredibly creative uses, too.</p><p>Acquiring the one company that showed signs of being able to do what Google has done, only better and with more possibilities for third-party developer expansion, does not just seem like something done because of idle fancy. Apple’s motivation was probably twofold: First, it has an alternative in case things continue to go sour with the relationship between the two Silicon Valley heavyweights. Second, if the FCC forces a wedge between the two because it finds their relationship noncompetitive, Apple still has a back-up in place to prevent a major feature loss for iPhone users.</p><p>Of course, the loss of Google Maps on the iPhone would have far-reaching complications, especially considering the number of apps that now sport direct tie-ins with Maps functionality. To grant developers access to the Maps app in iPhone OS 3.0, and then swap it out for an Apple-branded version of PushPin would require a massive overhaul from a development standpoint. Will Apple really alienate its developer base with such a risky move?</p><p>Then again, with <a href="http://gigaom.com/2009/09/28/two-billion-iphone-apps-download-apple-says/">over 2 billion downloads</a> and 85,000 apps in the App Store, Apple truly is in the driver’s seat. It has made absolutely sure that the value proposition of being an iPhone developer is apparent to everyone, and as such, it can probably afford to demand some code revisions if it does make a major change.</p><p>We’ll have to wait and see how this plays out, but I’m still fairly confident that Apple will only enact the Placebase alternative if the FCC forces a decisive split between Cupertino and Google. Even if the two are <a href="http://theappleblog.com/2009/09/21/google-and-apple-debate-the-meaning-of-rejected/">having some disagreements</a> on other fronts, a voluntary end to the relationship just doesn’t make good business sense.</p><p> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gigapple.wordpress.com/33432/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/8c424_33432" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gigapple.wordpress.com/33432/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f8b14_33432" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gigapple.wordpress.com/33432/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f8b14_33432" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gigapple.wordpress.com/33432/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f8b14_33432" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gigapple.wordpress.com/33432/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f8b14_33432" /></a> <img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f8b14_b.gif?host=theappleblog.com&amp;blog=5550580&amp;post=33432&amp;subd=gigapple&amp;ref=&amp;feed=1" /></div><div><hr /> <a href="http://ads.gigaom.com/proxy.php?url=http%3A%2F%2Fads.gigaom.com%2Fopenx%2Fwww%2Fdelivery%2Fck.php%3Foaparams%3D2__bannerid%3D135__zoneid%3D6__cb%3D24994fc56c__oadest%3Dhttp%3A%2F%2Fpro.gigaom.com%2Fwebinar-smart-grid%3Futm_source%3Dwebinar%26utm_medium%3Drss%26utm_campaign%3D20090921-28"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f8b14_gigaom-pro-footer.gif" alt="" border="0" /></a><br /> Subscribe to GigaOM Pro and gain access to our Webinar, &#8220;<strong><a href="http://ads.gigaom.com/proxy.php?url=http%3A%2F%2Fads.gigaom.com%2Fopenx%2Fwww%2Fdelivery%2Fck.php%3Foaparams%3D2__bannerid%3D135__zoneid%3D6__cb%3D24994fc56c__oadest%3Dhttp%3A%2F%2Fpro.gigaom.com%2Fwebinar-smart-grid%3F%26utm_source%3Dwebinar%26utm_medium%3Drss%26utm_campaign%3D20090921-28">Biggest Opportunities in the Smart Grid</a></strong>,&#8221; on Oct. 7, 2009.<div><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d7b6b_lg.php?bannerid=135&amp;campaignid=2&amp;zoneid=6&amp;loc=1&amp;referer=http%3A%2F%2Fads.gigaom.com%2F%3Furl%3Dhttp%253A%252F%252Ftheappleblog.com%252Ffeed%252F%253Fnoredirect%253D1&amp;cb=24994fc56c" width="0" height="0" alt="" /></div></div><div> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=y2cc7bVGjGU:THk_arPFUVw:yIl2AUoC8zA"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/43f43_TheAppleBlog?d=yIl2AUoC8zA" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=y2cc7bVGjGU:THk_arPFUVw:D7DqB2pKExk"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/43f43_TheAppleBlog?i=y2cc7bVGjGU:THk_arPFUVw:D7DqB2pKExk" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=y2cc7bVGjGU:THk_arPFUVw:V_sGLiPBpWU"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/43f43_TheAppleBlog?i=y2cc7bVGjGU:THk_arPFUVw:V_sGLiPBpWU" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=y2cc7bVGjGU:THk_arPFUVw:F7zBnMyn0Lo"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/43f43_TheAppleBlog?i=y2cc7bVGjGU:THk_arPFUVw:F7zBnMyn0Lo" border="0" /></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=y2cc7bVGjGU:THk_arPFUVw:guobEISWfyQ"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/43f43_TheAppleBlog?i=y2cc7bVGjGU:THk_arPFUVw:guobEISWfyQ" border="0" /></a></div><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/43f43_y2cc7bVGjGU" height="1" width="1" /></p><p><a href="http://feedproxy.google.com/~r/TheAppleBlog/~3/y2cc7bVGjGU/">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/10/apple-purchase-of-placebase-confirmed-goodbye-google-maps/" rel="bookmark">Apple Purchase of Placebase Confirmed: Goodbye Google Maps?</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on October 1, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/10/apple-purchase-of-placebase-confirmed-goodbye-google-maps/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Showcase of Designs Optimized for iPhone</title><link>http://shaiperednik.com/2009/09/showcase-of-designs-optimized-for-iphone/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=showcase-of-designs-optimized-for-iphone</link> <comments>http://shaiperednik.com/2009/09/showcase-of-designs-optimized-for-iphone/#comments</comments> <pubDate>Mon, 28 Sep 2009 03:41:05 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[Build]]></category> <category><![CDATA[css]]></category> <category><![CDATA[Food]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Guideline]]></category> <category><![CDATA[Information]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ISO]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[ma]]></category> <category><![CDATA[man]]></category> <category><![CDATA[Photo]]></category> <category><![CDATA[php]]></category> <category><![CDATA[quick]]></category> <category><![CDATA[script]]></category> <category><![CDATA[Shopping]]></category> <category><![CDATA[video]]></category> <category><![CDATA[Wallpaper]]></category> <category><![CDATA[way]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/09/showcase-of-designs-optimized-for-iphone/</guid> <description><![CDATA[Automatically pulled from Google Starred    Over the last couple of years, mobile devices have managed to gain mainstream popularity. With iPhone, making mobile Web applications finally usable by broad masses, web design can now be applied to mobile applications as well. In this post we are focusing on designs that are specifically optimized for [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><table width="650"><tr><td width="650"><div> <img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2a6e8_smashing-magazine-advertisement.gif" alt="" border="0" /><br /> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=56"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f2c41_avw.php?zoneid=56" border="0" alt="" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=63"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f2c41_avw.php?zoneid=63" border="0" alt="" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=64"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/23130_avw.php?zoneid=64" border="0" alt="" /></a></div></td></tr></table><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/99c5f_spacer.gif" alt="" border="0" width="1" height="1" /></p><p>Over the last couple of years, mobile devices have managed to gain mainstream popularity. With iPhone, making mobile Web applications finally usable by broad masses, web design can now be applied to mobile applications as well. In this post we are focusing on designs that are specifically optimized for mobile devices, in particular iPhone.</p><p>Though iPhone’s Safari browser is able to render any website just like you would see it on a desktop browser, the available screen area is much smaller than in common “classic” displays. This poses a new challenge for designers and developers who now can reach millions of users that use mobile Web. Websites that are specifically <strong>optimized for the iPhone</strong> utilize the screen to the fullest extent, and use less bandwidth (which is necessary, because the connectivity is not always optimal).</p><p>The iPhone browsing experience is quite different than the regular browsing experience. The buttons and hyperlinks have to be bigger because our fingers are not as sharp as the mouse pointer. Optimizing a website for iPhone is not rocket science. It’s the same HTML, <a href="http://shaiperednik.com/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with css">CSS</a> and <a href="http://shaiperednik.com/tag/javascript/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Javascript">JavaScript</a> that you already know. The only major difference is the screen size.</p><p>In the showcase below we present some of the <strong>interesting, interactive and beautiful designs that are optimized for the iPhone</strong>. You will also learn about some handy tools that will help you optimize your website for the iPhone.</p><p>Also consider our previous articles:</p><ul><li><a href="http://www.smashingmagazine.com/2009/08/11/how-to-create-your-first-iphone-application/">How to Create Your First iPhone Application</a></li><li><a href="http://www.smashingmagazine.com/2009/07/21/iphone-apps-design-mistakes-overblown-visuals/">iPhone Apps Design Mistakes: Over-Blown Visuals</a></li><li><a href="http://www.smashingmagazine.com/2009/01/06/100-really-beautiful-iphone-wallpapers/" rel="bookmark" title="100 (Really) Beautiful iPhone Wallpapers">100 (Really) Beautiful iPhone Wallpapers</a></li></ul><h3>1. News / Entertainment</h3><p><a href="http://m.sevnthsin.com/iphone">Sevnth Sin</a><br />The unique navigation makes this site very interactive. Nice concept, nice colors.</p><p><a href="http://m.sevnthsin.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e3127_img_0181.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a356b_img_0182.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://blip.tv/">Blip.tv</a><br />Perfectly suits the theme: <a href="http://shaiperednik.com/tag/video/" class="st_tag internal_tag" rel="tag" title="Posts tagged with video">video</a> entertainment! Clean and clear typography.</p><p><a href="http://blip.tv/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/80faf_img_0190.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ffd88_img_0191.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://m.nbc.com/">NBC</a><br />The YouTube-style design makes it very easy to navigate and find shows.</p><p><a href="http://m.nbc.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/6e8e2_img_0222.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7e9b4_img_0223.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://zinio.com/iphone">Zinio</a><br />That’s a kit of magazines, all one-touch away!</p><p><a href="http://zinio.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/953eb_img_0236.jpg" width="290" height="435" /></a><a href="http://zinio.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e170c_img_0237.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.idean.com/iphone/spin/">Spin The Bottle</a><br />A simple bottle spinning game. Good use of graphics.</p><p><a href="http://www.idean.com/iphone/spin/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/59d44_img_0173.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d9565_img_0174.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://iphonetoolbox.com/dailywallpaper/">Daily Wallpaper</a><br />Similar to Zinio, but 2 thumbnails in a row make it more easy to navigate around.</p><p><a href="http://iphonetoolbox.com/dailywallpaper/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2a3d9_img_0230.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/efb7f_img_0231.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://iphone.horoscopes.aol.com/">AOL Horoscopes</a><br />Very well designed for a horoscope site. Matching color scheme throughout.</p><p><a href="http://iphone.horoscopes.aol.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/6c2f4_img_0232.jpg" width="290" height="435" /></a><a href="http://iphone.horoscopes.aol.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/1ef4e_img_0233.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://omg.yahoo.com/iphone">Yahoo Omg!</a><br />Fresh look, vibrant colors and lively typography make this design fun to browse and easy to read. The design also matches the celebrity gossip theme.</p><p><a href="http://omg.yahoo.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/30956_img_0163.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c7e7b_img_0170.jpg" width="290" height="435" /></a></p><p> </p><h3>2. Business / Corporate</h3><p><a href="http://m.dpto.com.br/">DPTO</a><br />Different tones of red make this design look very attractive on the iPhone. The 3D menu looks very nice — perfect for a marketing and design agency.</p><p><a href="http://m.dpto.com.br/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/dc734_img_0166.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d73fa_img_0167.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://mindmediumcreative.com/iphone/">Mind Medium Creative</a><br />The use of gradients make the overall site look very shiny on the iPhone. The menu is very to-the-point. A nice composition and execution.</p><p><a href="http://mindmediumcreative.com/iphone/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/07b05_img_0171.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/345b3_img_0172.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.oilandgasdeals.us/iphone/">Redhawk Investment Advisors</a><br />This design has a very corporate feel to it. Good use of colors.</p><p><a href="http://www.oilandgasdeals.us/iphone/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/85eae_img_0177.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/268fe_img_0178.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.nike.com/nikelab/">Nike Lab</a><br />Just what to expect from Nike. Sporty and energetic design.</p><p><a href="http://www.nike.com/nikelab/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/268fe_img_0179.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/5a6db_img_0180.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.procab.ch/iphone/">Procab Studio</a><br />Procab studio showcases their work portfolio and other <a href="http://shaiperednik.com/tag/information/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Information">information</a> about the agency. Well placed content. The font size is a bit too small, though.</p><p><a href="http://www.procab.ch/iphone/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/6ec13_img_0185.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a2726_img_0186.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.monterilla.cl/">Hotel Monterilla</a><br />The design makes you want to go there for a vacation. The design has a very comforting feel to it. A perfect color scheme.</p><p><a href="http://www.monterilla.cl/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/19971_img_0202.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/862d4_img_0204.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://i.viget.com/">Viget Labs</a><br />A blue background, appropriate padding and rounded corners make this simple design look vibrant and attractive.</p><p><a href="http://i.viget.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9073c_img_0248.jpg" width="290" height="435" /></a><a href="http://i.viget.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e7886_img_0249.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://iphone.bataliassociates.com/">Batali Associates</a><br />This is one of the good examples of design optimization for the iPhone. It clearly looks like it was really made for the iPhone, not just duplicated.</p><p><a href="http://iphone.bataliassociates.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/33db0_img_0210.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ec035_img_0211.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://iphone.readyforiphone.com/">Ready For iPhone</a><br />A company that provides iPhone optimized website solutions. The finger on the “Go” looks intuitive.</p><p><a href="http://iphone.readyforiphone.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d09b5_img_0212.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/eaea7_img_0213.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://elementfusion.com/">Element Fusion</a><br />Another showcase website that provides design services. Looks like a cut-down version of the actual website.</p><p><a href="http://elementfusion.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/eaea7_img_0189.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c4016_img_0198.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.vw.com/mobile/iphone/">Volkswagon</a><br />A showcase gallery for Volkswagon. Easy to navigate around. Clean and clear content.</p><p><a href="http://www.vw.com/mobile/iphone/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b63a0_img_0196.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2e256_img_0197.jpg" width="290" height="435" /></a></p><p> </p><h3>3. <a href="http://shaiperednik.com/tag/shopping/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Shopping">Shopping</a> / E-Commerce</h3><p><a href="http://tornrobes.com/">Torn Robes</a><br />A nice example of a mobile e-Commerce site. Just touch your favourite design, have a look at it and buy it. Looks very vibrant.</p><p><a href="http://tornrobes.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/90c4b_img_0168.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/77763_img_0169.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://coosh.com/iphone/">Coosh</a><br />A single-product e-Commerce site. Branded very well.</p><p><a href="http://coosh.com/iphone/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b97ba_img_0175.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d359d_img_0176.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://walmart.com/iphone">Walmart</a><br />This design doesn’t really meet the expectations from WalMart — however, the design is still in beta. The usability is good, though: it is very easy to search for products and stores. You can also create shopping lists.</p><p><a href="http://walmart.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d359d_img_0246.jpg" width="290" height="435" /></a><a href="http://walmart.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a820d_img_0247.jpg" width="290" height="435" /></a></p><p> </p><h3>4. Portfolio / Blog</h3><p><a href="http://blog.worldending.jp/i">World Ending Blog (Japanese)</a><br />Although we did not understand a word there, it is very well designed for the iPhone. Every page is optimized and provides a good browsing experience.</p><p><a href="http://blog.worldending.jp/i"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f2a05_img_0187.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/96f36_img_0188.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.signalelement.com/iphone">Signal Element</a><br />Simple and clean design: just 3 pages, but very well designed.</p><p><a href="http://www.signalelement.com/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/61cf5_img_0200.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a8efd_img_0201.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://i.ocs13.com/">One Crimson Splash</a><br />This is the portfolio of James Finley. The choice of colors and content placement are very good.</p><p><a href="http://i.ocs13.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/c7c3c_img_0216.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/98b1b_img_0217.jpg" width="290" height="435" /></a></p><p> </p><h3>5. Education / Content</h3><p><a href="http://m.mit.edu/">MIT</a><br />What else to expect from MIT? Simple, clean, user-friendly.</p><p><a href="http://m.mit.edu/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/98b1b_img_0226.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/6e546_img_0227.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.101cookbooks.com/iphonerecipes/">101 Cook Books</a><br />Not really a fancy design, but it’s the simplicity and clarity of content that makes it appear in this showcase.</p><p><a href="http://www.101cookbooks.com/iphonerecipes/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/fec54_img_0194.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2e3c9_img_0195.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://pleasefixtheiphone.com/">Please Fix The iPhone</a><br />A good design that provides the desktop browsing experience. It is very easy to find what you are looking for.</p><p><a href="http://pleasefixtheiphone.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/49969_img_0203.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/cc27b_img_0205.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://www.1881.no/iphone">1881</a><br />The Norwegian telephone directory online. The combination of bright blue, orange and white looks really good.</p><p><a href="http://www.1881.no/iphone"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/33cc3_img_0220.jpg" width="290" height="435" /><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/f2181_img_0221.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://iphone.food.aol.com/">AOL Food</a><br />Heaven for those who love to cook. Just keep your iPhone with you in the kitchen, and let this nice design help you make a delicious dinner.</p><p><a href="http://iphone.food.aol.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9d488_img_0228.jpg" width="290" height="435" /></a><a href="http://iphone.food.aol.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9d488_img_0229.jpg" width="290" height="435" /></a></p><p> </p><p><a href="http://deviantart.com/">Deviant Art</a><br />A nice <a href="http://shaiperednik.com/tag/way/" class="st_tag internal_tag" rel="tag" title="Posts tagged with way">way</a> to browse art on the iPhone. The color scheme is good, and it makes the artwork look prominent. Very easy to navigate and search. Also, appropriately sized thumbnails.</p><p><a href="http://deviantart.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/b562f_img_0240.jpg" width="290" height="435" /></a><a href="http://deviantart.com/"><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/efb11_img_0241.jpg" width="290" height="435" /></a></p><p> </p><p>Last but not least, some words of wisdom…</p><p><img alt="Screenshot" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2d9a5_img_0183.png" width="480" height="320" /></p><p> </p><h3>Tools to design a website for iPhone</h3><p>There are some libraries and kits available to help you iPhoneize your design.</p><ul><li><a href="http://www.marketcircle.com/iphoney/">iPhoney</a><br />iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It’s a perfect tool to see how your web creations will look on iPhone.</li><li><a href="http://www.testiphone.com/">Test iPhone</a><br />A web browser based simulator for quickly testing your iPhone web designs.</li><li><a href="http://iwebkit.net/">iWebKit</a> (<a href="http://demo.iwebkit.net/">Demo</a>)<br />iWebKit is a file package designed to help you create your own iPhone and iPod Touch compatible website or webapp. Comes with various ready-to-use themes.</li><li><a href="http://code.google.com/p/iui/">iUI</a><br />iUI is a framework consisting of a JavaScript library, CSS, and images for developing iPhone web designs. It makes your web designs look and feel like iPhone’s native applications.</li><li><a href="http://www.intersquash.com/">Intersquash</a> (<a href="http://www.intersquash.com/feed/a70c0c00">Demo</a>)<br />Not really a helpful tool for designing, but you can instantly create an iPhone compatible site from your RSS feed url.</li><li><a href="http://www.bravenewcode.com/wptouch/">WPtouch</a><br />For <a href="http://shaiperednik.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Posts tagged with WordPress">WordPress</a> users: WPtouch transforms your <a href="http://shaiperednik.com/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Posts tagged with WordPress">WordPress</a> blog into an iPhone application-style theme, complete with ajax loading articles and effects, when viewed from an iPhone or iPod touch.</li><li><a href="http://www.jaipho.com/">Jaipho Gallery</a> (<a href="http://www.jaiphodemo.info/">Demo</a>)<br />If your website features a <a href="http://shaiperednik.com/tag/photo/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Photo">photo</a> gallery, Jaipho will optimize it for iPhone users.</li></ul><h3>Further Resources</h3><p>Don’t stop here. Check out these other great <strong>tutorials and guidelines</strong>.</p><ul><li><a href="http://www.marketcircle.com/iphoney/">iPhone Reference Library</a><br /><a href="http://shaiperednik.com/tag/apple/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Apple">Apple</a>’s official iPhone reference library for developers. It has everything you need to get started: guidelines, code-examples, tutorials, etc.</li><li><a href="http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/">How to build a website for iPhone</a><br />This step-by-step tutorial includes everything you need to do when building a website for iPhone. Instructions for orientation direction also included.</li><li><a href="http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts">iPhone Compatible CSS layouts</a><br />Free website layouts which work in all the common web browsers including Safari on the iPhone and iPod touch.</li><li><a href="http://groupaware.mobi/iphone/">iPhone Interface Samples</a><br />This includes samples for iPhone interface elements like buttons, fonts, text, design patterns, hacks 6 more.</li><li><a href="http://www.iphonewebdev.com/examples/">iPhoneWebDev Examples</a><br />Very helpful examples for alot of things. Direction change, events, fonts, compression, etc.</li><li><a href="http://flyosity.com/application-design/iphone-application-design-patterns.php">iPhone Application UI Design Patterns</a></li><li><a href="http://www.cssiphone.com">cssiphone.com</a><br />A showcase of designs optimized for iPhone.</li></ul><h4>About the author</h4><p><em>Adeel Raza is a young entrepreneur with over 10 years of experience on the web. He specializes in user interface, user experience and beautiful design. He loves finding gems out of dirt and showcasing them on his gallery <a href="http://inspiremix.com">Inspire Mix</a>. Follow him on <a href="http://twitter.com/adeelraza">Twitter</a> to say hi!</em></p><hr /><p>© Adeel Raza for <a href="http://www.smashingmagazine.com">Smashing Magazine</a>, 2009. |<br /> <a href="http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/">Permalink</a> |<br /> <a href="http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/#comments">31 comments</a> |<br /> <a title="Bookmark in del.icio.us" href="http://del.icio.us/post?url=http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/&amp;title=Showcase%20of%20Designs%20Optimized%20for%20iPhone">Add to del.icio.us</a> | <a title="Bookmark in Digg" href="http://digg.com/submit?phase=2&amp;url=http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/">Digg this</a> | <a title="Stumble on StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/">Stumble on StumbleUpon!</a> | <a title="Tweet us!" href="http://twitter.com/home?status=@tweetmeme%20@smashingmag%20Reading%20'Showcase%20of%20Designs%20Optimized%20for%20iPhone'%20http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/">Tweet it!</a> | <a title="Bookmark in Reddit" href="http://reddit.com/submit?url=http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/">Submit to Reddit</a> | <a href="http://forum.smashingmagazine.com/">Forum Smashing Magazine</a></p><p> Post tags: <a href="http://www.smashingmagazine.com/tag/inspiration/" rel="tag">inspiration</a>, <a href="http://www.smashingmagazine.com/tag/iphone/" rel="tag">iphone</a></p><p><a href="http://www.smashingmagazine.com/2009/09/27/showcase-of-designs-optimized-for-iphone/">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/09/showcase-of-designs-optimized-for-iphone/" rel="bookmark">Showcase of Designs Optimized for iPhone</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on September 27, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/09/showcase-of-designs-optimized-for-iphone/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Back-to-School With 40 Excellent Adobe Illustrator Tutorials</title><link>http://shaiperednik.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=back-to-school-with-40-excellent-adobe-illustrator-tutorials</link> <comments>http://shaiperednik.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/#comments</comments> <pubDate>Thu, 24 Sep 2009 03:40:39 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Google]]></category> <category><![CDATA[Guideline]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[ISO]]></category> <category><![CDATA[OSX]]></category> <category><![CDATA[Photo]]></category> <category><![CDATA[php]]></category> <category><![CDATA[video]]></category> <category><![CDATA[Vista]]></category> <category><![CDATA[way]]></category> <category><![CDATA[wind]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/</guid> <description><![CDATA[Automatically pulled from Google Starred    Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://www.google.com/reader/shared/user/12161643044555212799/state/com.google/starred">Google Starred</a></p><table width="650"><tr><td width="650"><div> <img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4c33e_smashing-magazine-advertisement.gif" alt="" border="0" /><br /> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=56"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/75d93_avw.php?zoneid=56" border="0" alt="" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=63"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9ab5b_avw.php?zoneid=63" border="0" alt="" /></a> <a href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=64"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/52f4f_avw.php?zoneid=64" border="0" alt="" /></a></div></td></tr></table><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/52f4f_spacer.gif" alt="" border="0" /></p><p>Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the <a href="http://shaiperednik.com/tag/way/" class="st_tag internal_tag" rel="tag" title="Posts tagged with way">way</a>, designers find the task of mastering <strong>Adobe Illustrator</strong> a large obstacle which requires <em>practice</em> and <em>experience</em> in using the vector-based application. Practice comes in the form of <strong>tutorials</strong>, which offer tips, tricks, and artistic styles from other designers who have mastered certain techniques based on their experience.</p><p>From these tutorials, a designer can polish their skillsets on a variety of topics which will strengthen their own artwork. Sometimes a simple tutorial has tips which may have been overlooked based on the subject of the tutorial. By looking past the subjects of the tutorials, an endless array of learning opportunities exist. Essentially, the tutorials become not only a teacher but a “<strong>class</strong>” which a designer can repeat as often as necessary to refine their skills.</p><p>This post presents <strong>40 excellent simple to complex Illustrator tutorials</strong> and presents the overall techniques of each tutorial, summarized in a brief overview. The purpose is to pick and choose among the tutorials based on the areas that need improvment. Whether a seasoned professional or a designer just starting out, these Illustrator tutorials offer a way to brush up on one’s skills.</p><h3>Illustrator Tutorials</h3><p><a href="http://lifeinvector.com/?page_id=181">Gradient Mesh Bell Pepper Tutorial</a></p><ul><li>Use multiple smaller <strong>Meshes</strong> to create a realistic object</li><li>Learn to use the <strong>Eyedropper Tool (I)</strong> to sample colors from a reference <a href="http://shaiperednik.com/tag/photo/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Photo">photo</a></li></ul><p><a href="http://lifeinvector.com/?page_id=181"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/29278_redpepper.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.aivault.com/?p=706">How to create a Television Icon</a></p><ul><li>Using <strong>Offset Path</strong> on an object</li><li>Learn to use <strong>Gradients</strong> to create surface texture and depth</li><li>Create a reflection using an <strong>Opacity Mask</strong></li></ul><p><a href="http://www.aivault.com/?p=706"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/29278_tvicon.jpg" width="500" height="420" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/designing/working-with-3d-objects-and-transparencies-to-make-a-vector-cola-bottle-design/">Working with 3D Objects and Transparencies to Make a Vector Cola Bottle Design</a></p><ul><li>Learn to “cut” up an image in <strong>Pathfinder</strong> and use the pieces in <strong>3D Revolve</strong> to create solid objects</li><li><strong>Map</strong> art (symbols) onto a 3D object</li></ul><p><a href="http://vector.tutsplus.com/designing/working-with-3d-objects-and-transparencies-to-make-a-vector-cola-bottle-design/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/32ca0_vectorcola.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.dezignmusings.com/2009/06/create-colorful-text-effect-illustrator.html">Create a Stylish Colorful Text Effect in Illustrator</a></p><ul><li>Learn to use <strong>Offset Stroke</strong> on text</li><li>Apply a <strong>Pattern Swatch</strong> to text</li></ul><p><a href="http://www.dezignmusings.com/2009/06/create-colorful-text-effect-illustrator.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/583d9_colorfultext.jpg" width="500" height="450" alt="screenshot" /></a></p><p><a href="http://www.gomediazine.com/tutorials/illustrate-malevolent-skull-8-steps/">Illustrate a Malevolent Skull in 8 Steps</a></p><ul><li>Working with a sketch and outlining with the <strong>Pen Tool (P)</strong></li><li>Use <strong>Outline/Preview</strong> modes during design process</li><li>How to use the <strong>Reflect Tool (O)</strong> to save time</li></ul><p><a href="http://www.gomediazine.com/tutorials/illustrate-malevolent-skull-8-steps/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/cea12_skull.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://vectips.com/tutorials/create-a-wood-grain-texture/">Create A Wood Grain Texture</a></p><ul><li>Use <strong>Raster Effects, Live Trace, and Expand</strong> to create a texture</li><li>Learn to use the <strong>Warp Tool (Shift +R)</strong> to customize a texture</li></ul><p><a href="http://vectips.com/tutorials/create-a-wood-grain-texture/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4c18d_woodgrain.jpg" width="500" height="464" alt="screenshot" /></a></p><p><a href="http://veerle.duoh.com/blog/comments/illustrator_ring_shape_via_overlapping_crescents_effect/">Illustrator ring shape via overlapping crescents effect</a></p><ul><li>Create abstract geometric shapes with <strong>Linear Gradients</strong>, <strong>Align</strong>, and <strong> Pathfinder</strong></li><li>Learn to use <strong>Smart Guides (Cmd/Ctrl + U)</strong></li></ul><p><a href="http://veerle.duoh.com/blog/comments/illustrator_ring_shape_via_overlapping_crescents_effect/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7b387_crescentring.jpg" width="500" height="319" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/icon-design/how-to-illustrate-a-brain-icon-for-osx-and-vista/">How to Illustrate a Brain Icon for OSX and Vista</a></p><ul><li>For faster coloring, use the <strong>Live Paint Bucket (K) </strong></li><li><strong>Bonus Lesson</strong>: How to turn art into an icon</li></ul><p><a href="http://vector.tutsplus.com/tutorials/icon-design/how-to-illustrate-a-brain-icon-for-osx-and-vista/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d15ef_brain.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.webdesignerdepot.com/2009/06/create-a-realistic-candy-bar-in-illustrator/">Create a Realistic Candy Bar in Illustrator</a></p><ul><li>Tips on stacking order for the <strong>Layers Panel</strong> when using a sketch</li><li>Create realistic creases in paper</li><li>Where to place <strong>shadows/highlights</strong> and why</li></ul><p><a href="http://www.webdesignerdepot.com/2009/06/create-a-realistic-candy-bar-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d15ef_candybar.jpg" width="500" height="400" alt="screenshot" /></a></p><p><a href="http://labs.chemist2dio.com/how-to-create-a-vector-smiley-icon.php">How to Create a Vector Smiley Icon</a></p><ul><li>Working with <strong>Radial Gradients</strong></li><li>Copy design elements for symmetry</li><li>Learn how to use the <strong>Isolation Mode</strong></li></ul><p><a href="http://labs.chemist2dio.com/how-to-create-a-vector-smiley-icon.php"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/0ba19_smileyicon.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-radial-mesh-in-illustrator-and-make-a-vector-cd/"> How to Create a Radial Mesh in Illustrator and Make a Vector CD</a></p><ul><li>Create a radial mesh from a <strong>Radial Gradient</strong> and the <strong>Mesh Tool (U)</strong></li><li>Learn the finer points of <strong>selecting mesh points</strong></li><li>Create a <strong>Clipping Mask</strong></li></ul><p><a href="http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-radial-mesh-in-illustrator-and-make-a-vector-cd/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e898c_cd.jpg" width="500" height="442" alt="screenshot" /></a></p><p><a href="http://veerle.duoh.com/blog/comments/illustrator_full_spectrum_spirograph/">Illustrator full spectrum spirograph</a></p><ul><li>Using the <strong>Rotate Tool (R)</strong> to create abstract shapes</li><li>Learn to use <strong>Transform Again</strong> to save time</li></ul><p><a href="http://veerle.duoh.com/blog/comments/illustrator_full_spectrum_spirograph/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e898c_spirograph.jpg" width="500" height="450" alt="screenshot" /></a></p><p><a href="http://alandesigns.com/blog/how-to-make-a-cartoon-style-cereal-box-logo-in-adobe-illustrator-cs3/">How to Make a Cartoon Style Cereal Box Logo in Adobe Illustrator CS3</a></p><ul><li>Effectively use <strong>Strokes</strong>, <strong>Align Stroke</strong>, and <strong>Selection Tool (V)</strong> to modify fonts</li><li>How to use <strong>3D Extrude &amp; Bevel Options</strong> to Create 3D Text</li></ul><p><a href="http://alandesigns.com/blog/how-to-make-a-cartoon-style-cereal-box-logo-in-adobe-illustrator-cs3/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9f6c3_vectorpuffs.jpg" width="500" height="375" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/icon-design/how-to-create-a-gearbox-settings-icon-using-simple-shapes/">How to Create a Gearbox Settings Icon Using Simple Shapes</a></p><ul><li>Use the <strong>Rotate Tool (R)</strong> to rotate shapes relative to another shape</li><li>Create a metallic texture using shapes and <strong>Radial Blur</strong></li><li>Design a perforated metal backing using <strong>Gradients</strong></li></ul><p><a href="http://vector.tutsplus.com/tutorials/icon-design/how-to-create-a-gearbox-settings-icon-using-simple-shapes/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/9d757_gearbox.jpg" width="500" height="340" alt="screenshot" /></a></p><p><a href="http://www.flickr.com/photos/cgt123/2632332550/%22">3D Effect Extrude and Revolve</a></p><ul><li>Learn to use simple shapes to create a 3D object with <strong>Extrude &amp; Bevel</strong></li></ul><p><a href="http://www.flickr.com/photos/cgt123/2632332550/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4d07c_ladle.jpg" width="500" height="425" alt="screenshot" /></a></p><p><a href="http://www.vectordiary.com/illustrator/realistic-orange-tutorial/">Illustrator Tutorial: Realistic Orange</a></p><ul><li>Learn to use <strong>Plastic Wrap Effect</strong> and <strong>Sponge Effect</strong> to create an orange peel texture</li><li>Effectively use <strong>Opacity</strong> in an illustration</li></ul><p><a href="http://www.vectordiary.com/illustrator/realistic-orange-tutorial/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/05745_orange.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-semi-realistic-scissors-in-illustrator/">How to Create Semi-Realistic Scissors in Illustrator</a></p><ul><li>Using <strong>shapes</strong> and <strong>Gaussian Blur</strong>, create an aged metallic texture</li><li>Learn to add highlights on metal contours</li></ul><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-semi-realistic-scissors-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/05745_scissors.jpg" width="500" height="400" alt="screenshot" /></a></p><p><a href="http://circleboxblog.com/2009/tutorials/how-to-create-a-hippy-van-vector-in-illustrator/">How to Create a Hippy Van Vector in Illustrator</a></p><ul><li>Trace a photo with the <strong>Pen Tool (P)</strong></li><li><strong>Expand strokes</strong> to add Gradients</li></ul><p><a href="http://circleboxblog.com/2009/tutorials/how-to-create-a-hippy-van-vector-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/96287_hippyvan.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://abduzeedo.com/illustrator-quick-tips-1-complex-symbols-pathfinder">Illustrator Quick Tips #1 – Complex Symbols with Pathfinder</a></p><ul><li>Use the <strong>Gradient Tool (G)</strong> to create a 3D effect</li><li>With the <strong>Pathfinder Divide</strong>, create abstract shapes</li><li>Learn to use the <strong>Blending Mode Multiply</strong></li></ul><p><a href="http://abduzeedo.com/illustrator-quick-tips-1-complex-symbols-pathfinder"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/7e3ff_complexsymbols.jpg" width="500" height="430" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-make-a-vector-diamond-ring-in-illustrator/">How to Make a Vector Diamond Ring in Illustrator</a></p><ul><li>Use <strong>Pathfinder</strong> to create a compound shape</li><li>Create a metallic finish with <strong>Gradients</strong></li><li>Create a diamond with <strong>Linear Gradients</strong></li></ul><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-make-a-vector-diamond-ring-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/97303_weddingrings.jpg" width="500" height="442" alt="screenshot" /></a></p><p><a href="http://www.layersmagazine.com/create-fun-eye-catching-text-with-adobe-illustrator.html"> Create Fun, Eye-catching Text with Adobe Illustrator</a></p><ul><li>Use the <strong>Free Transform Tool (E)</strong> on text to create depth and perspective</li><li>Highlight and shadow placement on text</li></ul><p><a href="http://www.layersmagazine.com/create-fun-eye-catching-text-with-adobe-illustrator.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/97303_wowtext.jpg" width="500" height="350" alt="screenshot" /></a></p><p><a href="http://zzanthia.deviantart.com/art/Woman-and-Cats-How-To-Advanced-67624997">‘Women and Cats’ How-To Advanced Tutorial</a></p><ul><li>Learn about shading/highlights in vector portraits</li><li>Use of <strong>Transparency</strong> and <strong>Opacity Masks</strong></li></ul><p><a href="http://zzanthia.deviantart.com/art/Woman-and-Cats-How-To-Advanced-67624997"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ac3c5_womanandcat.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/"> Turn Any Font Into a Sketch Font</a></p><ul><li>Learn to use the <strong>Scribble Effect</strong> and <strong>Roughen</strong> to create a font</li><li>Create a custom <strong>Graphic Style</strong></li></ul><p><a href="http://vectips.com/tutorials/turn-any-font-into-a-sketch-font/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/46b90_scribbletext.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.tutorialboard.net/create-realistic-pendriveas-adobe-illustrator/">How To Create A Realistic Pendrive in Adobe Illustrator</a></p><ul><li>Learn how to align objects to the <strong>Artboard</strong></li><li>Create a realistic metallic surface using <strong>Linear Gradients</strong></li></ul><p><a href="http://www.tutorialboard.net/create-realistic-pendriveas-adobe-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d18d2_pendrive.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-rainy-window-vector-background/">How to Create a Rainy Window Vector Background</a></p><ul><li>Create an abstract background with the <strong>Mesh Tool (U)</strong> and circles</li><li>Use <strong>Gradients</strong>, <strong>Inner Glow</strong>, and <strong>Warp</strong> to design raindrops</li><li>Learn to make a <strong>Symbol</strong> from artwork</li></ul><p><a href="http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-rainy-window-vector-background/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d18d2_rain.jpg" width="500" height="453" alt="screenshot" /></a></p><p><a href="http://bortonia.wordpress.com/tutorials/draw-a-cute-purse-using-simple-shapes/">Draw a Cute Purse Using Simple Shapes</a></p><ul><li>Modify shapes using the <strong>Warp Tool</strong></li><li>Use <strong>Pathfinder Exclude</strong> to create new shapes</li><li>Learn to design a simple pattern</li><li><a href="http://shaiperednik.com/tag/quick/" class="st_tag internal_tag" rel="tag" title="Posts tagged with quick">Quick</a> Tip: <strong>Horizontal Align</strong> to align anchor points</li></ul><p><a href="http://bortonia.wordpress.com/tutorials/draw-a-cute-purse-using-simple-shapes/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/12cb3_purse.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.dezignmusings.com/2008/12/make-christmas-light-bulb-in.html">Make a Christmas Light Bulb in Illustrator</a></p><ul><li>Create a quick glossy orb using <strong>Gradients</strong> and the <strong>Blend Mode</strong></li><li>Add an image to a round surface using <strong>Pathfinder</strong></li></ul><p><a href="http://www.dezignmusings.com/2008/12/make-christmas-light-bulb-in.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e7416_christmasbulb.jpg" width="500" height="410" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-shiny-vector-dice-in-illustrator/">How to Create Shiny, Vector Dice in Illustrator</a></p><ul><li>Learn to use the <strong>3D Extrude &amp; Bevel</strong></li><li>Create highlights on a 3D object with the <strong>Gradient Mesh Tool (U)</strong></li></ul><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-shiny-vector-dice-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e7416_dice.jpg" width="500" height="450" alt="screenshot" /></a></p><p><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-vector-monster-from-a-pencil-sketch">Create a Cute Vector Monster from a Pencil Sketch</a></p><ul><li>Learn to rough in a character using the <strong>Pen Tool (P)</strong></li><li>Use tapered brushes to create a sketch style</li></ul><p><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-cute-vector-monster-from-a-pencil-sketch"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/a35f4_vectormonster.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.tutorialhero.com/click-60521-drawing_a_chinese_fan.php">Drawing a chinese fan</a></p><ul><li>Create symmetric shapes using the <strong>Rotate Tool (R)</strong> and <strong>Ctrl+D</strong></li><li>Overlay images using <strong>Symbols</strong> and <strong>Color Burn</strong></li></ul><p><a href="http://www.tutorialhero.com/click-60521-drawing_a_chinese_fan.php"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d46e9_fan.jpg" width="500" height="357" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-draw-a-realistic-vector-light-bulb-from-scratch/">How to Draw A Realistic Vector Light Bulb From Scratch</a></p><ul><li>Create a metal thread contact with <strong>Effects</strong> and <strong>Gradients</strong></li><li>Use the <strong>Zig Zag Effect</strong> to create wires</li></ul><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-draw-a-realistic-vector-light-bulb-from-scratch/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e323a_lightbulb.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://colorburned.com/2009/07/create-a-character-mascot-with-adobe-illustrator-cs4.html">Create a Character Mascot with Adobe Illustrator CS4</a></p><ul><li>How to set up an <strong>Adobe Illustrator file</strong> to trace with a sketch</li><li>Create a <strong>Custom Art Brush</strong></li></ul><p><a href="http://colorburned.com/2009/07/create-a-character-mascot-with-adobe-illustrator-cs4.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e323a_charactermascot.jpg" width="500" height="450" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/illustration/hit-the-mark-with-a-realistic-vector-dartboard/">Hit the Mark with a Realistic Vector Dartboard</a></p><ul><li>Using <strong>Transform Effect</strong> to create segments</li><li>Save time with <strong>Live Paint</strong></li><li>Learn to create <strong>bent wire numbers</strong></li></ul><p><a href="http://vector.tutsplus.com/tutorials/illustration/hit-the-mark-with-a-realistic-vector-dartboard/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/ebd49_dartboard.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://shineyshane.deviantart.com/art/Shane-s-Lineless-Tutorial-133184331">The Shane Harper way to go Lineless!</a></p><ul><li>Add details to a drawing with the <strong>Pencil Tool (N)</strong></li><li>Alter shapes quickly using the <strong>Knife Tool</strong></li></ul><p><a href="http://shineyshane.deviantart.com/art/Shane-s-Lineless-Tutorial-133184331"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/54e81_bear.jpg" width="500" height="350" alt="screenshot" /></a></p><p><a href="http://www.vectordiary.com/illustrator/how-to-make-an-icy-cocktail-tutorial/"> Illustrator Tutorial: How to Make an Icy Cocktail</a></p><ul><li>Simulate “glass” using <strong>Color Burn</strong> and Gradients</li><li>Create <strong>Water Drops</strong> quickly</li></ul><p><a href="http://www.vectordiary.com/illustrator/how-to-make-an-icy-cocktail-tutorial/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/54e81_cocktail.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://circleboxblog.com/2009/tutorials/create-a-simple-vector-creature-in-illustrator/">Create a Simple Vector Creature in Illustrator</a></p><ul><li>Learn to use <strong>Guidelines</strong> effectively</li><li>Use the <strong>Reflect Tool (O)</strong> for symmetry</li><li>Change <strong>end caps on Strokes</strong> to alter paths</li></ul><p><a href="http://circleboxblog.com/2009/tutorials/create-a-simple-vector-creature-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/4c7ce_fluffycreature.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.denisdesigns.com/blog/2009/07/create-an-easy-landscape-scene-in-illustrator/">Create an easy landscape scene in Illustrator</a></p><ul><li>How to use the <strong>Crystallize Tool</strong> to create shapes</li><li>Learn to use the <strong>Free Transform Tool (E)</strong> to create perspective</li></ul><p><a href="http://www.denisdesigns.com/blog/2009/07/create-an-easy-landscape-scene-in-illustrator/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/1744d_landscape.jpg" width="500" height="311" alt="screenshot" /></a></p><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/">How to Create a Killer Chainsaw Bunny Character</a></p><ul><li>Learn to <strong>trace</strong> with vectors</li><li>Block a character in using the <strong>Pen Tool (P)</strong></li></ul><p><a href="http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-killer-chainsaw-bunny-character/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/1744d_chainsawbunny.jpg" width="500" height="500" alt="screenshot" /></a></p><p><a href="http://www.layersmagazine.com/blueprint-style-text-in-adobe-illustrator.html">Blueprint-Style Text in Adobe Illustrator</a></p><ul><li>Use <strong>Scribble Effect</strong> to create a hand drawn font</li><li>Learn to use an <strong>Opacity Mask</strong> with a <strong>Gradient</strong></li></ul><p><a href="http://www.layersmagazine.com/blueprint-style-text-in-adobe-illustrator.html"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/e053d_blueprinttext.jpg" width="500" height="300" alt="screenshot" /></a></p><p><a href="http://bortonia.wordpress.com/tutorials/create-a-cute-lipstick-tube/"> Create a Cute Lipstick Tube</a></p><ul><li>Working with shapes and <strong>Pathfinder</strong></li><li>Learn shading tips for 3D Objects</li><li>Design a <strong>Reflection</strong> on a shiny surface</li></ul><p><a href="http://bortonia.wordpress.com/tutorials/create-a-cute-lipstick-tube/"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/2e53b_lipstick.jpg" width="500" height="500" alt="screenshot" /></a></p><h4>Conclusion</h4><p>These Adobe Illustrator tutorials are just a sample of some of the <em>free</em> learning opportunities available online. Learn to look past the tutorial subject and find what skills the tutorial covers. After all, it’s never too late to go back to school!</p><h3>Further Resources</h3><ul><li><a href="http://webdesignledger.com/tutorials/22-very-useful-adobe-illustrator-tutorials">22 Very Useful Adobe Illustrator Tutorials</a></li><li><a href="http://www.instantshift.com/2009/03/19/125-ultimate-round-up-of-illustrator-tutorials/">125+ Ultimate Round-Up of Illustrator Tutorials</a></li><li><a href="http://webitect.net/design/15-really-great-illustrator-tutorials-for-beginners.php">15 Really Great Illustrator Tutorials</a></li><li><a href="http://creativenerds.co.uk/articles/16-design-blogs-for-learning-illustrator/">16 Design Blogs For Learning Illustrator<br /> </a></li><li><a href="http://learnai.com/">Illustrator and Vector Tutorials</a></li><li><a href="http://www.developnew.com/resources/10-best-illustrator-tutorials.php">10 best Illustrator Tutorials</a></li></ul><h4>About the author</h4><p><em><a href="http://www.peachpops.com">Melissa Scroggins</a> is a freelance graphic designer who loves designing icons, creating vector illustrations, and playing survival horror <a href="http://shaiperednik.com/tag/video/" class="st_tag internal_tag" rel="tag" title="Posts tagged with video">video</a> games. Follow her on <a href="http://twitter.com/peachpops">Twitter</a> where she posts on a regular basis.</em></p><hr /><p>© Melissa Scroggins for <a href="http://www.smashingmagazine.com">Smashing Magazine</a>, 2009. |<br /> <a href="http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">Permalink</a> |<br /> <a href="http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/#comments">34 comments</a> |<br /> <a title="Bookmark in del.icio.us" href="http://del.icio.us/post?url=http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/&amp;title=Back-to-School%20With%2040%20Excellent%20Adobe%20Illustrator%20Tutorials">Add to del.icio.us</a> | <a title="Bookmark in Digg" href="http://digg.com/submit?phase=2&amp;url=http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">Digg this</a> | <a title="Stumble on StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">Stumble on StumbleUpon!</a> | <a title="Tweet us!" href="http://twitter.com/home?status=@tweetmeme%20@smashingmag%20Reading%20'Back-to-School%20With%2040%20Excellent%20Adobe%20Illustrator%20Tutorials'%20http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">Tweet it!</a> | <a title="Bookmark in Reddit" href="http://reddit.com/submit?url=http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">Submit to Reddit</a> | <a href="http://forum.smashingmagazine.com/">Forum Smashing Magazine</a></p><p> Post tags: <a href="http://www.smashingmagazine.com/tag/illustrator/" rel="tag">illustrator</a>, <a href="http://www.smashingmagazine.com/tag/tutorials/" rel="tag">Tutorials</a></p><p><a href="http://www.smashingmagazine.com/2009/09/23/back-to-school-with-40-excellent-adobe-illustrator-tutorials/">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/" rel="bookmark">Back-to-School With 40 Excellent Adobe Illustrator Tutorials</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on September 23, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/09/back-to-school-with-40-excellent-adobe-illustrator-tutorials/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>iPhone OS 3.1 Update Causing Crashes On iPhone 3G’s</title><link>http://shaiperednik.com/2009/09/iphone-os-3-1-update-causing-crashes-on-iphone-3g%e2%80%99s/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=iphone-os-3-1-update-causing-crashes-on-iphone-3g%25e2%2580%2599s</link> <comments>http://shaiperednik.com/2009/09/iphone-os-3-1-update-causing-crashes-on-iphone-3g%e2%80%99s/#comments</comments> <pubDate>Tue, 15 Sep 2009 02:00:12 +0000</pubDate> <dc:creator>System</dc:creator> <category><![CDATA[My Clippings]]></category> <category><![CDATA[Apple]]></category> <category><![CDATA[IO]]></category> <category><![CDATA[php]]></category> <category><![CDATA[way]]></category> <category><![CDATA[WordPress]]></category> <category><![CDATA[XP]]></category><guid isPermaLink="false">http://shaiperednik.com/2009/09/iphone-os-3-1-update-causing-crashes-on-iphone-3g%e2%80%99s/</guid> <description><![CDATA[Automatically pulled from My Clippings on NewsGator Online It just wouldn’t be an iPhone OS update without the usual accompanying cries of anguish from end-users, now, would it? It seems Apple just can’t get the update process right; and there’s really no good excuse for it. Over on the Apple Support user discussions forum several [...]]]></description> <content:encoded><![CDATA[<p>Automatically pulled from <a href="http://services.newsgator.com/ngws/svc/ClippingsRSS.aspx?uid=1639696">My Clippings on NewsGator Online</a></p><div><p><img class="alignright size-full wp-image-32149" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/bc9b8_os_31.jpg?w=111&amp;h=120" alt="os_31" width="111" height="120" /></p><p>It just wouldn’t be an iPhone OS update without the usual accompanying cries of anguish from end-users, now, would it? It seems <a href="http://shaiperednik.com/tag/apple/" class="st_tag internal_tag" rel="tag" title="Posts tagged with Apple">Apple</a> just can’t get the update process right; and there’s really no good excuse for it.</p><p>Over on the Apple Support <a href="http://discussions.apple.com/category.jspa?categoryID=242">user discussions forum</a> several threads are quickly growing around a common theme; the iPhone OS 3.1 update is causing iPhone 3G’s to slow down and, in many reports shared by frustrated users, handsets are simply shutting down, seemingly at random.</p><p>A selection of the most popular posts at this time go by the provocative titles; <a href="http://discussions.apple.com/thread.jspa?threadID=2153153&amp;tstart=0">3.1 turned my iPhone slow &#8211; unusable and lacking in all tasks</a>, <a href="http://discussions.apple.com/thread.jspa?threadID=2153811&amp;tstart=0">3.1 Update Problem &#8211; Hangs</a>, <a href="http://discussions.apple.com/thread.jspa?threadID=2153558&amp;tstart=0">Two very strange bugs found in 3.1</a>,<a href="http://discussions.apple.com/thread.jspa?threadID=2152975&amp;tstart=0"> 3.1 killed 3G &#8211; unable to restore</a>, <a href="http://discussions.apple.com/thread.jspa?threadID=2151145&amp;tstart=0">WIFI Issues</a> and <a href="http://discussions.apple.com/thread.jspa?threadID=2152619&amp;tstart=0">Mysterious random total shut downs following 3.1 update</a>.</p><p>At the time of writing, the problems seem to be limited to the iPhone 3G. Users report that their phones refuse to respond after:</p><ul><li>exiting applications</li><li>unlocking the handset after auto-lock has kicked-in</li><li>waking from standby with or without the passcode lock activated.</li></ul><p>In all cases, only a hard reset returned the handset to proper working order, but only temporarily. Reading through the different reports shows that users have tried different ways to fix the problem, including removing and reinstalling all applications, wiping all personal data and settings and even full system restores via iTunes &#8212; all to no avail. <span></span></p><p>To add to the drama, some 3G owners report <em>drastically</em> reduced battery life since the 3.1 upgrade.</p><p>So once again, an iPhone OS upgrade is causing end users grief. <em>Despite</em> the fact it’s a closed platform developed by one company (not an open-source free-for-all). <em>Despite</em> the fact that there are <em>only three</em> platform configurations for this device. <em>Despite</em> the careful attention Apple would have us believe each third-party app is subjected to prior to approval (and let’s not forget the sandbox environment in which apps operate).</p><p>Despite <em>all</em> of these checks in place that ought to provide Apple with a foundation for trouble-free updates, the company seems to have extraordinary &#8212; and bewildering &#8212; difficulty releasing stable, bug-free updates to the iPhone OS.</p><p>I’ve owned each iPhone since the first generation device, and cheerfully installed each OS update the same day it was made available. Generally I’ve seen improvements in overall system performance, but battery life has been all over the place, sometimes improved by an OS update, sometimes made much worse. I’ve celebrated as the system performance steadily improved, then swore as it declined&#8230; until the next update put things back on track. And so on.</p><p>As I see it, there are really only two explanations for this sadly-familiar iPhone OS update drama; either Apple’s iPhone OS development  teams are incompetent, or Apple’s quality standards are <em>far</em> lower than we like to think.</p><p>Harsh words? No, not at all. iPhones are either expensive, or <em>extremely</em> expensive. But we buy them because we know we’re buying more than a product; we’re buying a swathe of functionality, wrapped-in an elegant user experience other smartphones have yet to match. Apple keeps its underlying software under close guard, cautiously approving some third-party contributions while dispassionately denying others. Apple does this, it says, in order to maintain the integrity of the product, its features and the experience we pay top-dollar to enjoy.</p><p>Either Apple can’t follow its own rules, or it&#8217;s talking utter rubbish.</p><p>I’m <em>fully</em> aware the three different models of iPhone currently in the wild have different hardware configurations, but that’s no excuse. If Apple cannot <em>its </em><em>own</em> software updates to work across all three of <em>its own</em> models, it <em>should not make updates available for all three models</em>. At least, not until it&#8217;s done the most exhaustive of stress tests to work out all the bugs.</p><p>It has been five days since iPhone OS 3.1 was made available to the public and iPhone 3G customers started experiencing problems with their handsets. Still no word yet from Apple. Not even a simple “We hear you, we’re looking into it.”</p><p>C’mon Apple. You can do better than that. You bragged last week that you’ve sold more than thirty <em>million</em> iPhones. How many of those sales are 3G’s? Don’t those customers deserve a little more respect?</p><p> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/gigapple.wordpress.com/32308/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_32308" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/gigapple.wordpress.com/32308/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_32308" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/gigapple.wordpress.com/32308/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_32308" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/gigapple.wordpress.com/32308/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_32308" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/gigapple.wordpress.com/32308/"><img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_32308" /></a> <img alt="" border="0" src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_b.gif?host=theappleblog.com&amp;blog=5550580&amp;post=32308&amp;subd=gigapple&amp;ref=&amp;feed=1" /></div><div><hr /> <a href="http://ads.gigaom.com/openx/www/delivery/ck.php?oaparams=2__bannerid=64__zoneid=6__cb=102869031b__oadest=http://pro.gigaom.com/2009/08/surveying-the-mobile-app-store-landscape?id=rss&amp;utm_source=theappleblog&amp;utm_medium=rss&amp;utm_campaign=20090831-0906" target="_blank"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_gigaom-pro-footer.gif" alt="" border="0" style="float: left;border: 0;margin: .3em 1em .5em 0" /></a><br /> Read the Report, &#8220;<strong><a href="http://ads.gigaom.com/openx/www/delivery/ck.php?oaparams=2__bannerid=64__zoneid=6__cb=102869031b__oadest=http://pro.gigaom.com/2009/08/surveying-the-mobile-app-store-landscape?utm_source=theappleblog&amp;utm_medium=rss&amp;utm_campaign=20090831-0906" target="_blank">Surveying the Mobile App Store Landscape</a></strong>.&#8221; Only at GigaOM Pro.<div><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/03fec_lg.php?bannerid=64&amp;campaignid=2&amp;zoneid=6&amp;loc=1&amp;referer=http%3A%2F%2Fads.gigaom.com%2F%3Furl%3Dhttp%253A%252F%252Ftheappleblog.com%252Ffeed%252F%253Fnoredirect%253D1&amp;cb=102869031b" width="0" height="0" alt="" style="width: 0px;height: 0px" /></div></div><div> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=F6VrknmVoOI:aGj4z_-MLnc:yIl2AUoC8zA"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/32734_TheAppleBlog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=F6VrknmVoOI:aGj4z_-MLnc:D7DqB2pKExk"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/32734_TheAppleBlog?i=F6VrknmVoOI:aGj4z_-MLnc:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=F6VrknmVoOI:aGj4z_-MLnc:V_sGLiPBpWU"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/32734_TheAppleBlog?i=F6VrknmVoOI:aGj4z_-MLnc:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=F6VrknmVoOI:aGj4z_-MLnc:F7zBnMyn0Lo"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/32734_TheAppleBlog?i=F6VrknmVoOI:aGj4z_-MLnc:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/TheAppleBlog?a=F6VrknmVoOI:aGj4z_-MLnc:guobEISWfyQ"><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d392b_TheAppleBlog?i=F6VrknmVoOI:aGj4z_-MLnc:guobEISWfyQ" border="0"></img></a></div><p><img src="http://shaiperednik.com/wp-content/plugins/wp-o-matic/cache/d392b_F6VrknmVoOI" height="1" width="1" /><br /> <a href="http://services.newsgator.com/ngws/svc/ClippingsRSS.aspx?uid=1639696">Go to Source</a></p><p><a href="http://shaiperednik.com/2009/09/iphone-os-3-1-update-causing-crashes-on-iphone-3g%e2%80%99s/" rel="bookmark">iPhone OS 3.1 Update Causing Crashes On iPhone 3G’s</a> originally appeared on <a href="http://shaiperednik.com">Shai Perednik.com</a> on September 14, 2009.</p> ]]></content:encoded> <wfw:commentRss>http://shaiperednik.com/2009/09/iphone-os-3-1-update-causing-crashes-on-iphone-3g%e2%80%99s/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 1/53 queries in 1.010 seconds using disk: basic
Object Caching 3885/3989 objects using disk: basic

Served from: shaiperednik.com @ 2012-02-08 05:01:37 -->
