Difficile week-end ici à Paris. Pour braver le drame des événements, je choisis de publier un article de ressources web pour poursuivre, code UI web, intégration, pour continuer plus que jamais. Voici quelques ressources que j’ai sélectionnées lors de ma veille, axées sur le développement front-end d’éléments d’interface. Pour traiter quelques composants d’une interface dans les détails et se laisser inspirer.
Code UI WEB
1 – Flipside
Une belle animation au bouton : le clic fait apparaître une popin pour la suite du dialogue UI. Sobre et efficace, l’animation permet une action au clic efficace et lisible.
Aller voir Flipside
2 – Shaded Progress Bars
Des barres de progression traitées de manière originale.
Aller voir Shaded Progress bars
3 – Roll.js
Une petite librairie Javascript qui vous permet un effet de scrolling bien sympa et bien fait : i vous aide à garder un repère de position pour placer plusieurs composants et jouer avec.
Aller voir roll.js
4 – Animation objet appareil photo
Une petite animation SVG très mignonne sur Codepen.
Aller voir Appareil photo instragram
5 – Responsive JQuery Tabs
On a toujours besoin de composants basiques en responsive. Voici un exemple pour un tableau avec onglets qui est responsive.
Aller voir Responsive JQuery Tabs
6 – Template 3D Curtain
Un template qui associe un effet de scrolling et de 3D, pour une visualisation des panneaux en profondeur. Transformation CSS et JQuery.
Aller voir 3D Curtain Template
J’espère que cette liste dédiée à quelques composants de nos interfaces saura vous intéresser et vous apporter quelqu’inspiration pour améliorer l’expérience utilisateur (UX) de vos sites. Je poursuis ma veille et vous promet d’autres revue de web. N’hésitez pas à commenter.