Nouvelles ressources pour les concepteurs et les développeurs Web (novembre 2012)

Il existe un certain nombre de nouveaux outils et ressources exceptionnels destinés à donner aux concepteurs et aux développeurs Web un atout supplémentaire pour leur travail. Ce mois-ci, nous avons de très bons outils et ressources gratuits Digne de l'essayer, à partir d'un plugin pour créer des effets photo sympas vers un plugin pour le contenu et les glissades d'images avec une transition vraiment cool.

Alors, vérifions-les.

Découvrez toutes nos nouvelles ressources (selon le mois):

Proto

La conception Web réactive devient maintenant la pratique standard dans la création d'un site Web. Cela fait ce outil vraiment utile pour faire le travail. Proto s'appuie sur SCSS pour le prototypage rapide d'une maquette réactive en fournissant des classes CSS prédéfinies prêtes à l'emploi, définissant la grille réactive et certaines classes spécifiques à l'appareil..

Afficheur de grille

Si vous travaillez avec des infrastructures Responsive Design telles que Bootstrap ou Foundation, vous aurez probablement besoin de ce bookmarklet pour garder une trace de la grille dans le navigateur. Cet outil affiche une grille de superposition sur la page Web que vous consultez. C'est très pratique, glissez-le simplement dans votre barre de favoris. Il suffit de cliquer sur le bookmarklet chaque fois que vous avez besoin de grilles à afficher..

BootMetro

Windows 8 applique la simplicité du langage de conception Metro. Si vous souhaitez adopter ce style sur votre site Web, BootMetro est probablement ce dont vous avez besoin..

Underscores

Il existe de nombreux thèmes de démarrage WordPress disponibles sur Internet, mais aucun autre n’est aussi performant que Underscores. Avec celui-ci, vous pouvez spécifier et personnaliser le nom du thème, la description, l'auteur et plus particulièrement le slug du thème, qui s'applique à la fonction de thème une fois que vous avez téléchargé le package. Vous obtiendrez ainsi quelque chose comme: theme_slug_function.

Jarallax

Vous aimez l'effet de parallaxe que vous voyez dans des sites Web comme celui-ci? Si vous souhaitez appliquer un effet similaire à votre site Web, vous pouvez utiliser Jarallax, une bibliothèque d'animations JavaScript pour créer l'effet Parallax (en très peu de temps)..

Venteux

Êtes-vous ennuyé par les effets de glissement de la galerie qui ne se déplace que horizontalement? Ensuite, jetez un œil à Windy, qui utilise la transformation 3D pour exécuter le contenu d’une manière véritablement unique. Voir la démo ici.

TiltShift

En bref, l'inclinaison en photographie est une technique permettant de rendre une photo plus petite, presque miniature. Consultez notre collection de telles photos dans ce post: “Photographie Tilt-Shift”. Si vous souhaitez appliquer un tel effet à votre galerie de photos, vous pouvez simplement utiliser cette bibliothèque JavaScript, TiltShift.js.

Séquence

Sequence.js est un plugin de curseur jQuery Responsive avec des effets de transition avancés. Contrairement à l’autre curseur, Sequence n’a pas son propre thème intégré. Ainsi, nous pouvons complètement personnaliser l'apparence pour correspondre à notre site Web.

Delta

jQuery UI est un ensemble complet d’interfaces utilisateur Web communes et d’interaction facile à utiliser. Cependant, le thème par défaut est ennuyeux. Donc, si vous voulez avoir une apparence différente pour jQuery UI, mais ne voulez pas vous salir les mains avec CSS, vous pouvez simplement remplacer les styles CSS par défaut par Delta, un thème astucieux pour jQuery UI.