Ressources du dimanche (08) : code UI Web

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.

1411-paris

Code UI WEB

Voici donc une liste de composants en code UI Web, soit pour nos interfaces traités en intégration, codées afin d’avoir sous la main à la fois le design UI et le code associé pour étudier, appliquer et améliorer nos intégrations.

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

animation CSS - button-fflipside

 

2 – Shaded Progress Bars

Des barres de progression traitées de manière originale.

Aller voir Shaded Progress bars

progress-bar-animation-CSS

 

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

librairie javascript -roll-code UI Web

4 – Animation objet appareil photo

Une petite animation SVG très mignonne sur Codepen.

Aller voir Appareil photo instragram

SVG-image animée

 

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

Responsive tabs JQuery- ressources-catepeli- code UI Web

 

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

Template 3D Curtain - ressource-catepeli

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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Categories:
Tags:
Date:
  • 16/11/2015
Share:
%d blogueurs aiment cette page :