.design .design

Magie des Internets – Inspirations, tutoriels et ressources – 6

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

.design
.design

Au sommaire :

  • De nombreuses ressources pour le framework Bootstrap,
  • Des études de cas signées Fi,
  • Des kits UI au format PSD à télécharger gratuitement.

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.

thegraphicalweb.com

The graphical Web est une création d’Adobe visant à promouvoir les immenses capacités de l’HTML5 et du CSS3 en matière de Webdesign. Ce site Web met en scène les aptitudes de rendus graphiques du SVG, de la CSS 3D, des custom filters, du blend mode, etc. Pour une expérience optimale, il est conseillé de télécharger Chrome Canary.

The-Quest-for-The-Graphical-Web

Etude de cas par Fi concernant la conception de l’application iPad Broadway

Le studio New-Yorkais Fi nous régale encore avec des magnifiques études de cas. La première est dédiée à l’application iPad signée broadway.com. Outre la performance technique, c’est surtout la présentation des contenus qui est à saluer. Congrat’s!

Broadway-com-iPad-App-Case-Study

Une autre merveilleuse étude de cas par Fi sur le jeu Madden NFL

ux-playbook-A

Montage, framework HTML5

Montage est un framework offrant de nombreuses fonctionnalités natives permettant de concevoir en un clin d’oeil de brillantes applications Web en HTML5. L’UI et la documentation sont très fournies, ce qui laisse entrevoir un beau succès. Le thème est basé sur Skeleton.

Montage---HTML5-framework

Table périodique en CSS 3D avec Three.js

Une belle performance 3D évoquant pour ma part une fameuse série.

three-js-css3d-periodic-table

Flexplorer

Les spécifications Flexbox sont encore à l’état de brouillon pour le W3C. Il est néanmoins possible de tester cette innovation avec Flexplorer. Les flexbox ont été créées pour compléter les manquements des modèles de box CSS actuels. Pour résumer, Les flexbox permettrons de contrôler plus efficacement l’espace occupé et le positionnement des différents blocs d’un document Web sur les devices. Une bonne nouvelle à l’heure de la multiplication des supports. Pour en savoir plus, je vous conseille de lire l’article paru sur Smashing Magazine concernant cette nouvelle spécification CSS3.

CSS3-Flexbox-Explorer

F1 mapp

Suivre en direct une course de formule 1 sur Google Maps est désormais possible.

F1-live-timing-map

Holder.js

Holder est un script permettant de générer des images par défaut directement au sein du navigateur. Vos prochains prototypes d’applications Web n’en seront que plus performants. Pour en savoir plus, consultez notre précédent article présentant Holder.js.

Holder-js---client-side-image-placeholders

Milky UI Kit

Cadeau, un kit UI de toute beauté au format .PSD en téléchargement libre sur Dribbble.

ui-kit

Resume – PSD gratuit

La mise en forme de votre CV vous ennuie ? Alors n’attendez plus pour télécharger gratuitement ce magnifique curriculum vitae au format .PSD.

Resume---Free-PSD

Mock-up iPad Mini Vector gratuit

Pour vos prochaines « propal », soyez à la pointe de l’Apple Attitude grâce à cet iPad Mini en vecto.

iPad_Mini_Vector_Mock-up

Dark Chart UI Kit

Toujours utile comme ressource, un kit UI tout de noir vêtu.

dark_chart_uikit

Frame box0.6

Wireframez rapidement vos projets avec l’outil en ligne Frame Box.

Frame-Box---Lightweight-online-tool-for-creating-mockups

Comment concevoir un thème WordPress responsive avec Bootstrap

L’idée n’est pas nouvelle, mais son auteur a au moins le mérite d’être très pédagogique. Un tutoriel très enrichissant vous montrant pas à pas la fusion de Bootstrap et WordPress.

Bootstrap-from-Twitter

Comparaisons des trois grands frameworks responsive

Si vous êtes indécis(e) dans votre choix d’un framework responsive, ce comparatif sera le bienvenu pour la sélection finale. Il compare les trois grands frameworks responsives du moment, Bootstrap, Foundation et Skeleton. Mon choix a été tranché depuis longtemps, mais à lecture de cet article, le doute s’installe…

Responsive-CSS-Framework-Comparison-Bootstrap-Foundation-Skeleton

Sélecteur de dates Bootstrap

Un plugin très utile pour vos projets tournant avec Bootstrap. Il vous permettra d’implémenter facilement un sélecteur de dates.

boostrap-date-range-picker

Bootmetro, tout l’univers Windows 8 dans un framework

Encore une ressource basée sur le framework Bootstrap. La sortie de Windows 8 provoque pas mal d’agitations sur la toile et on voit éclore ici et là des ressources permettant de reproduire l’environnement Metro. Le Framework BootMetro est un outil complet avec une très bonne finition UI.

BootMetro

Bootsnipp, la bibliothèque de référence pour Bootstrap

Retrouvez sur Bootsnipp de nombreux codes prêts à l’emploi pour vos projets réalisés avec Bootstrap.

Gallery-of-free-HTML-snippets-for-Twitter-Bootstrap-Bootsnipp-com

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

Pixels à explorer