Design Article

Calculer un pourcentage de différence entre 2 chiffres

Calculer un pourcentage de différence entre 2 chiffres

Un peu de mathématiques aujourd’hui. Il arrive souvent d’avoir à calculer un pourcentage d’augmentation ou simple de différence entre 2 chiffres ou 2 montants.

Voici la solution simple pour le faire avec comme exemple le chiffre de base 271 et le 2ème chiffre 462 :

Dans ce cas le 2ème chiffre représente une augmentation de 70.48% par rapport au premier chiffre. La formule à retenir est donc :

Voilà, ce n’était pas bien compliqué au final 🙂

 

Créer un diagramme circulaire avec Google Charts

Créer un diagramme circulaire avec Google Charts

Grossièrement appelés diagrammes de Normandie « camemberts », les diagrammes circulaires sont parfaits pour résumer un ensemble de données à une variable. Il est très facile de créer ce type de diagramme grâce à des librairies comme Highchart ou Google Charts. Aujourd’hui, je vais vous montrer comment créer un diagramme circulaire grâce à Google Chart.

 

Comme vous le voyez, avec juste ces quelques lignes de code, on peut créer un diagramme circulaire vraiment facilement grâce à Google Charts.

Pratique pour un projet rapide, ou montrer des statistiques à votre boss d’une belle façon.

Wikiwand, Wikipedia en plus agréable

Wikiwand, Wikipedia en plus agréable

Vous aimez Wikipedia mais vous trouvez que la lire est désagréable ? Wikiwand vient à votre secours ! Il s’agit d’un concept excellent qui devrait vous faire renouer avec Wikipedia !

Wikiwand est donc un système sous forme d’application (Chrome, Firefox et Safari) qui permet de rediriger les pages Wikipedia que vous consultez et de relooker la page en une belle fiche beaucoup plus agréable à consulter !

Le UI/UX a été vraiment bien pensé et permet à Wikipedia de prendre un nouveau souffle. Wikipedia, devrait intégrer cette belle interface directement ! L’information, bien présenté et agréable à lire permet à mon avis d’avoir envie de lire plus, plus longtemps.

Voici le lien qui explique en détail ce qu’est wikiwand et comment l’installer:

5 thèmes bootstrap pour des sites « one-page »

Vous n’avez pas dû échapper à la hausse de cette nouvelle tendance qui est de réaliser un site en une seule page (site « one-page »). Bootstrap est un bon choix pour ce type de site web et voici donc une sélection de 5 thèmes qui vous aiderons à construire un site « one-page » avec Bootstrap.

Zerif – Responsive One Page Theme

theme-bootstrap-admin-backend-bracket

Ce thème responsive permet de faire un beau site one-page. Le menu permet de faire un slide sur l’endroit où se trouve le contenu au lieu de recharger la page. Le tout est bien évidemment responsive.

Voir une démo de ce thème | Acheter ce thème sur Themeforest

Graphista | One-Page Creative Portfolio

WB09S4JFK

Ce thème propose de faire un site one-page avec pour but de présenter son portfolio. Si vous devez créer un portfolio pour un client ou pour vous même. Ce thème vous sera d’une grande utilité.

Voir une démo de ce thème | Acheter ce thème sur Themeforest

 TWILLI Air – Minimalist One-Page Theme

WB0196957

Ce thème responsive (adaptatif) est un thème « one-page » minimaliste qui vous permettra d’exprimer ce que vous souhaitez assez facilement. Dans ce thème, les photos sont maître et vous permettrons de présenter les différentes rubriques de votre site. Parfait pour une petite entreprise, un portfolio ou un entrepreneur qui se lance.

 Voir une démo de ce thème | Acheter ce thème sur Themeforest

Ashley – One Page Parallax

WB0R11207

Ce thème permet de mettre en avant les services d’une entreprise. Avec le très bel effet parallax, donnez à votre entreprise un billet directe pour le succès. Avec ce thème, votre entreprise sera moderne et au goût du jour.

 Voir une démo de ce thème | Acheter ce thème sur Themeforest

Interfaz – Responsive One Page Theme

WB0D8R213

Ce thème responsive vous permettra de faire un site créatif où l’image de votre produit ou service sera mis en avant. Simple et efficace ce thème est parfait pour une petite entreprise ou pour un créatif qui veut se mettre en avant.

 Voir une démo de ce thème | Acheter ce thème sur Themeforest

Flatify – Un thème bootstrap utilisant angular.js

Flatify – Un thème bootstrap utilisant angular.js

Flatify est un thème intéressant si vous souhaitez faire une app avec Angular.js. Il regroupe un thème utilisant le framework Bootstrap qui permet un design responsive vraiment réussi. Testez par vous même ce thème en cliquant ici pour en voir les qualités.

Angular.js qui est une librairie développée par Google permet de faire des applications dites « one page ». La navigation se fait donc sans recharger les pages.

L’utilisation de ces 2 librairies (Bootstrap et Angular.js) en fait un thème moderne à la pointe des technologies actuelles. Au-delà de ça, pour 15$ vous avez un thème incroyablement design et qui surf sur la mouvance du flat design.

slurp

 

 (si vous achetez ce thème en passant par mon lien sachez que je toucherais une petite commission).