mirror of
https://forge.chapril.org/tykayn/orgmode-to-gemini-blog
synced 2025-06-20 09:04:42 +02:00
🎨 more style, links fix
This commit is contained in:
parent
a00cd145a1
commit
baac2fd2f1
2343 changed files with 31637 additions and 5343 deletions
|
@ -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]]
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue