Elle est inspiré de la galerie dans les pages produits de Sony (qui est réalisé en Flash).

Une fois qu'un élément est affiché au premier plan, il est possible de parcourir d'autres avec des boutons précédent-suivant ou via le clavier.

Le retour à la vue de la grille est possible avec un clic et, aussi, une option fullscreen existe (utilise HTML5 API Fullscreen).

La théorie est d'oublier tous les modèles standards (MVC, MVP et autres MVVM) de simplifier les intervenants (humains et machines) et de les remplacer par des fonctions.

Si on considère la machine et l'utilisateur comme des simples fonctions, les paramètres d'entrée de l'une sont générées avec les résultats de l'autre et ainsi de suite. Cela forme un cycle.

Comme il est distribué sous licence MIT, vous pouvez l'utiliser ou le modifier pour vos besoins personnels ou professionnels et participer à son developpement

Tout d'abord, il utilise le balisage HTML5/CSS3 et fonctionne bien avec des configurations sensibles (en option).

Il peut utiliser Sass ou CSS et a de multiples options et effets de transition.

La gallerie peut être configurée pour afficher les images automatiquement, et également afficher des légendes et possède deux contrôles de navigation (précédent/suivant).

Il est fourni avec des fonctions pour gérer des événements majeurs, de multiples exemples et une documentation détaillée est fournie.

AudioPlayer.js est un plugin jQuery qui permet d'ajouter simplement un lecteur audio HTML5 à n'importe quelle page Web.

L'interface du lecteur est agréable (il n'utilise pas d'images), a une mise en page souple et support les commandes tactiles.

Il présente les principales commandes (lecture / pause, volume et durée) et ne pèse que 4kb.

Scrolld est une autre alternative qui permet la personnalisation du défilement.

Il est concentré sur la perfection du défilement pixel par pixel aussi bien pour les sites webs standard que pour les sites réactifs. Une version pour les mobiles est également proposée.

Par le nombre fonctionnalités intégrées et des options comme "la vitesse, la distance à partir d'éléments et plus" permet de gérer facilement les défilements.

Il présente l'avantage de ne pas utiliser un reset CSS (de sorte que vous pouvez utiliser votre propre) et il y a des règles pour l'affichage des images et de la vidéo.

En outre, il y a un "how-to" sur le site de 34Grid pour l'intlgration des widgets sociaux qui peuvent être très utiles.

34Grid est entièrement personnalisable. Nous pouvons définir le nombre de colonnes maximum, l'espace entre deux colonnes, l'espace entre deux lignes et les transitions entre les colonnes.

Une fois les options personnalisées sont sélectionnées, il est possible de voir un tableau de résultats et de télécharger le fichiers au format zip qui est utilisable tel quel.

 

Il nous permet d'insérer des éléments, leur style (couleur, opacité), ajouter du texte et également redimensionner si on le souhaite.

Ces éléments peuvent être repositionnées avec un glissé/déposé et le travail peuvent être sauvegardés pour une réutilisation ultérieure.

L'outil se concentre sur les modèles réactif que nous pouvons définir plusieurs tailles de fenêtres et de décider comment chaque élément se positionnera selon l'affichage.

Ce travail de positionnement et de redimensionnement de chaque élément selon l'affichage simplifie le partage des "idées réactives" et permet d'avoir une maquette ou un modèle de travail.

Les contenus sont affichés de manière fluide, horizontal ou vertical, et le plugin simplifir la navigation.

Il utilise les transitions CSS3 ce qui ne nuit pas à la vitesse d'affichage, fonctionne bien avec des affichage réactifs et donc est idéal pour une visualisation sur  navigateur mobile.

Le plugin a beaucoup d'options de personnalisation, est prêt à utiliser les contrôles standards pour la navigation (flèche, mouvement ..) et peut charger les contenu au travers d'Ajax.

Il est livré avec des styles personnalisés tels que les rubriques, les tables, les formulaires, les blocs de citation etc...

Il est proposé avec une largeur de 960 Pixels (max) et une grille de 12 colonnes, afin d'être utile pour les écrans d'appareils de lecture éléctronique.

Les règles CSS sont bien commentéês et prend en charge tous les principaux navigateurs (y compris Internet Explorer version 7).

Il existe des solutions assez standard pour les éléments et composants tels que des images, la vidéo, la typographie, la navigation, etc

Cependant, quand il s'agit de menus à plusieurs niveaux, les choses peuvent se compliquer car il devient difficile de permettre à l'utilisateur de naviguer aussi librement dans un espace limité que sur un ordinateur.

slimMenu est un plugin jQuery qui résout simplement ce problème.

Il convertit une liste non ordonnée avec n'importe quelle profondeur en un menu et sous-menus sur une colonne pour les tablettes et, pour les petits écrans, le menu se transforme en un bouton d'ouverture de la navigation.

Il réagit au toucher et dispose de plusieurs options de personnalisation comme l'animation ou sa vitesse d'ouverture.