RATCHETUn projet qui va faire pas mal de bruit... Ratchet est un framework proposant des ressources html, css et js pour créer des sites "like app" pour Iphone. Les auteurs travaillent ou ont travaillé chez Twitter : Dave Gamache, Connor Sears, et Jacob Thornton (@fat, auteur également de Twitter Bootstrap)
Les composants disponibles :
Sticky bar Listes Boutons Segmented controller (tabs) Formulaires Boutons toggle Popover Slider Push.js pour des pages en ajax et gérant l'historique
source : Ratchet
IcoMoon
Cette application ultra puissante permet de créer une police d'icônes personnalisée à partir d'un catalogue de polices gratuites ou à partir de vos propres icones que vous pouvez télécharger; plus besoin d'utiliser une police dont seuls quelques caractères sont utilisés. Chaque icône est modifiable via un éditeur en ligne.
Côté intégration, c'est très simple :
<span aria-hidden="true" class="icon-cart"></span>ou
<div class="fs1" aria-hidden="true" data-icon="panier"></div>L'intérêt des polices d'icônes est d'avoir un jeu d'icônes léger dont la taille est facilement modifiable. Un autre outil du même genre : Fontellops : c'est compatible ie7.
source : Icomoon
Liffect effect Des effets sympas pour afficher en séquence les élements d'une liste avec du CSS3 et du jquery
source : liffect
Pods framework Un thème framework Wordpress pour créer facilement différents types de contenu. Des tutos sont disponibles ici : Mondaybynoon.com et sur le site officiel.
source : Pods Framework
Jster.net Plus de 800 ressources javascript classées par thème : multimédia, UI...
source : Jster
Jpanel Menu Un plugin Jquery pour un menu avec effet panel. utile pour le responsive, c'est le même effet que l'off canvas layout (www.zurb.com/playground/off-canvas-layouts)
source : Jpanel
Js url Un plugin Jquery très léger pour parser simplement les urls.
source : Jsurl
BootboxUne ressource pour Twitter Bootstrap pour remplacer les boite de dialogue de votre navigateur (alert, confirm...). Ce plugin propose pas mal d'options.
source : Bootbox
Inspiration (Behance)Pour terminer, voici une petite sélection de beaux sites (surtout e-commerce) à venir ou en ligne chinés sur Behance. Mon préféré : Leylines.
source : Behance inspiration