Posts tagged design

Material Design Lite

Material Design Lite (MDL) est un framework javascript permettant d’avoir une ihm respectant le MAterial Design de google sans mettre en oeuvre angular par exemple.

Read more ...


Création de boite de dialogue avec ngmaterial

Il est possible de créer facilement des boîtes de dialogue au sein d’une application web

Read more ...


La font Roboto

Une des fonts les plus utilisée pour les applications mobiles et site web est la font Roboto.

Read more ...


Gestion des couleurs avec ngmaterial

Avec ngmaterial il est possible de gérer les couleurs au niveau d’un thème

Read more ...


Fixer l’header d’un tableau md-table

Un module intéressant à utiliser en plus de md-table est fixed-table-header.

Read more ...


Des tableaux en html

Il est facile d’écrire un tableau en html

Read more ...


Des tableaux avec ng-material: md-table

Il existe dans le monde javascript le module ng-table qui permet de gérer des tableaux.

Read more ...


Des tableaux avec angularjs: ng-table

Il existe un module angular nommé ng-table permettant de gérer la création et l’utilisation d’un tableau sur une page web.

Read more ...


NgMaterial et les interfaces mobile

Pour que le visuel écrit en html avec ngmaterial puisse être utilisable sur un mobile il faut lui indiquer de ne pas essayer d’utiliser la fonction zoom des navigateur.

Read more ...


AngularJs et les paramètres par url

Cette note a pour objectif d’expliquer comment récupérer à partir de l’url les informations passées en paramètre de l’url.

Read more ...


Création d’une page de connexion

La page de connexion est surement un des éléments les plus basique d’une application. Je donne içi un exemple de page de connexion réalisé avec angularjs, font-awesome et angular-messages

Read more ...


Création d’un Tableau de bord dynamique

Il est souvent utile de créer un tableau de bord. Un tableau de bord est souvent une somme de petit graphique qui sont mis à jours dynamiquement.

Read more ...


Affichage d’un switch ou d’une checkbox

L’objectif de cette note est d’explicité l’affichage d’une valeur (on/off) via l’utilisation d’une boîte à cocher ou d’un switch.

Read more ...


Filtrer une liste avec Angular JS

AngularJs apporte un outil intéressant pour filtrer et ordonner une liste.

Read more ...


Avoir un bouton dynamique

L’objectif de cette note est d’expliciter comment on peut rendre dynamique l’apparence mais aussi l’action d’un boutton

Read more ...


Exemple d’interface d’application

Une application est souvent composé des même élements:

Read more ...


Affichage d’une liste avec Angular-Material

Un des écran les plus classique dans une application est la visualisation, la sélection d’élement d’une liste.

Read more ...


Donner le focus avec AngularJs

Il est parfois difficile de pouvoir donner le focus sur un élément après chargement de la page. L’utilisation classique est que l’utilisateur sélectionne l’élément mais on peut forcer le focus

Read more ...


La directive ng-switch dans AngularJs

La directive ng-switch est une structure conditionnelle de type switch qui s’utilise directement dans le template. Elle permet d’afficher tel ou tel élément selon la valeur de l’expression qu’elle évalue.

Read more ...


Gestion des thèmes Angular-Material

Le module Angular-Material possède une gestion de thème qui permet rapidement de modifier l’ensemble des couleurs de notre application.

Read more ...


Ajout d’un boutton d’action rapide

De nombreuses applications mobiles comportent en bas à gauche un bouton réalisant l’action la plus logique.

Read more ...