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

Chaque mois, des dizaines de contenus gratuits sont partagés par des personnes très généreuses de la communauté des concepteurs et des développeurs Web. il est presque impossible de suivre toutes ces nouvelles choses. Néanmoins, ne vous inquiétez pas; dans ce post nous avons sélectionné 10 'trucs' utiles allant des extraits de code aux outils, des frameworks aux plugins pour faciliter votre travail et votre vie en tant que concepteurs et développeurs Web.

Vérifions-les.

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

• Octobre 2012
• Novembre 2012
• Décembre 2012

CSSS

CSSS qui signifie "CSS-based SlideShow System" est un framework créé par Lea Verou (connu comme le gourou CSS). En substance, ce cadre vous permet de créer des diapositives de présentation avec les normes Web HTML et CSS. Ce diaporama prend en charge les raccourcis clavier tels que ←, →, ↓ et ↑ pour parcourir les diapositives.

Si vous utilisez CSS et HTML, je pense que ce framework est un (meilleur) substitut pour les logiciels coûteux tels que MS PowerPoint.

BonsaiJS

Bonsai est une bibliothèque graphique JavaScript légère avec une API intuitive. Nous pouvons utiliser cette bibliothèque pour dessiner des formes simples telles qu'un rectangle, un triangle, un cercle ou un graphique d'une complexité profonde. Cette bibliothèque peut également être utilisée comme solution de secours pour fournir un rendu SVG (Scalable Vector Graphic) dans des navigateurs non pris en charge..

En outre, Bonsai fournit également quelques fonctionnalités, notamment Animation, Evénement et Filtres, pour rendre ces graphiques plus interactifs..

Modèle réactif

Les modèles réactifs sont un ensemble de modèles que vous pouvez utiliser pour créer un site Web réactif. Cette collection comprend des exemples de mise en page et de navigation réactives avec quelques autres modèles réactifs de composants Web courants tels que des images, des vidéos, des tableaux et des formulaires..

Effin Toolsets

C'est probablement tout ce dont vous avez besoin pour développer votre site web. Effin Toolsets est une collection d'une douzaine d'outils utiles pour les développeurs Web, tous regroupés au même endroit..

L’un des outils de cette collection que j’ai personnellement trouvé extrêmement utile est la Entifier, cet outil va changer ces personnages, < et >, dans leur code HTML afin que votre extrait de code rende correctement à l'intérieur du

 étiquette.
 
 
Susy
 
Susy est une grille réactive pour Compass. Comme tout autre framework de grille responsive, il se compose de plusieurs styles prédéfinis, mais comme il est construit avec Sass et Compass, ce framework est beaucoup plus configurable..
 
Susy vous permet de personnaliser le numéro de colonne, la largeur de colonne, la gouttière et le remplissage de la grille, ce qui en fait votre propre grille qui correspond à votre site Web. Susy fera tout le travail difficile: calcul. Si vous êtes un super-geek qui aime travailler avec Sass et Compass, cette extension est faite pour vous..
 
 
Navigation déroulante infinie
 
Un menu déroulant est un composant commun que nous avons trouvé sur un site Web. Cependant, créer un menu déroulant n'est pas aussi facile qu'il y paraît. Harry Roberts de CSS Wizardry, heureusement, a partagé son “code magique” créer un menu déroulant infini (ce qui est génial).
 
 
Bourbon Neat
 
Neat est un cadre de grille réactif qui vous permet de gérer facilement un site Web réactif. Il est construit sur Sass et Bourbon, une collection de mixins utiles pour Sass. Ce framework est un bijou Ruby, il peut être installé via un terminal ou une invite de commande avec cette ligne de commande bijou installer soigné.
 
 
Typicons
 
Il n'y en aura pas assez pour les icônes. Les typicons sont un ensemble d'icônes de polices composées d'environ 88 caractères. Vous pouvez ajouter ces icônes via @ font-face règlez-les et appliquez-les à votre site Web avec les pseudo-éléments CSS ou intégrez-les directement avec leur caractère HTML.
 
En utilisant Webfont pour livrer vos icônes, vous pouvez avoir les avantages de ne pas avoir besoin de déployer un sprite CSS ni d'ajuster la position de l'arrière-plan pour afficher les icônes, ainsi qu'un écran haute résolution est prêt à réduire techniquement les requêtes HTTP et à utiliser une bande passante inférieure aux icônes bitmap..
 
 
Annotateur
 
Cette bibliothèque vous permet d’ajouter des commentaires, des balises et des balises au contenu de votre site Web. AnnotateIt vous permet de stocker vos annotations gratuitement..
 
 
Aéroport
 
Lorsque vous serez à l’aéroport, vous verrez le tableau d’information de vol sur lequel est affiché un texte. Avec ce plugin jQuery, Airport, nous pouvons créer le même effet de texte filpping.
 
 
Conclusion
 
C'est tout pour ce mois. Avez-vous essayé l'une de ces choses? Lequel est ton préféré? Avez-vous trouvé d'autres éléments intéressants pour les concepteurs / développeurs Web que nous avions manqués dans cette liste??.
 
N'hésitez pas à les partager dans la boîte de commentaire ci-dessous, et nous aimerions entendre vos pensées aussi.