DokuWiki cvon

cvon:avoiding_redundancy_with_selector_groups

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:32:25+00:00

<- Using CSS shorthandCreating a master color guide -> Selectors group : sel, sel, sel { prop:value; }

cvon:avoiding_unnecessary_tags_and_classes

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:26:12+00:00

<- Using font familiesUsing CSS shorthand ->

cvon:best_practices_for_class_names

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T21:57:38+00:00

<- Indenting your code for readabilityWhat is a comment -> name stuff according to what they are, not what they look like.

cvon:creating_a_master_color_guide

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:37:06+00:00

<- Avoiding redundancy with selector groupsCreating a master typography guide -> Prop. : faire un color guide en haut de son fichier.

cvon:creating_a_master_typography_guide

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:39:13+00:00

<- Creating a master color guideCreating a structure template -> Idem pour typo...

cvon:creating_a_structure_template

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:43:18+00:00

<- Creating a master typography guideUsing a master CSS file -> ...

cvon:creating_multiline_comments

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:06:57+00:00

<- Writing single-line commentsUsing font families -> /********************************* ********************************** comment ********************************** *********************************/ /*-------------------------------- ---------------------------------- comment ---------------------------------- --------------------------------*/

cvon:creating_section_headings

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T21:49:15+00:00

<- Developing a CSS table of contentsIndenting your code for readability -> têtes de section ex : /********* ********** 1. universal styles ********** *********/

cvon:developing_a_css_table_of_contents

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T21:42:05+00:00

<- The importance of the reset Creating section headings -> table of contents ex basique: /********** 1. universal styles 2. header+nav styles (...) **********/

cvon:exploring_clean_vs._messy_style_sheets

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T21:24:38+00:00

<- The importance of clean codeThe importance of the reset -> Structurer et commenter le code

cvon:indenting_your_code_for_readability

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T21:54:14+00:00

<- Creating section headingsBest practices for class names -> Si une seule propriété dans la déclaration = une seule ligne. Plusieurs propriétés = plusieurs lignes.

cvon:removing_unnecessary_line_breaks

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:48:47+00:00

<- Using a master CSS fileSimplifying comments -> ...

cvon:removing_unused_selectors

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:52:00+00:00

<- Simplifying commentsUsing tools to minify your CSS -> ... (non ne file aucun outil intéressant pour ça, passe par le rechercher et remplacer en masse.

cvon:simplifying_comments

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:50:21+00:00

<- Removing unnecessary line breaksRemoving unused selectors -> ...

cvon:the_importance_of_clean_code

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T13:58:18+00:00

<- Using the exercise filesExploring clean vs. messy style sheets -> Avantages d'un code propre : * code plus accessible * aide les autres développeurs associés au projet * rend plus efficace l'édition du code * aide à démarrer les projets plus rapidement (dév. ses propres templates) Qu'est-ce qui fait qu'un

cvon:the_importance_of_the_reset

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T21:37:50+00:00

<- Exploring clean vs. messy style sheetsDeveloping a CSS table of contents -> Browser inconsitencies * margin dimensions around the edge of a site * borders sometimes appear “magically” * default padding added to

and tags * browser specific line heights *

and tag font sizes What a reset does

cvon:using_a_master_css_file

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:46:54+00:00

<- Creating a structure templateRemoving unnecessary line breaks -> Utiliser un master css avec des @import url("css/mycss.css"); dedans.

cvon:using_css_shorthand

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:29:34+00:00

<- Avoiding unnecessary tags and classesAvoiding redundancy with selector groups ->

cvon:using_font_families

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:15:33+00:00

<- Creating multiline commentsAvoiding unnecessary tags and classes -> Rester raisonnable sur les déclarations font-family.

cvon:using_tools_to_minify_your_css

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:54:49+00:00

<- Removing unused selectorsGoodbye -> Gain moyen de 21 %

cvon:what_is_a_comment

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:01:43+00:00

<- Best practices for class namesWriting single-line comments -> /* comment */

cvon:writing_single-line_comments

Anonymous (anonymous@undisclosed.example.com) — 2015-12-23T22:04:12+00:00

<- What is a commentCreating multiline comments -> /* comment */ /****** comment ******/ /*----- comment -----*/