Petit guide d’utilisation des variables CSS

Bon aujourd’hui on dépoussière de la vielle nouveauté, les variables CSS ! A travers ce petit guide d’introduction vous pourrez revoir les concepts de base pour vous lancer  si vous n’avez pas encore passé le pas. Que signifie le :root en CSS ? Le root est un sélecteur,  répandu récemment avec l’apparition des variables CSS. […]

Ça m'intéresse...

Background cover SEO friendly avec Object-fit

Lorsque l’on a besoin dans une liste d’articles de superposer le titre par dessus l’image, tout en ayant un système fluide et responsive, on peut passer par le système de background image en spécifiant un background-size: cover. Cela a l’avantage d’être totalement responsive, et d’avoir une image fluide, l’inconvénient reste que niveau SEO, on est […]

Ça m'intéresse...

Gérer son responsive pour l’Iphone X

Si vous avez suivi la sortie du nouvel iPhone, peut-être un détail vous a marqué en tant qu’intégrateur : non pas son prix (à ce stade ce n’est plus un détail) mais plutôt sa zone d’affichage. En effet la partie utile de l’écran de l’iPhone X n’est pas rectangulaire mais un léger décoché apparaît sur […]

Ça m'intéresse...

Tester son responsive avec Xrespond

Il y a aujourd’hui tout un tas de façon de tester le responsive d’un site, voici un nouvel outil, basique mais qui peut être utile : app.xrespond.com. Sous la forme d’une app web, vous renseignez l’url de votre site, et celui-ci est présenté directement dans plusieurs formats correspondants à certains appareils desktop, mobiles et tablettes. L’idée […]

Ça m'intéresse...

Apprendre à manipuler le SVG

Un des éléments en plein boom dans le monde de l’intégration est bien le SVG, offrant pourtant une compatibilité très bonne même depuis un IE8, son utilisation est réellement poussée depuis quelques années. Parmi ses avantages, on peut parler à la fois des performances, de la compatibilité, des possibilités énormes en terme d’animation, mais aussi […]

Ça m'intéresse...

Manipuler les classes avec classApi

De nombreuses fonctionnalités sont disponibles avec HTML5 ce qui permet notamment de se passer de librairies tierces. Un bon exemple est l’implémentation de classList, qui permet de manipuler les classes sur le DOM, vous pourrez ainsi vous passer de librairies comme jQuery pour ajouter, supprimer, tester une classe sur un élément du DOM. Comment ajouter une classe […]

Ça m'intéresse...

Une librairie JS pour gérer les cookies

Si vous avez déjà tenté de manipuler les cookies de votre site web en Javascript, voici une librairie qui devrait vous simplifier la vie. Cookies.js vous permet de manipuler de manière simple et efficace les cookies. Récupérer la valeur d’un cookie en JS Définir la valeur d’un cookie en JS Définir les paramètres du cookie […]

Ça m'intéresse...

Les ingrédients du web n°2

SpinThatShit ! Non ce n’est pas un ordre déplacé, mais une très bonne série de mixins scss qui vous permettront de rajouter de très sympathiques loader full CSS. Ressource : SpinThatShit de Matej Kustec Après plusieurs mois de gestation Angular 2 est né Et oui, la release finale de Angular 2 est enfin sortie, l’équipe […]

Ça m'intéresse...

Une interaction UX intéressante 

L’expérience utilisateur peut être grandement améliorée grâce à des animations intelligentes et bien placées. En voici sans doute un exemple, proposé par Rafael Gonzalez sur Codepen, cet exemple montre comment en modifiant le curseur et en l’agrémentant d’une simple animation, le contexte d’interaction est mis en valeur. Souvent réduit au plus simple appareil, le curseur est […]

Ça m'intéresse...

Améliorer l’affichage de la typo Raleway

Vos chiffres apparaissent de manière décalés avec la typo Raleway ou sur une autre typo ? Pas de soucis, une solution existe, en réalité ce n’est même pas un problème mais bel et bien un réglage méconnu ! Vous trouverez la source en fin d’article qui explique de manière détaillée comment tout cela fonctionne. Concrètement, […]

Ça m'intéresse...

Google pousse très fortement à l’utilisation du HTTPS

Cela ne date pas d’aujourd’hui, Google favorise de plus en plus l’utilisation du HTTPS sur les sites web, notamment pour son système de classement des sites dans les résultats de recherche. L’impact est encore jugé faible pour le moment, mais la tendance va clairement vers un passage de tous les sites en HTTPS que ce […]

Ça m'intéresse...

Fix target blank security issue

Si vous ne le savez pas encore, une faille de sécurité importante a été découverte ou redécouverte : l’utilisation du banal target=”blank” permettrait à la page cible d’accéder à l’objet window de la page parente. La faille du target blank, que permet elle de faire ? Si vous avez admettons un site e-commerce, vous avez des […]

Ça m'intéresse...