UI Guidelines for mobile and tablet web app design

20 Stunning Examples of Web Designs build around a Photo The right image in the right spot can say more than thousands words, don’t you agree? Using a photo as a key element of web design can give your website an added visual element, as well as depth and space. It is certainly not every photo that will work, but generally if you find one that support the message you are trying to communicate the result can be really great. Using photos as a dominating part of the web design itself is typically seen in photography website templates and many are build on WordPress these days. While large photos can be great for setting the scene and generating the right atmosphere it can be a problem to load times. Advertisement 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. elettro.luce 11. 12. fix outlook 13. bressane 15. 16. 17. chopin2010 18. 19. 1md 20. hdqt Please leave a comment if you know some great web sites where photos are dominating the design. Author : Dustin Betonio Dustin Betonio is a Translation Management graduate at University of Mindanao.

Effective Design for Multiple Screen Sizes So you’re a designer and have been tasked with the design of a mobile web site. Chances are, unless you’re designing for only one device you’re quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for. For instance: The iPhone is 320 pixels wide by 480 pixels high.Many Nokia N-Series devices are 240 pixels wide by 320 pixels high.Newer devices often support a landscape mode where the width and height are spontaneously reversed.Older (yet still popular) Nokia devices have displays ranging from 176 by 208 pixels up to 352 by 416 pixels.Blackberry screen resolutions range anywhere from 160 x 160 pixels all the way up to 324 x 352 pixels. This article is intended to help you develop effective design strategies to target a diverse range of mobile devices and screen sizes. Expect and manage diversity But wait, things may not be as bad as they first appear. The ‘Problem With Pixels’

NewsWare Apps | Spectra | msnbc.com Spectra Spectra merges the news spectrum and the color spectrum into an expansive news viewing experience. With comprehensive live news coverage, striking design, complete customization, dynamic browsing, human body interaction and many other unique features, Spectra brings A Fuller Spectrum of News to life in our most immersive extension yet. Select msnbc.com topics fromthe news channel palette. Use your webcamfor human interaction. Apps & Games Podcasts Podcast Gallery Dispatch Feeds RSS Channel Directory Radder Latest headlines Tenn. plane crash devastates Kansas ranching family The hero pilot of the light plane that crashed in Nashville, Tenn., was a prominent Kansas rancher on his way to the nation's largest cattle industry trade show, authorities said Tuesday. 4 killed in Tenn. crash; pilot avoided building Olympic construction leaves Sochi residents in the cold 2013 a record year for exonerations of prisoners Avalanche-choked road into Alaska town to reopen Multimedia Nightly News Video Topics Autos

Seven Great Tools to Create Mobile Version of a Website | TechWench.com 1. Mobify Mobify is a web-based service that you can use to convert your blog to a mobile site. With Mobify free version, you have the ability to optimize and design your site for thousands of mobile phones. You can also choose a custom domain for your mobile site and install a plugin in your blog that automatically redirects visitors to the mobile version when they’re using their phones to reach your site. By switching to paid subscription (from $ 249/month) you get an advanced analytics for the mobile site, a custom branding feature and no 3rd party advertising. 2. MoFuse is an online service that lets you convert your site to a mobile site. 3. MobiSiteGalore is a web-based service that lets you create a mobile version based on your blog. 4. DotMobi Instant Mobilizer is a mobile site builder that allows you to optimize your blog content to be viewed on a mobile phone. 5. WireNode is a free converter to create mobile sites from your blog. 6. 7.

Web Designs that Use Textures Beautifully Using textures in a web design gives it a unique look that roughens the sharpness and crispness that you can find in most other site designs. When used properly, the results of utilizing textures in a web layout can be stunning. This collection follows up on a collection posted last year called "30 Beautifully Textured Web Designs" (which you should check out if you haven’t already) with even more web designs that use textures masterfully. Dan Conaway Vegas Uncork’d Aussie BBQ Legends Team Fannypack Ministério de Artes Freedom Mother Earth Brewing Steve Mullen Creative Tyler Gaw Campus Vida Mom & Popcorn Occasions By Elizabeth Coopers Kids nykevanwyk Kiwi Sibling Rivalry Revive Africa The Crazy Love Campaign Matt Salik Paloma Films Zach Hendricks Merge icebolt.info Tori’s Eye The Blizzards Design Embraced Skiptracers Movie Story Pixel Last Letter Mutt Ink Related Content About the Author Jacob Gube is the Founder and Chief Editor of Six Revisions.

Welcome to dotMobi | dotMobi Functioning Form - Interface Design Blog (Weblog) Digital Agencies of the Future Showcasing the mobile websites of some of my favorite agencies (seriously) The Digital Agencies of the Future! iPhone screen grabs taken while researching mobile/touch web sites before designing If you'd like me to add a link to an updated site, let me know. Ghosted screengrabs will remain to remind us of when the mobile web was new and underestimated. Updated! 1st Place / Updated! Updated!