background preloader

Liste des balises HTML5 - Aide mémoire et liens vers le W3C

Liste des balises HTML5 - Aide mémoire et liens vers le W3C

http://www.vectorskin.com/referentiels-standards-w3c/balises-html5/

Related:  création site dreamweaverdrago37html

La structure d’une page HTML5 Comme l’HTML5 est actuellement mis en œuvre par quasiment tous les webmasters sur Internet, enfin du moins les plus « passionnés », j’ai pensé qu’il était nécessaire d’expliquer certains des nouveaux éléments et de poser les bases de la structure d’une page HTML5. D’autant que plusieurs des sites que j’ai davantage regardés et qui montrent une structure HTML5, ne semblent pas avoir compris comment les nouveaux éléments structurels doivent être utilisés. Effectivement la structure de base d’un document HTML5 n’a pas changé. Chaque structure comprend une section d’entête (head) contenant des détails invisibles et des liens vers des ressources et une section de corps (body) où les éléments visibles du document résident.

Des outils pour gérer des projets agiles (Scrum) ? Tout d’abord pour une liste exhaustive et à jour, il y a cette liste d’outils scrum gratuits ou non. Il est également intéressant de se rendre sur le site de la ScrumAlliance. Voici maintenant quelques outils de gestion sur lesquels ont peut s’appuyer dans le cadre d’une méthodologie agile. Pour ma part et à mon niveau (moins de 20 personnes), on peut recommander ces outils :

Docteur HTML5, Travailler en HTML5 dès aujourd'hui! Il existe plusieurs événements sur HTML5 en français. 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 » HTML5 WebSockets, le successeur du protocole HTTP ?- Le blog des nouvelles technologies : Web, Technologies, Développement, Interopérabilité J’ai lu récemment un article concernant le succès des Websockets ! Qu’est-ce ? En quoi est-il différent du protocole HTTP ? Comment fonctionne t-il ?

Initiation au positionnement CSS : 3. position absolue et fixe La position absolue et la position fixe permettent de placer une boîte par rapport aux limites de la zone d’affichage ou du conteneur. Comment les utiliser dans une mise en page CSS ? Cet article fait suite à l'initiation au positionnement CSS: 2.position float. Une boîte en positionnement absolu peut être placée n'importe-où dans le code HTML et s'afficher à l'endroit de votre choix. Des pixels et du code #27 - Stéphanie Walter : Webdesign - intégration web Une petite semaine avec beaucoup de liens orientés code : CSS, CSS3 et responsive webdesign, du retina display, et quelques articles sur le débat de la semaine, le skeuomorphisme Les tutoriels de la semaine CSS target for off screen designs, ou comment re-créer l’interface de l’envoie de sms iOS en CSS uniquement en utilisant :target Utiliser un logo cliquable SVG sur un site avec fallback, mon article sur Noupe avec 6 techniques pour utiliser une image SVG en logo avec différents fallbacks

Personnaliser ses pages d'erreur Les pages d'erreurs sont ces pages que typiquement vous n'aimeriez jamais rencontrer ! Malheureusement, elles apparaissent parfois, lorsque quelque chose qui n'est pas censé arriver survient... Vous les avez forcément déjà rencontré, le plus souvent, ce sont des erreurs de type 404 ou 500 qui sont respectivement les pages non trouvées et les erreurs internes du serveur. Vous vous dites surement que ces pages sont inutiles et sont plus un problème qu'autre chose mais il n'en est rien ! Index des balises HTML Structure Sections Références Cadres Aide-mémoire html Cette page sera enrichie au fil du semestre. Pour plus de détails, se reporter par exemple à la référence officielle sur le site du W3C, le consortium qui définit le html (et plus généralement les normes du web)le site w3schools, documentation non officielle, qui fournit une interface très pratique pour tester les balises (mais n’est pas officielle et peut parfois se tromper)

Initiation au positionnement CSS : 2.position float La position float retire une boîte du flux normal pour la placer le plus à droite ou le plus gauche possible dans son conteneur. Comment l’utiliser dans une mise en page CSS ? Cet article fait suite à l'initiation au positionnement CSS : 1.Flux et position relative. Une boîte flottante est retirée du flux normal, et placée le plus à droite (float: right) ou le plus à gauche (float: left) possible dans son conteneur. Zoom sur l'effet parallaxe Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes.

Améliorer la pénétration de l’index Google Sauf dans des circonstances très exceptionnelles, la plupart d’entre nous n’envisagerait pas la construction d’un site Web en une seule page Au plus vous avez des pages, au plus vous pouvez cibler des termes de recherche, au plus les possibilités d’apparaître dans les résultats de recherches augmentent et au plus de « jus de liens » vous recevrez. Plus Plus Plus, c’est mieux, non? C’est évident pour nous tous. Ce qui n’est pas immédiatement évident, c’est que les moteurs de recherches ont tous leur propre idée du nombre de pages de votre site.

Related:  HTMLcssTutorielsTUTOS