.design .design

Magie des Internets – Inspirations, tutoriels et ressources – 2

Chaque semaine, un condensé d'articles, de ressources et diverses trouvailles glanées aux quatre coins des Internets.

.design
.design

Si vous souhaitez recevoir quotidiennement votre part du butin, n’hésitez pas à nous suivre sur Twitter et sur Facebook ou à vous abonner à notre flux RSS.

BigVideo.js

BigVideo-js

Bigvideo.js est un plugin jQuery merveilleux : il vous permet d’insérer en quelques minutes des backgrounds vidéo de toute beauté. Il est également compatible avec les images. Une petite pépite du Web !

Html5.validator.nu

Validator-nu-XHTML5-Validator

Contrôlez votre syntaxe HTML5 avec HTML5 validator. Entrez l’URL de la page à valider dans le champ « document » et validez le formulaire. Voilà. Une version (X)HTML est disponible à cette adresse : validator.nu

HTML5 Outliner

HTML-5-Outliner

Contrôlez la structure sémantique de vos headings avec HTML5 Outliner. Cet outil offre un résultat visuel de la hiérarchisation de vos headings au sein d’une syntaxe HTML5. A bookmarker absolument afin de vous assurer de toujours utiliser correctement les headings. Une règle d’or pour promouvoir l’accessibilité des applications Web. En gros, c’est la base.

Ideal Forms

Idealforms

Ideal Forms est un framework HMTL5 pour concevoir et valider vos formulaires HTML5.

Web design références

Web-Design-References-Navigation-Labeling

Si vous ne savez pas quoi faire pour le week-end qui s’annonce, j’ai le programme qu’il vous faut. Des dizaines d’articles abordant les problématiques liées à l’architecture de l’information (Navigation, taxinomies, etc).

Email et responsive design

Responsive-Email-Design-Campaign-Monitor

Un guide sur la conception d’emailings responsives par la société Campaign Monitor, éditrice du client de routage du même nom. Vous découvrirez une myriade de conseils et de bonnes pratiques pour vos futurs templates mail responsives.

Etude de cas : conception d’une application Web responsive

Responsive-Design-case-study-built-by-Boon

Un retour d’expérience fort enrichissant sur le déroulement d’un projet Web responsive.

40 ressources pour les chefs de projets et Webdesigners

40-ressources-gestion-de-projet-et-webdesign

Si les articles de l’université du Minnesota ne vous suffisent pas pour ce week-end, checker cet article de l’excellent blog www.patricealbertus.net. Une mine d’informations pour la gestion de projet et la production d’applications Web.

Baseline.js

Baseline-js-Vertical-rhythm-made-easy

Je ne sais pas si vous avez déjà utilisé une grille afin d’avoir le contrôle sur le rythme vertical de votre page, mais cette « aventure » peut se révéler périlleuse.

Imaginez vous une belle ligne de base à 1.5em par exemple. Tout fonctionne parfaitement, jusqu’à l’insertion fatidique d’une image ne respectant pas votre ligne de base. Baseline intervient à ce moment précis en adaptant la hauteur de l’image à la ligne de base prédéfinie. Vous pouvez ainsi continuer tranquillement l’intégration de vos styles typographiques sans vous souciez des tailles d’images.

Contest Smashing Magazine : redesign the Web - redesign the World

RadomirKupfer-RedesigntheWeb-prev

Un des nombreux contest de design organisé par Smashing Magazine. Le thème : le Web, le Monde. Tout un programme.

Mapbox.com

Design-MapBox

MapBox est une plateforme d’édition et de publication de cartes interactives. Vous avez le contrôle sur tous les aspects géographiques, graphiques et bien sûr techniques via la mise à disposition d’une API. Le tout en Open Source.

Themescroller.com

Themescroller-com-A-better-way-to-find-wordpress-themes

Vous ne souhaitez pas écumer les milles et une plateformes de thèmes WordPress. Themes Scroller met à votre disposition sa sélection de thèmes gratuits et premium via une interface simple, dotée d’un système de filtrage complet. Un gain de temps assuré.

Vidéo HTML5 responsive

Responsive-HTML5-video-Ian-Devlin

Un « témoignage » concernant l’intégration de la balise <video> dans un environnement responsive.

Meer.li

MeerliFeatured

Meerli, un showcase d’applications mobiles. Découvrez ou redécouvrez les designs tendances de l’univers mobile.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer