UICloud - User Interface Design Search Engine, UI, UX, GUI, Inspiration, Resources, Elements, User Experience, Free Downloads, Freebies (1)

Besoin d’inspiration pour un design d’interface web ?

Lors du design d’application, site mobile ou encore site internet, l’ergonomie et l’aspect visuel est un point très important.

Pour imaginer tout type d’élément d’interface, vous pouvez utiliser le moteur UI Cloud, qui vous permet de chercher dans une base de données impressionnante d’exemples comme un style formulaire, de boutons, de navigation, etc.

 

Vous pouvez aussi naviguer par catégories, http://ui-cloud.com/categories/ , c’est à dire par:

– plateforme ( Apple, Android, Métro)
– type de fichiers (psd, jquery, vectoriel, html5, css3)
– type d’éléments (bouton, calendrirer, checkbox)
– Couleurs (si votre interface est plutot noire, rouge, etc)

UICloud - User Interface Design Categories

 

Ink : Un framework CSS pour des emails responsive

Aujourd’hui, les emails peuvent être lus sur un desktop, sur une tablette ou depuis un smartphone. Pour les sites webs, plusieurs frameworks ont été créés et permettent de répondre à ce besoin (comme par exemple Bootstrap ou Foundation), mais pour les mails différentes techniques existaient à droite à gauche.

Les créateurs de Foundation, Zurb, ont réalisé Ink, qui permet de créer rapidement et rapidement la création d’emails html responsive qui s’affichent bien quel que soit le lecteur de mail et le média utilisé. (Et oui même Outlook !)

Ce framework intègre les différents styles pour une mise en page grid, des boutons, des panels, les images rétina (merci Apple !), des templates d’emails utilisables out of the box,  et bien d’autres. Tout est trèèèès bien expliqué dans la documentation

Du fait que ce soit réalisé par ZURB, si vous êtes habitués à Foundation, vous n’allez pas être dépaysés.

Une fois l’email prêt, vous pouvez utiliser « Inliner » qui permet de prendre vos styles css et de les mettre à l’intérieur des balises.

Cliquez ici pour voir le site de INK

La folle journée, ou les fourberies d’un projet web en agence

Le Paris web 2013 a débuté par un petit sketch inspiré des péripéties d’un projet dans une agence web. De l’intégrateur qui peste contre la maquette graphique immontable, au client qui veut un formulaire « en forme de cigare » avec un « reset qui se déclenche au rollover », en passant par l’emploi de stagiaires, tout y passe !

Certaines des allusions sont à peine exagérées, et faites très attention aux détails, comme les noms des doccuments (« maquette_final_v16_NEW_def2_def_modif.psd »)

C’est à mourir de rire !

La folle journée, ou les fourberies d’un projet from Paris-Web on Vimeo.

Enquête-CMS_livre_blanc_big

Livre blanc : Les CMS open source dans les entreprises françaises

Retrouvez l’ensemble des résultats de l’enquête Smile 2013 sur la pénétration, les usages et les appréciations des CMS open source dans les entreprises françaises dans le nouveau livre blanc.
Découvrez les réponses de plus de 1300 participants aux 20 questions posées sur 20 CMS open source emblématiques.

Les résultats sont présentés sous différents angles : observation de l’échantillon, différences segment par segment (taille de l’entreprise, pouvoir de décision, profil des répondants), évolutions par rapport à l’enquête 2012.
Les grandes tendances du livre blanc :
-La confirmation que Drupal, Joomla, WordPress, les trois leaders des CMS tous publics, ont pénétré le monde de l’entreprise,
– Un marché mature : des décideurs attentifs aux fondamentaux de la gestion de contenu, des contributeurs en demande de plus d’autonomie,
– Des attentes fortes et des perspectives d’évolutions positives.

Cliquez ici pour télécharger leLivre Blanc (pdf 2 Mo)

Redirection en javascript vers la version mobile d’un site internet

Voici un petit bout de code bien sympathique afin de rediriger directement vers un version mobile d’un site.
On pose un cookie pour ne pas ré effectuer la même opération à chaque recalcul de page, et on ne lance la redirection que si le user-agent correspond à un mobile !

 

Capture d’écran 2012-12-12 à 15.12.36

Donner des informations à Google sur les données structurées de son site sans retoucher au code

Afin de fournir des informations sur les données structurées, on est généralement obligé de passer par des normes de code comme les microformats ou RDFa.

Ceci permet de fournir en plus des informations, des informations sur la structure de ces données (des commentaires, des notes, des avis, etc). Ces données peuvent être incluses dans les résultats de recherche, par exemple je l’ai mis en place pour les commentaires  ainsi que pour les avis d’un site de restaurants en Martinique. Lors d’un recherche, les éléments structurés en micro format apparaissent sur la page de résultat :

Capture d’écran 2012-12-12 à 15.14.46

Google, via un outil de son webmaster tools, permet désormais de donner également ce type d’information dans la structure d’une page sans avoir à formaliser son code ou à retoucher au code source.

Capture d’écran 2012-12-12 à 15.12.36

selon la vidéo, il suffit de sélectionner un élément et de donner plus d’informations. Le système semble assez intuitif et assez malin pour comprendre que cette structure se retrouvent sur d’autres pages du site, et même pour aut détecter certains éléments.

 

Source : http://techcrunch.com/2012/12/12/google-data-highlighter