CSS

Image: Comment intégrer du CSS dans un document HTML ?REDPIXEL.PLshut­ters­tock

Comment intégrer du CSS dans un document HTML ?

HTML et CSS font partie des piliers du World Wide Web et sont le plus souvent utilisés con­join­te­ment. Si vous tra­vail­lez sur un document HTML et souhaitez y intégrer du CSS, plusieurs approches sont possibles : internes, externes ou mixtes. Voici un guide pratique ac­com­pagné…

Lire la suite
Image: Le développement Web moderne : bases et outilsREDPIXEL.PLShut­ters­tock

Le dé­ve­lop­pe­ment Web moderne : bases et outils

HTML, CSS et les langages de pro­gram­ma­tion côté serveur comme PHP cons­ti­tuent la structure de base pour des sites Web dy­na­miques. Des langages de script côté client comme Ja­vaS­cript ou Ty­peS­cript ainsi de puissants fra­me­works frontend et backend per­met­tent de pro­gram­mer un site…

Lire la suite
Image: Gulp vs. Grunt : les caractéristiques de ces deux task runners.Tanin Tee­ra­kit­wat­tanaShut­ters­tock

Gulp vs. Grunt : les ca­rac­té­ris­tiques de ces deux task runners.

Un aspect essentiel du dé­ve­lop­pe­ment Web est l‘écriture d’un nouveau code. En tant que dé­ve­lop­peur front-end, vous avez à cet égard beaucoup à faire, parce-ce que la présence sur Internet doit avant tout se dis­tin­guer par son in­di­vi­dua­lité et doit refléter le projet de manière…

Lire la suite
Image: CSS : padding et margin, différents formatagesRawpixel.comShut­ters­tock

CSS : padding et margin, dif­fé­rents for­ma­tages

La liste des pro­prié­tés du langage de pro­gram­ma­tion CSS peut vite paraître sans fin… Pour y voir plus clair, nous vous ex­pli­quons ici les dif­fé­rences entre les pro­prié­tés de formatage CSS padding et margin. Pour dis­tin­guer fa­ci­le­ment les deux commandes CSS, vous trouverez aussi…

Lire la suite
Image: Grille CSS : layout avec fonctionnalités intelligentesRawpixel.comShut­ters­tock

Grille CSS : layout avec fonc­tion­na­li­tés in­tel­li­gentes

Comment créer une belle mise en page si vous ne con­nais­sez pas la taille de la zone d’affichage ? Avec les grilles CSS, ce n’est pas un problème ! Cette technique permet aux con­cep­teurs de sites Web de définir leur propre grille et d’y placer tous les éléments. Grâce à des…

Lire la suite
Image: Tutoriel CSS : introduction aux feuilles de style en cascadeKaspars GrinvaldsShut­ters­tock

Tutoriel CSS : in­tro­duc­tion aux feuilles de style en cascade

Sans le CSS, les pages Web ne cons­ti­tue­raient qu’un ensemble d’éléments de texte divisés grosso modo en sections par titres et pa­ra­graphes. Seule la pos­si­bi­lité de formater HTML via des feuilles de style en cascade fait du World Wide Web ce qu’il est aujourd’hui : un mélange…

Lire la suite
Image: CSS Flexbox : plus de possibilités pour le WebdesignRawpixel.comShut­ters­tock

CSS Flexbox : plus de pos­si­bi­li­tés pour le Webdesign

Avec l’internet mobile, les web­de­sig­ners ont de nouveaux défis à relever. Quelle mise en page choisir, alors qu’ils ne con­nais­sent pas la taille de l’écran sur lequel sera affichée leur ap­pli­ca­tion ? La solution est de confier cette tâche à un logiciel capable de gérer de telles…

Lire la suite
Image: Tailwind CSS : qu’est-ce qui rend ce framework utility-first si exceptionnel ?Sinart CreativeShut­ters­tock

Tailwind CSS : qu’est-ce qui rend ce framework utility-first si ex­cep­tion­nel ?

Si vous êtes déjà expert en codage en CSS et que vous cherchez un framework par­ti­cu­liè­re­ment flexible et in­di­vi­duel, Tailwind CSS est une bonne option. Cette solution destinée aux pro­fes­sion­nels simplifie le travail et offre un vaste éventail d’options de design. Lisez cet…

Lire la suite
Image: Présentation des YAMLSinart CreativeShut­ters­tock

Pré­sen­ta­tion des YAML

Si vous souhaitez dé­ve­lop­per une nouvelle ap­pli­ca­tion Web, vous avez le choix entre écrire com­plè­te­ment le code ou utiliser des fra­me­works. Ces ensembles de codes pré­sen­tent des struc­tures prêtes à l'emploi, que vous pouvez ensuite adapter à vos propres idées. Le framework CSS…

Lire la suite
Image: Media queries CSSRawpixel.comShut­ters­tock

Media queries CSS

Que sont les media queries CSS ? Dans cet article, nous vous ex­pli­quons quelle est la relation entre les requêtes média et le res­pon­sive web design et abordons d’autres sujets com­plé­men­taires. Vous bé­né­fi­ciez d’un aperçu complet allant des break­points et unités CSS relatives aux…

Lire la suite