WebComponent : Custom element V1

Nouvel article sur medium.com :

WebComponent : Custom element V1

Pour tout savoir sur les différences entre la v0 et la v1 de la spec Custom Element.

Voir tous mes articles sur medium.com

Le numéro AVS suisse

Introduction

En Suisse, comme dans d’autre pays, les habitants sont identifiés fédéralement par un numéro unique. A la base, il représente un identifiant pour les assurances sociales, autrement dit, le numéro d’AVS. Mais il est également utilisé dans d’autre cadre comme l’armée ou parfois dans des établissements privés (assurance, banques,…). Continuer la lecture de « Le numéro AVS suisse »

L’API Shadow DOM du HTML5

TL;DR;

Le Shadow DOM est un DOM encapsulé dans un élément et qui est isolé du reste de la page. On peut néanmoins y accéder via un objet javascript ou des sélecteurs CSS spécifiques.

Depuis cet article, la spec à changé et ne colle plus à la description ci-dessous. Référez-vous plutôt à la spec V1 décrite ici :  https://developers.google.com/web/fundamentals/web-components/ 

Continuer la lecture de « L’API Shadow DOM du HTML5 »

Custom Element API

TL;DR;

Dans le dernier article, je vous présentais les composants web. Une des API permettant de créer des composants est l’API html5 Custom Element. Elle permet de déclarer un nouveau composant dans le DOM et que celui soit reconnu par le browser pour l’affichage et avec ses comportements spécifiques.

Depuis cet article, la spec à changé et ne colle plus à la description ci-dessous. Référez-vous plutôt à la spec V1 décrite ici :  https://developers.google.com/web/fundamentals/web-components/ 

Continuer la lecture de « Custom Element API »

Optimiser ses rachats dans la caisse de pension

Les versements volontaires dans la caisse de pension améliorent la prévoyance vieillesse et permettent en outre de réaliser des économies fiscales. Voici ce à quoi il faut faire attention pour que l’exercice en vaille réellement la peine.

Le bien-fondé d’un rachat dans la caisse de pension ne dépend pas que des taux d’intérêt et du taux de conversion, mais aussi des facteurs ci-après. Continuer la lecture de « Optimiser ses rachats dans la caisse de pension »

Les bases de REST

Les web-services sont montés en popularité ces dernières années grâce à l’attrait des API consommables par différents supports comme les web-applications, les app mobiles ou autres développements connectés.
C’est donc tout naturellement que les services REST ont évolués afin de s’adapter aux demandes des applications actuelles.
Mais cette popularité ainsi que sa facilité d’utilisation ont quelque peu vulgarisé le terme REST au point qu’il est parfois utilisé à tord . Voici donc un rapide rappel de REST et de ses différentes facettes.

Continuer la lecture de « Les bases de REST »

Le Namespace en JS, pas si trivial…

Namespaces Javascript

L’organisation de la plupart des librairies actuelles en JavaScript se fait à l’aide du Design Pattern Namespace permettant d’encapsuler nos fonctionnalités dans un objet afin de ne pas pourrir le global scope. On notera par exemple jQuery et son $  (alias jquery ), d3 et son d3 , Snap.svg et son Snap , etc…
Dernièrement, j’ai voulu moi aussi utiliser ce système pour mieux organiser un projet existant, qui n’implémentait pas la notion d’injection de dépendance et déclarait tout en global.

En plus ça tombe bien, je connais ce Design Pattern… vraiment ?!

Continuer la lecture de « Le Namespace en JS, pas si trivial… »

Personnaliser Bootstrap 4 avec Sass

Bootstrap v4 alpha
En cette fin du mois d’août, le monde du CSS a vu l’arrivée de la version alpha de Bootstrap 4. Le grand changement technique de cette version est qu’elle a délaissé le pré-processeur Less pour se reposer sur Sass. Cette nouvelle est réjouissante tout d’abord car Sass est aujourd’hui devenu plus populaire que Less chez les frontend dev, mais ça l’est surtout car ce dernier est plus performant en compilation grâce à Libsass et nous permettra ici de personnaliser facilement les styles.

Continuer la lecture de « Personnaliser Bootstrap 4 avec Sass »

J’ai testé Visual Studio Code…

Visual Studio Code
J’avais plus ou moins quitté depuis quelques temps les technologies Microsoft (du moins dans le privé) par envie de neutralité (bon Suisse inside) et surtout afin de ne pas m’enfermer dans un environnement spécifique.
Mon environnement professionnel étant lui très orienté Microsoft, j’ai malgré tout l’occasion de voir évoluer les technologies .Net. C’est d’ailleurs avec une joie non dissimulée que j’ai découvert la nouvelle orientation “open source” que s’est fixé depuis quelques temps Microsoft pour .NET, et donc de facto pour Visual Studio. Certe, l’ouverture du code .NET sur Github n’annoncera pas un Visual Studio multi-plateforme dans un futur proche, mais Visual Studio Code est un premier pas qui nous conforte pour la suite.

Continuer la lecture de « J’ai testé Visual Studio Code… »

Choisir ses polices d’écriture

3 types de police
Lors de la création d’un site Web ou de n’importe quel document ou présentation, une des étapes par laquelle il faut obligatoirement passer est la création du design, avec sa partie typographique, qui concerne le choix de police d’écriture (en anglais : fonts).
Cet article permet de voir les différents types de police de caractères qui existent, et ainsi de définir lesquels sont complémentaires afin de les combiner entre les titres et corps de texte.
Nous verrons également qu’un style de police peut être plus ou moins approprié pour un article, selon le sujet qu’il aborde.

Continuer la lecture de « Choisir ses polices d’écriture »