Publié le

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 »

Publié le

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… »

Publié le

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 »

Publié le

MEAN Stack

MEAN-Stack

La MEAN-Stack c’est quoi ?

Une techno à la mode ou un véritable atout ?

Si vous faites partie de ceux qui parcourent les sites de dév afin de connaître les dernières nouveautés, vous n’avez pas pu le rater. Pour tous les autres, si vous êtes développeur et que vous n’en avez encore jamais entendu parler, c’est ici votre dernière chance de ne pas sombrer dans l’obsolescence.

Tout comme LAMP, MAMP ou autre WAMP, MEAN-Stack est un acronyme annonçant une pile de différentes technologies. On reconnaitra ainsi Mongodb – ExpressJs – AngularJs – NodeJs. Continuer la lecture de « MEAN Stack »

Publié le

Résoudre les problèmes de protocole git://

GIT

Depuis certains réseaux (entreprise, ports bloqués,…) il m’est impossible d’accéder aux repo github. Lor de chaque tentatives de récupération, une erreur

ECMDERR failed to execute "git ls-remote --tags --heads git://github.com/<whatever>.git", exit code of #128

m’est retournée.

Le problème vient du fait que l’on essaie de passer par le protocole git:// qui n’est pas permis. Une solution est donc de passer directement par la méthode https:// qui elle devrait être autorisée. Continuer la lecture de « Résoudre les problèmes de protocole git:// »

Publié le

Partager des propriétés avec AngularJS

AngularJS

J’ai cherché un petit moment comment partager des propriétés entre deux controllers, tout en observant leur valeur afin d’exécuter une action lors de modification. N’ayant pas trouvé de ressource compréhensible sur ce sujet, j’ai tenté de chercher par moi-même avec quelques essais.

Concernant le partage il semble évident qu’une solution propre doit passer par un service ou factory, qui peuvent facilement être injectés dans les controller. J’ai donc choisi l’approche du service qui me semble simple et efficace.

Le problème résidait plutôt dans l’observateur qui devait se trouver dans chaque controller. J’ai donc du le mettre dans un scope afin d’utiliser la fonction $watch d’AngularJS. Continuer la lecture de « Partager des propriétés avec AngularJS »

Publié le

CakePHP REST avec valeurs http-header personnalisées

CakePHP

Côté server (CakePHP)

L’utilisation de service REST peut parfois nous amener à transmettre des données dans le header-http de la requête. Cela peut être utile pour transmettre des données d’authentification avec une requête GET dont le nombre de paramètre est limité à 1 par défaut. Bien sûr il serait possible de modifier les routes par défaut pour gérer de multiple paramètres, mais si on peut éviter de reconfigurer tout le routage pour un paramètre, autant en profiter.

Pour récupérer les données du header, rien de plus simple. Dans le contrôleur, utilisez cette instruction:
$this->request->header('Connection-Token');

Pour ce cas précis, les données d’authentification devant être contrôlée pour chaque requête, il peut être pratique de faire cette vérification dans la méthode beforeFilter().

Côté client (AngularJS)

Si l’application est développée avec AngularJS, on pourra affecter le token communément aux requêtes de l’appli en définissant la valeur comme suit :

Publié le

Grunt, l’exécuteur de tâche

GruntJS

Introduction

Lorsque vous développez pour le web, un certains nombres de tâches doivent se faire à chaque fois que vous voulez tester ou mettre en PROD votre création. Et si toutes ces tâches ennuyeuses et répétitives pouvaient être automatisée simplement ?
Grunt est, entre autres, une solution qui va vous faciliter la vie ! Il peut par exemple gérer automatiquement la compilation de préprocesseurs CSS (LESS, Sass, Compass) lors de chaque modification de fichier, optimiser vos fichiers (concaténation, minimisation,…), gérer les sprites, et j’en passe… Continuer la lecture de « Grunt, l’exécuteur de tâche »