Sublime Text : la sélection d’un mot ponctué en un seul clic

Voici une petite astuce sur l’éditeur Sublime Text pour sélectionner un mot (une variable, une fonction etc.) en double cliquant dessus même si celui-ci contient une ponctuation. Exemples : # ruby variable.empty? <!– html –> <p class="txt-center">Hello world !</p> Faites le test sur votre Sublime Text, si vous effectuez un double-clic pour sélectionner « empty? » dans … Continuer la lecture de Sublime Text : la sélection d’un mot ponctué en un seul clic

Rails – Variables d’environnement & Figaro

En rails, depuis quelques versions et notamment en rails 5, lorsqu’on génère une nouvelle application, on a vu apparaître l’appel à ce type de variable : ENV[‘APPLI_DATABASE_PASSWORD’], ENV[‘DATABASE_URL’], ENV[« SECRET_KEY_BASE »]. Ces variables de configuration sont des variables privées qu’il ne faut pas partager, notamment dans un projet github. On peut alors se demander où et comment … Continuer la lecture de Rails – Variables d’environnement & Figaro

Offline first avec Upup.js

Offline first ? De nos jours, les sites modernes sont construit en mobile-first. Mais dans un monde on l’on est mobile, la connexion elle n’est pas stable tout le temps. On peux donc penser Offline-first. La librairie UpUp permet d’ajouter rapidement des fonctionnalités offline sur un site web. Pour ajouter un contenu basique il suffit … Continuer la lecture de Offline first avec Upup.js

Spécifier le chemin local d’une gem dans le Gemfile

Dans le Gemfile d’un projet Rails, la source est précisée en haut du fichier : source ‘https://rubygems.org’ Il est également possible de préciser une source différente pour une gem : gem ‘la-gem’, source: ‘http://url-de-la-gem’ Mais on peut aussi spécifier un chemin local : gem ‘ma-gem’, path: « chemin/vers/ma-gem » Ainsi, on peut tester une gem en cours de développement sans … Continuer la lecture de Spécifier le chemin local d’une gem dans le Gemfile

Rails : Afficher les pages 404 et 500 comme en production

Si, en phase de développement, vous souhaitez voir le comportement d’une erreur 404 ou 500 comme en production, il suffit de modifier la valeur de la constante config.consider_all_requests_local du fichier config/environments/development.rb et la passer à false. # /config/environments/development.rb config.consider_all_requests_local = false

Srcset et size

L’attribut srcset L’attribut srcset, est un attribut pour les balises images qui permet de résoudre les problèmes que pose l’intégration de site responsive avec des images. Cet attribut vient en corrélation de l’attribut src habituel d’une image et permet de spécifier une liste d’image à afficher selon certain critère. Cela ressemble étrangement au média queries, … Continuer la lecture de Srcset et size

Sprites et SVG

Lorsqu’on utilise des sprites avec des images jpg/png, c’est la propriété background-position sur laquelle on s’appuie pour afficher l’icône souhaitée. L’inconvénient majeur est, que lorsqu’on modifie la taille d’une icône, il faut modifier les positions de toutes les autres icônes. Une alternative possible est d’utiliser les svg. Le principe est de superposer toutes les icônes … Continuer la lecture de Sprites et SVG

Un peu d’interactivité avec la pseudo-classe :target

Menu, onglet, modal, pourquoi ne pas amener un peu d’interactivité sur un site sans forcément passer par du JS ? Il existe en CSS une pseudo-classe très intéressante :target. Si on regarde la définition du W3C de cette pseudo-classe, il s’agît d’un élément qui est la cible d’un lien (comme les ancres par exemple). Prenons un … Continuer la lecture de Un peu d’interactivité avec la pseudo-classe :target

Quoi de neuf dans mon navigateur ?

Veille inspirée par l’article de Stéphanie Walter : Le futur du web dans le navigateur mobile ? L’attribut accept des <input type= »file »> L’attribut accept d’un input de type file permet de spécifier le type de fichier accepté au téléchargement. Plus d’infos : HTML <input> accept Attribute sur w3schools Le manifest d’application pour créer une web … Continuer la lecture de Quoi de neuf dans mon navigateur ?

CSS : poids des sélecteurs

Le CSS peut être considéré comme un langage chaotique par certaine personne, Mais en y regardant de plus près le CSS obéit à des règles bien particulières. Il nous est tous arrivé d’utiliser une librairie tel que Bootstrap par exemple et de voir notre style se faire surcharger par le style de la librairie. La … Continuer la lecture de CSS : poids des sélecteurs