http://abduzeedo.com/taxonomy/term/860/all en http://abduzeedo.com/sites-week-115 <h3>For this Sites of the Week we have selected some great sites such as The Combine 2010 and Participatory Politics. Also we're featuring the portfolio of Tuispace and much, much more! As usual we would love to hear from you, keep sending your suggestions to us and we will be more than happy to feature your site.</h3> <!--break--><!--break--><p>You can keep sending me your suggestions via Twitter <a href="http://twitter.com/FabianoMe">twitter.com/FabianoMe</a> or <a href="http://twitter.com/abduzeedo">twitter.com/abduzeedo</a>, and include #abdz_sites in the message.<br /> <h2>DESIGN / CSS</h2> <h3>Participatory Politics - <a href="http://www.participatorypolitics.org/">participatorypolitics.org</a></h3> <blockquote><p>The Participatory Politics Foundation is a 501(c)3 non-profit organization with a mission to increase civic engagement. PPF develops websites that create new opportunities for engagement with government. Voting is important, but we have a chance to go further and create a political process that is meritocratic, creative, and participatory.</p></blockquote> </p><p class="imgC"><a href="http://www.participatorypolitics.org/" title="Participatory Politics"><img src="http://imgs.abduzeedo.com/files/sites_week/ppf.jpg" width="640" height="420" alt="Participatory Politics" /></a></p> <p><br/> </br/></p> <h3>Box - <a href="http://www.box.net/">box.net</a></h3> <blockquote><p>Share, manage and access all your business content online.</p></blockquote> <p class="imgC"><a href="http://www.box.net/" title="Moodyguy"><img src="http://imgs.abduzeedo.com/files/sites_week/box_net.jpg" width="640" height="420" alt="Moodyguy" /></a></p> <p><br/></br/></p> <h2>APP / WEB APP</h2> <h3>BankSimple - <a href="https://www.banksimple.net/">banksimple.net</a></h3> <blockquote><p>BankSimple was born out of our frustration with banking. We were fed up with our banks: the fees, the constantly changing rules, the crappy customer service. We saw an opportunity to fix these issues by making banking simpler.</p></blockquote> <p class="imgC"><a href="https://www.banksimple.net/" title="BankSimple"><img src="http://imgs.abduzeedo.com/files/sites_week/banksimple.jpg" width="640" height="420" alt="BankSimple" /></a></p> <p><br/></br/></p> <h3>WeePlaces - <a href="http://weeplaces.com/foursquare/">weeplaces.com/foursquare</a></h3> <blockquote><p>Visualize your social spots. See where you hang.</p></blockquote> <p class="imgC"><a href="http://weeplaces.com/foursquare/" title="WeePlaces"><img src="http://imgs.abduzeedo.com/files/sites_week/weplaces.jpg" width="640" height="420" alt="WeePlaces" /></a></p> <p><br/></br/></p> <h2>COMMUNITY / PORTAL / STORE</h2> <h3>The Combine 2010 - <a href="http://www.thecombine.org/">thecombine.org</a></h3> <blockquote><p>The Combine is a display of talent, entrepreneurship and innovation. It’s an event about tech, specifically the people, ideas and environments that drive technology.</p></blockquote> <p class="imgC"> <a href="http://www.thecombine.org/" title="The Combine 2010"><img src="http://imgs.abduzeedo.com/files/sites_week/combine2010.jpg" width="640" height="420" alt="The Combine 2010" /></a></p> <p><br/> </br/></p> <h3>itizen - <a href="http://itizen.com/">itizen.com</a></h3> <blockquote><p>Itizen is an online service that provides a way to tell, share, and follow the 'life stories' of interesting things.</p></blockquote> <p class="imgC"><a href="http://itizen.com/" title="itizen"><img src="http://imgs.abduzeedo.com/files/sites_week/itizen.jpg" width="640" height="420" alt="itizen" /></a></p> <p><br/></br/></p> <h2>STUDIO / PORTFOLIO / BLOG</h2> <h3>Tuispace - <a href="https://tuispace.com/">tuispace.com</a></h3> <blockquote><p>We feel that branding, design, social marketing and online technologies should all come together into a seamless “success machine” for our clients. Take a look at the services we can provide for your business.</p></blockquote> <p class="imgC"><a href="https://tuispace.com/" title="Tuispace"><img src="http://imgs.abduzeedo.com/files/sites_week/tuispace.jpg" width="640" height="420" alt="Tuispace" /></a></p> <p><br/></br/></p> <h3>Mascara Design - <a href="http://www.mascaradesign.it/">mascaradesign.it</a></h3> <blockquote><p>My name will be present and are a freelance web designer with a visceral passion for everything that is design and off the web. (via Google Translate)</p></blockquote> <p class="imgC"><a href="http://www.mascaradesign.it/" title="Mascara Design"><img src="http://imgs.abduzeedo.com/files/sites_week/mascaradesign.jpg" width="640" height="420" alt="Mascara Design" /></a></p> <p><br/></br/></p> <h2>TEMPLATES</h2> <h3>Food Restaurant - <a href="http://www.meetemplates.com/13-restaurant-theme.html">meetemplates.com</a></h3> <blockquote><p>Ready to go live mobile websites. Simple installation in 5 minutes. No Databases required. CMS included...</p></blockquote> <p class="imgC"><a href="http://bogothemes.com/blue-masters/#" title="Food Restaurant"><img src="http://imgs.abduzeedo.com/files/sites_week/templates/foodrestaudant.jpg" width="640" height="420" alt="Food Restaurant" /></a></p> <p><br/></br/></p> <h3>Photographer - <a href="http://www.meetemplates.com/24-photographer-theme.html">meetemplates.com</a></h3> <blockquote><p>Ready to go live mobile websites. Simple installation in 5 minutes. No Databases required. CMS included...</p></blockquote> <p class="imgC"><a href="http://bogothemes.com/box-cube/" title="Photographer"><img src="http://imgs.abduzeedo.com/files/sites_week/templates/hooops.jpg" width="640" height="420" alt="Photographer" /></a></p> <p><br/></br/></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>I'm from Brazil, co-founder of <a href="http://zee.com.br">Zee</a> with Fabio. Nowadays I like to play with Fireworks, Photoshop and improve my skills in CSS. If you wanna request some posts, please feel free to <a href="mailto:fabiano@zee.com.br">contact me</a> or follow on <a href="http://twitter.com/FabianoMe">Twitter</a>.</p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class='author_banner'><script type="text/javascript"><!-- google_ad_client = "ca-pub-7649048507452478"; /* 468x60 */ google_ad_slot = "2984698263"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" /></a><br/> http://abduzeedo.com/sites-week-115#comments iphone sites sites of the week websites Fri, 13 Aug 2010 11:37:33 +0000 fabiano 34362 at http://www.abduzeedo.com.br http://abduzeedo.com/25-great-examples-iphone-optimized-sites <h3>During the weekend I decided to work on the iPhone version of Abduzeedo. Firstly I thought that only a few tweaks in the CSS file would be enough, but it was a bit more complicated than that. However, there are quite a few ways to create a nice iPhone version for your site using services like Mobify.me. In my case, I decided to build a new <a href="http://drupal.org/">Drupal</a> theme from scratch.</h3> <p>Before going straight to the code, I looked for some examples of good sites optimized for the iPhone. A really cool site to use as reference is the <a href="http://cssiphone.com">http://cssiphone.com</a>, it's full of screenshots of the coolest iPhone sites out there. So here's my selection, hope you enjoy it.</p> <p class="imgC"><a href="http://cssiphone.com/site/112"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_omg.png"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/193"><img src="http://abductit.com/files/articles/iphone_sites/3-2009_cosh.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/194"><img src="http://abductit.com/files/articles/iphone_sites/3-2009_farfromfearless.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/186"><img src="http://abductit.com/files/articles/iphone_sites/3-2009_batali.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/172"><img src="http://abductit.com/files/articles/iphone_sites/3-2009_pleasefix.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/150"><img src="http://abductit.com/files/articles/iphone_sites/12-2008_iphonefan.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/141"><img src="http://abductit.com/files/articles/iphone_sites/12-2008_pockettweets.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/145"><img src="http://abductit.com/files/articles/iphone_sites/12-2008_google.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/123"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_flickr.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/114"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_gridgets.png"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/109"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_foxnews.png"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/91"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_mtac.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/84"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_meebo.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/88"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_mobileme.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/95"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_deviantart.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/81"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_dropbox.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/82"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_digg.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/65"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_mixx.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/63"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_viget.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/79"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_facebook.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/62"><img src="http://abductit.com/files/articles/iphone_sites/11-2008_nyt.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/160"><img src="http://abductit.com/files/articles/iphone_sites/1-2009_lastfm.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/190"><img src="http://abductit.com/files/articles/iphone_sites/3-2009_nclud.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/176"><img src="http://abductit.com/files/articles/iphone_sites/3-2009_poshcss.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <p class="imgC"><a href="http://cssiphone.com/site/161"><img src="http://abductit.com/files/articles/iphone_sites/1-2009_nikelab.gif"alt="25 Great Examples of iPhone Optimized Sites" /></a></p> <div class="nodeauthor-info"><h2 class="title">About the author</h2><div class="content"><div class="desc"><p>Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at <a href="http://twitter.com/abduzeedo">@abduzeedo</a> </p> </div><div class="clear"></div></div><h4>Sponsored Links:</h4><div class='author_banner'><script type="text/javascript"><!-- google_ad_client = "ca-pub-7764262396280460"; /* Author 336x280 */ google_ad_slot = "0020356584"; google_ad_width = 336; google_ad_height = 280; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div></div><!--b1229df49e254d558b48cf6a7d7b099a--> <a href="http://book.abduzeedo.com/"><img src="http://imgs.abduzeedo.com/files/misc/abdz-book-banner.jpg" alt="Abduzeedo Inspiration Guide for Designers at Amazon" border="0" /></a><br/> http://abduzeedo.com/25-great-examples-iphone-optimized-sites#comments iphone sites web design Mon, 27 Apr 2009 11:30:13 +0000 abduzeedo 6034 at http://www.abduzeedo.com.br