Promotion : Nevers
CSS : dimensionnez vos images avec object-fit !
Vous avez déjà essayé de faire tenir une image dans une cards ? Et ça a été un casse-tête ? Heureusement, une propriété bien pratique en css existe, la propriété object-fit, qui définit la façon dont le contenu d’un élément s’adapte à son conteneur en utilisant sa largeur et sa hauteur. Une image est une matrice de couleur qui a deux…
Partager le résultat de sa veille informationnelle
La veille informationnelle qu’est ce que c’est ? Lorsqu’on prépare le Titre Professionnel de Développeur Web et Web Mobile, l’expression « partager le résultat de sa veille avec ses pairs » revient pas moins de 6 fois dans le Référentiel Emploi Activités Compétences (REAC). Mais que peut bien signifier cette expression ? La veille informationnelle permet de rester informé…
[Débutant] L’inspecteur de code sous Chrome
Si comme moi vous débutez dans le développement web, vous êtes sans doute étranger à ce puissant outil qu’est l’inspecteur de code. Vous êtes peut être, au gré de vos pérégrinations sur le web, tombé par hasard dessus et de prime abord cet outil semble tellement complexe que vous renoncez à en déchiffrer le contenu. Pourtant, une fois la prise…
Media queries & Flexbox VS la grille de Bootstrap
Dans le cadre de ma formation Access Code School, j’ai été amenée à réaliser l’intégration d’une maquette. Elle a été conçue par un graphiste professionnel et je l’ai récupérée sur le web au format PSD. Le challenge était d’utiliser le moins possible de CSS personnalisé et de toujours privilégier l’utilisation de classes de Bootstrap. Ainsi, j’ai dû longuement pratiquer la documentation officielle…
[#tuto] Media Queries : une bulle de dialogue responsive
Lors de ma première intégration HTML/CSS d’une maquette au format PSD, j’ai été confronté à une problématique que j’ai solutionné grâce aux media queries : une bulle de dialogue positionnée à droite d’une illustration de smartphone en version desktop se retrouve en dessous de ce smartphone en version mobile. Problème : la pointe de la bulle doit se repositionner en…
