🎨 more style, links fix

This commit is contained in:
Tykayn 2024-11-19 23:50:42 +01:00 committed by tykayn
parent a00cd145a1
commit baac2fd2f1
2343 changed files with 31637 additions and 5343 deletions

View file

@ -8,7 +8,7 @@
#+post_slug: zen-coding
#+post_url: https://www.ciperbliss.com/2014/zen-coding
#+post_title: Zen coding
#+post_tags: null
#+post_tags:
#+post_type: post
#+post_mime_types:
#+post_guid: undefined
@ -29,15 +29,18 @@ développeur qui cherche à optimiser son temps, si tu aimes faire du HTML
mais que son écriture, pour faire de l'intégration par exemple te semble
fort fastidieuse et verbeuse, j'ai un truc 'achement bien pour toi nommé
Zen coding. ça n'a rien à voir avec coder avez le nez pour des djeunz.
Il s'agit d'écrire un sélecteur css, de sélectionner notre sélecteur,
puis de l'étendre avec un raccourci clavier.J'utilise Netbeans comme
IDE, le plugin zen coding a de base un raccourci *ctrl+alt+N*.
Tous [[https://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn][les
exemples de syntaxe zen coding sont disponibles sur google code]].
Petite astuce si vous utilisez un framework css comme twitter bootstrap
(ce qui est fort pratique), vous aurez souvent besoin de div avec des
classes. hébien vous n'êtes même pas obligés de marquer div pour faire
@ -45,17 +48,20 @@ une /div/ de classe /maClasse/. Il suffit d'écrire .maClasse et Zen
coding assumera qu'il s'agit d'une div. Pareil pour les #id.
On peut aussi se créer des palettes de code, comme une palette de
peinture. Sauf qu'au lieu de piocher des couleurs on piocherait des
blocks de code, par exemple des composants de twitter bootstrap comme un
panel accordéon dépliable, ou un carroussel.
Autre petite astuce pour avoir un code bien indenté, le raccourci de
formattage: *ctrl + maj +F*. Les subtilités de reformatage sont
disponibles dans les options d'édition de texte de votre IDE.
Wouala, que le zen soit avec
vous![[http://th07.deviantart.net/fs51/300W/i/2009/280/f/a/Bouddha_and_the_Lotus_by_Altayr.jpg][image]]