Webdesign

TwitterFacebook
Get flash to fully experience Pearltrees
http://skytechgeek.com/2011/11/html5-frameworks-and-useful-apps-for-mobile-web-development/ During the past two years the acceleration of touch screen devices such as iOS or Android based platforms has compelled developers and web designers to rethink the structure of their own webapps for the new “touch experience” introduced by the iPhone in 2007. Mobile web apps offer abundant advantages over native apps; and although they may encounter some design, development and deployment challenges, they are a powerful cross platform, scalable and an affordable solution. Mobile apps are all the rage, and there are a myriad of start-ups aimed towards the iPad, and countless entrepreneurs are busy hacking together the next killer iPhone app. Basically, every big company has released an app of some type. With the ever increasing introduction of Android phones, developers are competing to port their software and it seems that the innovative possibilities behind them are endless and only limited to the imagination.

HTML5 Frameworks and Useful Apps for Mobile Web Development

HTML5 is a new language for structuring and presenting content on the web. It boasts many great features that make incorporating video, audio, fonts, drag & drop, web graphics & animations into your web pages very easy. HTML5 is backwards compatible so don’t worry about your old designs in HTML 4 or XHML1 they will look just the same as they used to! HTML5 is all over the web already and experts are enhancing it everyday to provide Web Designers & Developers with amazing new features. So here are 10 Awesome Online HTML5 Tools For Web Designers that can prove to be really helpful for all the web designers. Check them out. http://smashinghub.com/10-online-html5-tools-for-designers.htm

10 Best Online HTML5 Tools For Designers

http://mashable.com/2011/09/12/website-usability-tips/

7 Best Practices for Improving Your Website's Usability

The Web Design Usability Series is supported by join.me , an easy way to instantly share your screen with anyone. join.me lets you collaborate on-the-fly, put your heads together super-fast and even just show off. Writing content for web users has its challenges. Chief among them is the ease with which your content is read and understood by your visitors (i.e. its readability ). When your content is highly readable, your audience is able to quickly digest the information you share with them — a worthy goal to have for your website, whether you run a blog, an e-store or your company's domain. Below are a handful of dead-simple tips and techniques for enhancing the usability and readability of your website's content. These tips are based on research findings and suggestions by well-regarded usability experts such as Jakob Nielsen .
Case Study: Huffington Post-Reinventing the "Big News" Experience with IE9 Pinned Sites Summary: The Huffington Post is a leading social news and opinion site-"The Internet Newspaper." HuffPost covers it all-politics, media, business, entertainment, living, style, sustainable "green" living, world news, technology, nonprofits, college life, books, education, religion, travel, arts, food, and comedy, and it's a top destination for news, blogs, and original content. The site reaches more than 26M unique visitors monthly. HuffPost wants to serve their readers relevant and timely "Big News" and encourage engagement with comments and social posts. http://html5center.sourceforge.net/huffington-post-reinventing-the-big-news-experience-with-ie9-pinned-sites

Case Study: Huffington Post | the HTML5 Center

This post put together some handy creative Adobe Illustrator Tutorials, mostly about retro poster style. Check out new tricks that you can learn and apply it to your own designs. These tutorials are the best from great sites such us Digital Arts online, Veerle’s blog, Vectortuts+, Vectips, Pixel 77, Computer Arts magazine and GoMediaZine. Hope you like it!!! Create Retro Poster Art | Digital Arts online http://phirebase.com/blog/10-creative-adobe-illustrator-tutorials/

10 Creative Adobe Illustrator Tutorials | Phire Base - Graphic, Webdesign, Inspiration. Adobe & WP

http://blog.kissmetrics.com/landing-page-design/ Have you ever pulled up a landing page that made you want to gag? Probably more than once, right? When it comes to designing landing pages, most people seem to believe ugly converts better. If it doesn’t have a gigantic red headline, lots of yellow highlights, and a blinking “BUY NOW!”

5 Beautiful Landing Pages That Prove Great Design Still Sells

http://mashable.com/2011/10/06/mashable-jobs-oct6-2/

Find a Job in Social Media, Communications or Design

If you're seeking a job in social media, we'd like to help out.
http://webdesign.tutsplus.com/articles/general/designing-with-tablets-in-mind-six-tips-to-remember/

Designing With Tablets in Mind: Six Tips to Remember

Today I’m going to recap some concrete considerations you should make in order to make sure your web design is optimized for use on a touch-based tablet. In March, I wrote an article entitled How the iPad (and Tablets) Are Driving a New Age of Web Design . In that article, I looked at the iPad – a platform I’d been using on a daily basis for about ten months – and how it had changed the considerations of the modern web designer. With the rise in tablets (or, rather, the rise of the iPad), touch inputs are being used much more often when browsing the web.
Here on WDL, we’ve discussed how colors can be used to invoke various emotions. For example, the color red symbolizes excitement and energy, while the more tranquil color blue represents calmness and stability. Here we’ve gathered a collection of web designs that make good use of color. In these examples you’ll notice some using color to highlight and draw attention to specific elements, while others use larger amounts of color to set the over all tone of the site. Nevertheless, there’s plenty of color usage here to inspire you.

27 Examples of Color Usage in Web Design

http://webdesignledger.com/inspiration/27-examples-of-color-usage-in-web-design

Design Inspiration: 7 Galleries of Excellent Ecommerce Sites

This post originally appeared on the American Express OPEN Forum , where Mashable regularly contributes articles about leveraging social media and technology in small business. Have you ever contemplated the expansion of your small business through the launch of an online store? The first phases of any new venture, big or small, is to generate initial ideas and scope out what's already out there. Having a good vision of your soon-to-be e-store at hand will help you communicate better with your designer. Knowing what's possible will also allow you to determine your desired outcomes. http://mashable.com/2011/09/24/ecommerce-web-design/
by Ginet Vincent - le 13/09/2011 Aujourd'hui le BlogDuWebdesign s'intéresse aux web design autour des présentations d'applications mobiles. Le lancement d'une application mobile ne demande pas forcément de page web dédiée à celle-ci, mais certaines applications sortent le grand jeu avec des pages soignées et efficaces.

20 webdesign efficaces pour présenter une application mobile - webdesign-inspiration

21 Fresh Examples of CSS Web Design from 2011

Advertisement Creativity has no boundaries. Designers are looking attractive and decent ideas for their clients. As a designer 2010 and 2011 has been rich on creative, beautiful and unusual design concepts. This showcase is all about creative and fresh design taken from different designer’s sites.

25 raisons pour lesquelles on va quitter votre site en 10 secondes | Alekseo

Qu’est-ce qui motive les gens appuyer sur le bouton «en arrière» lors de la visite de votre site? Pourquoi s’en vont-ils si vite et quelles démarches peut-on entreprendre dans ce cas-là pour les retenir? Ci-dessous je voudrais vous proposer la traduction d’un excellent article de Chris Lake dans son blog Econsultancy.com. Quelques-uns des propos de Chris peuvent paraître assez fortes, pourtant il a bien démontré l’attitude d’un utilisateur ordinaire en face de certains nuances de sites web. Alors, voici 25 raisons qui feront Chris Lake quitter votre site lors des premières 10 secondes de sa visite .

Une feuille de styles de base pour le Web mobile - Journal du Net Développeurs

Tour d'horizon de quelques solutions offertes par CSS pour adapter une présentation Web existante aux smartphones : iPhone, Android, Blackberry... Parce que faire un site Web pour terminal mobile, ce n'est pas fixer sa largeur à 320 pixels ou proposer une version iPhone uniquement, je vous propose un tour d'horizon de quelques solutions offertes par CSS pour adapter une présentation existante aux mobinautes : gérer la largeur, redimensionner les éléments, passer à une seule colonne, gérer les débordements, supprimer le superflu, adapter les liens et les tailles de polices selon l'orientation. Lire la 1ère étape : fixer le Viewport Suivant > <p style="text-align:right;color:#A8A8A8"></p>

L’outil pour définir ses personas E-commerce

L'outil pour définir ses personas E-commerce Vous êtes un professionnel du web, et utilisez la méthode des Personas pour soigner l’expérience utilisateur de vos interfaces et conduire des projets orientés utilisateurs? Cet article vous propose de bénéficier d’un outil “type” pour définir vos personas en E-commerce.
Design Tutorials and Templates

images gratuites