DevTools !

Use workspaces to persist changes made in DevTools to your local resources.

DevTools de Chrome propose de ne pas quitter l'environnement de travail. En particulier nous pouvons enregistrer (qq limitations existent) nos modifications ; autrement dit le fichier source sera modifié sans passer par un éditeur !

lire l'article

input

type="color" value:

type="date" value:

type="email" value:

type="number" value:

type="range" value:

type="time" value:

type="url" value:

datalist value:

remarque : Autre code pour modifier les valeurs

Vérification par les patterns

Le pattern .*[\d] vérifie les motifs
• 2ab : (* = 0 ; d = 2)
• a2b : (* = 1)
• ab2 : (* = 2)
• abc : (erreur)

Le pattern .*[a-z] vérifie les motifs
• 2ab : (* = 1)
• a2b : (* = 0)
• ab2 : (* = 0)
• 222 : (erreur)

Nous pourrons écrire pattern="^(?=.*[a-z])(?=.*[\d]).*$" pour vérifier les conditions au moins un caractère et un nombre.

Autres pattern
• (?=.{8,}) : au - 8 Entrées
• (?=.*[A-Z]) : au - 1 Majuscule
• (?=.*[\W]) : au - 1 Caractère Spécial/li>

Spécification des styles

Découvrons pourquoi la taille des H1 dépend du degré d’imbrication. Commençons par trouver les feuilles de styles par défaut :
http://stackoverflow.com/questions/6867254/browsers-default-css-for-html-elements

Pour Chrome :
https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css

Balise template !

Can i use : template

En 2008, J. Resig écrivait un post JavaScript Micro-Templating.

Pour résumer, on écrit un Template sous la forme

1. 1. <script type="text/html" id="user_tmpl">
   2.   <% for ( var i = 0; i < users.length; i++ ) { %>
   3.     <li><a href="<%=users[i].url%>"><%=users[i].name%></a></li>
   4.   <% } %>
   5. </script>

balise marquee

en action

Remarque :

Can i use