background preloader

Html

Facebook Twitter

HTML Reference - A free guide to all HTML elements and attributes. HTML. Comprendre le Viewport dans le Web mobile. Le Viewport désigne schématiquement la surface de la fenêtre du navigateur.

Comprendre le Viewport dans le Web mobile

Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile. Comprendre la notion de viewport est absolument indispensable dans un projet d'intégration de site web pour tablettes et smartphones, ou dans un esprit d'adaptation "Responsive Web Design". Les différentes surfaces d'un mobile Afin de mieux cerner et exploiter le concept de viewport sur terminaux nomades, il nous faut commencer par maîtriser deux notions de base : la surface réelle et la surface en "pixels CSS" des mobiles. La surface physique. Docteur HTML5, Travailler en HTML5 dès aujourd'hui! Il existe plusieurs événements sur HTML5 en français.

Docteur HTML5, Travailler en HTML5 dès aujourd'hui!

Trouvez-vous qu’il est difficile d’en trouver un dans votre ville ? Si vous en organisez un, présentez-le dans les commentaires de ce billet et sait-on jamais, cela pourrait être utile ! Par exemple, à Montréal, le W3Québec organise des HTML5 Meetup. L’information se retrouve ici : Et nous [...] Continuer à lire » Nous recevons beaucoup d’e-mails via notre service « Demandez-le au docteur » à propos des conséquences de l’utilisation d’HTML 5 sur le référencement. Tutos, tuto, tutoriels pas à pas et illustrés sur le langage html5, html, css3, css, xhtml et jQuery. Liste des balises HTML5 - Aide mémoire et liens vers le W3C. Index des balises HTML. Structure Sections Références Cadres Listes Liens Multimédia Tableaux Formulaires Rendus visuels Textes - mise en forme.

Index des balises HTML

Compatibilité HTML5 en mobile. Display: inline-block et les espaces indésirables. La valeur inline-block de la propriété display est à la mode, même si elle demeure encore trop peu connue et mal utilisée.

display: inline-block et les espaces indésirables

Elle offre de multiples avantages dont le principal est de pouvoir disposer des éléments les uns à côté des autres, tout en étant dimensionnés et sans les retirer du flux. L'un de ses inconvénients majeurs est l'apparition d'un espace indésirable et incompressible de prime abord entre les blocs. S'il n'est pas gênant, tant-mieux; sinon, de multiples techniques plus biscornues les unes que les autres existent. Le cas «white-space» Comme tous les éléments de type inline ou de contenu textuel, les objets munis de la déclaration display: inline-block respectent la règle des caractères blancs (whitespace), c’est-à-dire que n’importe quel caractère HTML espaçant deux éléments va immanquablement apparaître entre leurs deux boîtes.

L’espace créé par le white-space est d'environ 4 pixels, mais ne vous y méprenez pas : cela varie selon les navigateurs et la taille de police. Les formulaires. Le contrôle ligne de texte La zone de texte est l'élément d'entrée/sortie par excellence de Javascript.

Les formulaires

La syntaxe Html est <INPUT TYPE="text" NAME="nom" SIZE=x MAXLENGTH=y> pour un champ de saisie d'une seule ligne, de longueur x et de longueur maximale de y. L'objet text possède trois propriétés : Propriété Lire une valeur dans une zone de texte. Apprendre le HTML5 – Tutoriel Complet. Tutoriel complet pour apprendre le HTML5 – Quelque soit votre niveau, ce cours est fait pour vous.

Apprendre le HTML5 – Tutoriel Complet

Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML et / ou le HTML 4.01, découvrez toute la puissance du HTML5. Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Insérer des liens hypertextes dans une image. HTML5 Online Animation Editor. Les Bases. HTML5 Online Animation Editor. Memo-html5.pdf (Objet application/pdf) Apprendre le HTML5 – Tutoriel Complet. Liste des balises HTML5 - Aide mémoire et liens vers le W3C. Concevoir un formulaire HTML qui tient la route. Il ne vous est jamais arrivé de remplir un long formulaire pour, par exemple, commander un voyage ou un vol et ne pouvoir le valider parce que le clic sur le bouton de validation du formulaire ne produit aucun résultat ?

Concevoir un formulaire HTML qui tient la route

C’est ce qui m’est arrivé il y a quelques semaines de celà… C’est vrai que je suis passé de PC à Mac et que je fais maintenant partie d’une minorité. L’accessibilité prends dans ce cas tout son sens. J’ai eu beau essayer avec Safari, Firefox, Opéra, Google Chrome, rien n’y a fait. Bref si je n’avais pas eu un PC pas loin pour passer ma commande avec Internet Explorer cette compagnie aérienne aurait perdu un client. Pourquoi ce formulaire ne fonctionnait pas , Tout bonnement parce que les personnes qui sont auteurs du code ont préféré se servir de javascript pour la validation des données plutôt que d’opter pour la solution html du bouton de type submit (button ou input) . Comment faire pour ne pas exclure des clients potentiels de votre site ? Ses attributs : * method.