<commit_before># Mises en page CSS

Ce dossier contient des exemples de mise en page CSS.

Pour chaque exemple, le code (CSS et JavaScript) est contenu directement dans le fichier HTML principal.

Voici quelques éléments communs que tous les projets utilisent:

- **CSS / normalize.min.css** : "Normalize" est un reset CSS qui corrige certains comportements par défaut de navigateurs. Licence: MIT License.
- **CSS / main.css** : Contient quelques éléments de base que nous utilisons partout. Applique le fonctionnement **box sizing: border-box** à tous les éléments.
- **JS / prefixfree.min.js** : Cet outil, créé par <NAME>, ajoute les préfixes navigateurs à notre CSS lorsque c'est nécessaire. Cela nous permet d'écrire un CSS plus sobre, sans préfixes redondants. Licence: MIT license.

Voici les exemples de mise en page proposés:

## carousel.html

Une mise en page comprenant plusieurs sections, qui deviennent visibles au fur et a mesure de l'avancement. La navigation utilise le JavaScript.

* [Voir l'exemple](carousel.html)
* [Notes explicatives](notes/carousel.md)

## batonturbo.html

Exemple de chargement de webfont.

* [Page d'exemple](batonturbo.html)
* [Notes explicatives](notes/batonturbo.md)

## Licence 
<commit_msg>update du README<commit_after># Mises en page CSS

Ce dossier contient des exemples de mise en page CSS.

Pour chaque exemple, le code (CSS et JavaScript) est contenu directement dans le fichier HTML principal.

Voici quelques éléments communs que tous les projets utilisent:

- **CSS / normalize.min.css** : "Normalize" est un reset CSS qui corrige certains comportements par défaut de navigateurs. Licence: MIT License.
- **CSS / main.css** : Contient quelques éléments de base que nous utilisons partout. Applique le fonctionnement **box sizing: border-box** à tous les éléments.
- **JS / prefixfree.min.js** : Cet outil, créé par Lea Verou, ajoute les préfixes navigateurs à notre CSS lorsque c'est nécessaire. Cela nous permet d'écrire un CSS plus sobre, sans préfixes redondants. Licence: MIT license.

Voici les exemples de mise en page proposés:

## carousel.html

Une mise en page comprenant plusieurs sections, qui deviennent visibles au fur et a mesure de l'avancement. La navigation utilise le JavaScript.

* [Voir l'exemple](carousel.html)
* [Notes explicatives](notes/carousel.md)

## batonturbo.html

Exemple de chargement de webfont.

* [Page d'exemple](batonturbo.html)
* [Notes explicatives](notes/batonturbo.md)

## gradient-corners.html

Un effet de coin transparent, obtenu avec un dégradé CSS.

* [Page d'exemple](gradient-corners.html)
* [Article de Lea Verou](http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/) sur cette technique

## Licence 

{'fraction_non_alphanumeric': 0.08637026239067055, 'fraction_numerical': 0.002551020408163265, 'mean_word_length': 4.671487603305785, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3327559', 'n_tokens_mistral': 902, 'n_tokens_neox': 893, 'n_words': 335}