background preloader

HTML5 se dévoile - Alsacréations

HTML5 se dévoile - Alsacréations
Le brouillon officiel (working draft) de HTML5 a été publié officiellement le 23 avril 2009 et depuis de nombreuses avancées ont été accomplies, les navigateurs supportant toujours plus de fonctionnalités et de nouveautés. La nouvelle génération du langage de balisage HTML remplacera à long terme HTML 4, XHTML 1.x et XHTML 2 qui a été abandonné. Profitons de cette occasion pour faire un tour d'horizon de cette nouvelle version de HTML. Consultez également toutes nos autres ressources HTML5 Qu'est-ce que c'est HTML5 ? Comme son nom l'indique, HTML 5 est le successeur de HTML 4. Le W3C c'est quoi déjà ? Le World Wide Web Consortium, abrégé W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Quelles sont les nouveautés ? <aside> Welcome! Les balises principales Doctype Le doctype est simplifié : Section Article Aside Nav

http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html

Related:  HTML 5HTMLFormation Web

Introduction au HTML 5 Si vous le souhaitez, allez lire le tutoriel complet sur le HTML 5 et le CSS 3 que j’ai écrit. Le HTML 5 est la prochaine version importante du HTML. Bien qu’étant en compétition avec le XHTML 2, le HTML 5 fait davantage parler de lui parce qu’étant plus facilement implémentable et plus pragmatique dans l’utilisation des nouvelles balises qu’il introduit. Quoi de neuf chez les balises ? Formation Intégrateur Web Vous souhaitez devenir intégrateur web ? Nous vous avons concocté un parcours de formation, sur mesure ! Une formation de plus de 46h qui vous donnera les bases nécessaires pour devenir intégrateur web. Grâce à ce parcours vous apprendrez à intégrer n'importe quel site Internet en HTML, CSS et javascript, en travaillant avec ou sans framework. Vous apprendrez également les bases de Photoshop, du référencement naturel et la performance web.

Comprendre l'ordinateur - C'est quoi l'ASCII, l'UNICODE, l'UTF-8 ? L'ordinateur est une grosse machine à calculer : tout ce qu'il sait faire, c'est effectuer des calculs sur des nombres. Il est incapable de comprendre le texte. Il faut donc faire un choix : par quel nombre on prend pour représenter la lettre 'A' ? Et pour les signes de ponctuation, quels nombres utiliser ? Il existe différentes conventions (ou codes). Osez HTML5 et CSS3 ! - Alsacréations Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens

Introduction au CSS3 Cette introduction est destinée à ceux qui souhaitent avoir un aperçu global de ce qu’apporte le CSS3. Vous y découvrirez un ensemble conséquent de nouveautés, comment utiliser les préfixes propriétaires afin d’en tirer profit dès maintenant et nous discuterons du caractère non-critique de son utilisation. Il s’agit de la suite logique de l’Introduction à l’HTML5, mais elle peut être lue indépendamment. Sommaire HTML 5 + CSS 3 = une révolution pour les interfaces web Voilà 20 ans que le web existe et presque 10 ans que le HTML n’a pas évolué et propose toujours la même structure et les mêmes balises. 10 ans c’est beaucoup, c’est la moitié de la “vie” du web. 10 ans c’est beaucoup, surtout lorsque l’on constate les révolutions qui ont eu lieu dans les usages du web ces 5 dernières années (partage de vidéos, réseaux sociaux, infos en temps réel…). Pas étonnant que des technologies propriétaires (Flash) se soient imposées (notamment sur la vidéo et les RIA) et que d’autres s’installent tranquillement pour combler un manque (notamment Google Gears pour l’accès hors ligne). Bref, il était temps que le marché se réveille et c’est (presque) chose faite avec l’arrivée à maturation de HTML 5 et CSS 3.

FOIRE AUX QUESTIONS (X)HTML - CSS Auteur : gcyrillus Comment empecher un "block" de passer sous un flottant ? D'abord un petit blabla a propos de ces "satanés " flottants. Les elements placées en "float" , ont des comportements difficiles a apprehender pour les débutants. Le langage HTML Un livre de Wikilivres. Le langage HTML Le langage HTML est un langage informatique qui permet de créer et structurer des pages Web. Par définition, toutes les pages Web sont faites de code HTML, le langage hypertexte. Toutefois, ces pages HTML sont souvent générées en tout ou partie automatiquement, par exemple sur Wikipédia, dans le cas contraire, elles sont écrites avec un éditeur de texte. Si le langage HTML permet d'afficher des pages d'une grande variété, en terme de contenu, ou de mise en forme ou d'animation et cetera, il a également la qualité de pouvoir être écrit avec un simple éditeur de texte, ce qui évite l'achat d'une application spécifique.

Sémantique HTML5 et ARIA pour Wordpress - Alsacréations Pour le reste du site, nous allons ajouter plus de sémantique. Notez que les rôles ARIA sont déjà correctement définis dans le thème par défaut, mais ce n'est probablement pas celui que vous utilisez, donc je vais les répéter. Formulaires Forms 2 a été renommé en HTML5 Forms et continue de définir de nouveaux types de champs ainsi que d'ajouter du comportemental sans JavaScript. Par défaut il n'y a pas de JavaScript qui régisse les formulaires de Wordpress (commentaires et recherche), on ne perd donc pas de fonctionnalité pour les anciens navigateurs : on en rajoute pour ceux qui supportent HTML5 Forms :) Si vous voulez ajouter facilement ces fonctionnalités pour pour d'autres navigateur sans taper de code JS, vous pouvez partir sur la librairie WebForms2 Dans comments.php :

Les Media Queries CSS3 - Alsacréations La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc. Approche historique

Related:  Web Design & DevelopementkaryVeille technologique