Clik here to view.
Outil : Flexbox Cheatsheet (pense-bête)
CSS3 Flexbox est un module de positionnement à la mode, mais malheureusement encore parfois mal maîtrisé parmi les développeurs web. La plupart des ressources, documents et cheat sheets récupérables...
View ArticleClik here to view.
Tutoriel : CSS3 Flexbox Layout module
Vous connaissez certainement le modèle de boîte classique en CSS et ses dispositions de type “block” ou “inline”, sachez que Flexbox CSS3 a été conçu pour étendre ce périmètre en introduisant un...
View ArticleClik here to view.
Article : Images responsive et attribut sizes, amstramgram, pic...
Résumé de l’épisode précédent : avec Geoffrey, nous avons vu qu’il est désormais possible d’avoir plusieurs sources de différente taille pour une image grâce à l’attribut srcset. En version tl,dr; on...
View ArticleClik here to view.
Outil : VorlonJS
VorlonJS est un puissant outil d'inspection, debug et test JavaScript. Il est construit sur node.js et socket.io. Vous allez dire : oui mais les navigateurs actuels disposent tous d'outils...
View ArticleOutil : Yellow Lab Tools
Faire un beau site web, c’est gratifiant. Mais faire un site rapide, c’est indispensable. Voici un outil open-source, gratuit (et développé par un petit Français !) qui pourrait bien sauver votre peau...
View ArticleClik here to view.
Outil : Visual Studio Code
Visual Studio Code est un éditeur de code source récemment lancé par Microsoft, avec la particularité d'être diffusé sur Github donc en open source. Il est disponible pour Windows mais aussi Linux et...
View ArticleClik here to view.
Article : Tendances Web Design 2016
La fonction première du design est d’améliorer l’expérience que l’on a d’un produit ou d’un service. Le web design n’est pas (que) décoratif, il fait le lien entre les technologies et nous. Les...
View ArticleArticle : Mini Convention CSS
Originellement conçu pour des web designers, CSS se veut être un langage de description et non de programmation. Mais ça c'était avant. Le Web a évolué, nos usages et consommations également. CSS...
View ArticleClik here to view.
Article : Tendances Web Design 2015
Présenter les tendances web design n'est pas une chose aisée. Il faut tout d’abord analyser les raisons qui poussent les designers à faire un choix plutôt qu'un autre : par mimétisme, par mode ou pour...
View ArticleClik here to view.
Tutoriel : CSS3 Flexbox Layout module
Vous connaissez certainement le modèle de boîte classique en CSS et ses dispositions de type “block” ou “inline”, sachez que Flexbox CSS3 a été conçu pour étendre ce périmètre en introduisant un...
View ArticleClik here to view.
Tutoriel : Une grille responsive avec CSS3 Flexbox et LESS (ou Sass)
Ce tutoriel a pour but de présenter dans les détails une technique de conception de grille de mise en forme responsive à l’aide du positionnement CSS3 Flexbox Layout, actuellement parfaitement adapté...
View ArticleClik here to view.
Astuce : Conserver le ratio 16/9 des images fullscreen et vidéos
Jusqu'il y a quelques temps, si vous vouliez utiliser des images en CSS ou des vidéos en iframe qui gardaient leur joli ratio 16:9 et prennaient toute la taille du navigateur quand on redimensionne,...
View ArticleAstuce : Accélérez vos polices d'icônes !
L'utilisation de polices personnalisées (webfont) se développe de plus en plus sur les sites web. notamment les sites développés en responsive design. Elles se composent d'un ou plusieurs fichiers...
View ArticleClik here to view.
Article : Images responsive et attribut sizes, amstramgram, pic...
Résumé de l’épisode précédent : avec Geoffrey, nous avons vu qu’il est désormais possible d’avoir plusieurs sources de différente taille pour une image grâce à l’attribut srcset. En version tl,dr; on...
View ArticleClik here to view.
Article : JSON, le stockage léger et pratique de données multitypes
Voici une idée simple et efficace (comme je les aime) qui fait son chemin : le format .json. Ce format, provenant du monde JavaScript et représentant un objet, s'apparente au .XML, dans sa fonction du...
View ArticleClik here to view.
Outil : 99ko, CMS simple et rapide
Dans la jungle des CMS, il y en a certains qui sortent du lot pour leurs fonctionnalités avancées et leur capacité de proposer des solutions à presque toutes les éventualités et il y en a d'autres...
View ArticleClik here to view.
Outil : VorlonJS
VorlonJS est un puissant outil d'inspection, debug et test JavaScript. Il est construit sur node.js et socket.io. Vous allez dire : oui mais les navigateurs actuels disposent tous d'outils...
View ArticleClik here to view.
Tutoriel : Ébauche de workflow Gulp : tâches courantes, unCSS, includes HTML...
Préambule : cet article part du principe que vous n’êtes pas totalement étranger aux notions et outils tels que LESS, NodeJS, Gulp ni à la ligne de commande, il ne s'agit d'un tutoriel de découverte...
View ArticleTutoriel : Le guide ultime pour accélérer son développement frontend
Il existe deux types de développeurs : ceux qui développent vite (et bien) et les autres. En tant que développeur frontend vous vous êtes sûrement déjà rendu compte que certaines parties de votre...
View ArticleOutil : Yellow Lab Tools
Faire un beau site web, c’est gratifiant. Mais faire un site rapide, c’est indispensable. Voici un outil open-source, gratuit (et développé par un petit Français !) qui pourrait bien sauver votre peau...
View Article