background preloader

HTML

Facebook Twitter

API WEB

Bien utiliser le texte alternatif. Par WebAIM Donner aux images un texte alternatif est la première chose à faire pour l'accessibilité.

Bien utiliser le texte alternatif

C'est également l'une des plus difficiles à bien faire. Les images au texte alternatif absent, incorrect, ou mal choisi sont malheureusement légion sur le web. Et comme beaucoup d'autres points concernant l'accessibilité, c'est un domaine où l'interprétation personnelle compte pour beaucoup. Cet article présente des exemples et, pour chaque exemple, le texte alternatif approprié tel que nous le dicterait notre expérience personnelle.

Contenu de l'article Les bases du texte alternatif Le texte alternatif offre une alternative textuelle au contenu non textuel d'une page web. Le texte alternatif a plusieurs rôles : HTML5 UP! Responsive HTML5 and CSS3 Site Templates. ReadyTheme - Free Bootstrap HTML Theme & Templates.

CANVAS

HTML5 se dévoile. 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.

HTML5 se dévoile

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. HTML 5.2. This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML).

HTML 5.2

In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document.

AUDIO et VIDEO

Front-End vs Back-End vs Full Stack Web Developers. You open a new browser tab, type in a URL, and press enter.

Front-End vs Back-End vs Full Stack Web Developers

The site loads instantly. It nearly takes your breath away with its ultra-clean layout, well-constructed pages, and impressive visuals. SITES GÉNÉRALISTES. SVG. PARADES pour IE. Glyphs. A la découverte de Jade - Rudy Zourane. « Un Moteur de Template ».

A la découverte de Jade - Rudy Zourane

Ça vous dit quelque chose ? Vous en connaissez peut-être déjà : Smarty, twig, EJS, Haml etc. Aujourd’hui, l’utilisation de ces moteurs est devenue une monnaie courante : ils sont simples à mettre en place, leurs langages sont faciles à écrire et permettent de produire du HTML très rapidement. De fait, tout ce qui est fait en plusieurs lignes de codes peut se simplifier en seulement quelques petites lignes.

Jade - Template Engine.

DIVERS & VARIES

Sites de FORMATION, TUTORIELS. Balises META. LES FORMULAIRES. ANIMATION HTML5. RESSOURCES. Outils utiles. Améliorations du HTML, des pages HTML. HTML5 GAME. WebGL. INSPIRATIONS, IDÉES. Lorem Ipsum. Apprendre à créer un site web. Bootstrapious - Free Bootstrap Themes & Templates. Le blog Webnet – blog.webnet.fr via @Webnet_France. Véritable référence en matière de développement web et de boîte à outils complète pour le CSS3, Sass et Compass vous permettront de créer des feuilles de styles plus facilement maintenables.

Le blog Webnet – blog.webnet.fr via @Webnet_France

Il existe deux principaux Frameworks CSS : Less dont nous vous avons déjà parlé et Compass dont nous parlerons ici. Sass est un préprocesseur CSS stable offrant de nombreuses fonctionnalités et permettant de coder vos feuilles SCSS, de les interpréter et de compiler la syntaxe. Compass est le Framework qui vient en complément de Sass et qui offre un ensemble de fonctions réutilisables afin de palier à certains problèmes de compatibilités navigateurs.

L’utilisation de ce Framework vous facilitera la création d’un site ou d’une application tout en gagnant du temps. Installation Tout d’abord, si ce n’est pas déjà fait, vous devez installer Ruby sur votre ordinateur. Veillez à cocher la case « Add Ruby Executables to your PATH ». Lorsque Ruby est installé ou à jour, il faut installer Compass. Compile Less, Sass, CoffeeScript and much more with live browser refreshing. HTML5 Demos and Examples. Agile Enterprise Java, Cloud / NoSQL, Web Oriented Architectures, Mobile. HTML5 inputs and attribute support. Scriptol.fr - Programmation avec les standards du Web. Tester son site sous IE8/IE7/IE6, Firefox, Safari, Chrome et Opera.

La virtualisation applicative prend forme avec Xenocode Browser Sandbox.

Tester son site sous IE8/IE7/IE6, Firefox, Safari, Chrome et Opera

Les concepteurs de sites Web, les administrateurs système et autres utilisateurs peuvent désormais tester sans risque sur le Web avec Internet Explorer 8, 7 et 6, Mozilla Firefox, Apple Safari, Opera et Google Chrome. Rappelons qu'il existe des alternatives fournissant des captures d'écran en ligne du site à tester, avec l'inconvénient d'un petit temps d'attente : Test de site web : comment faire tourner Internet Explorer 6, Internet Explorer 7 et Internet Explorer 8 sur la même machine - Fiche pratique.

Internet Explorer est le navigateur de Microsoft.

Test de site web : comment faire tourner Internet Explorer 6, Internet Explorer 7 et Internet Explorer 8 sur la même machine - Fiche pratique

Il est installé par défaut dans Windows, ce qui en fait un navigateur très répandu sur internet. Depuis l'essor de l'internet, plusieurs versions se sont succédé, de la version 6 à la version 10, sur plus de dix ans. Si les versions récentes (9 et 10) supportent très bien les standards du web et ont un rendu similaire aux autres navigateurs, les versions précédentes ont chacune un moteur de rendu spécifique, ce qui rend le développement de site web laborieux, d'autant plus que l'on ne peut avoir qu'une version d'Internet Explorer à la fois installée dans son système d'exploitation Windows.

Pour pouvoir tester le rendu du site sur plusieurs versions d'Internet Explorer, il existe des solutions. Si vous souhaitez visualiser uniquement le rendu d'une page, l'outil Microsoft Expression Web SuperPreview for Windows Internet Explorer, gratuit, affiche le rendu d'une page sur les différentes versions d'Internet Explorer. Hypo Restaurenti. Responsive design testing tool – Viewport Resizer – Emulate various screen resolutions - Best developer device testing toolbar. Card Article UI - Coding. Formation Intégrateur Web. Vous souhaitez devenir intégrateur web ?

Formation 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. WebRTC. HTML5 Doctor, helping you implement HTML5 today. Ready to check - Nu Html Checker. La gestion des erreurs et des problèmes HTML. FOIRE AUX QUESTIONS (X)HTML - CSS. Auteur : gcyrillus Comment empecher un "block" de passer sous un flottant ?

FOIRE AUX QUESTIONS (X)HTML - CSS

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. On ne sait pas trop ou il se trouvent , ni comment ils interagissents avec le reste des élements. Tout d'abord ils vont se placer à droite ou à gauche (selon float:left; ou right; )a partir de l'endroit ou ils se trouvent dans le html . Gethtml - all the html elements. Générateur Lorem Ipsum en alsacien. Schnaps.it.

Les DTD HTML4.01, XHTML1.0 et HTML5 : quel doctype choisir. Avertissement : Ces explications se placent uniquement dans l'optique "Faire un document (X)HTML qui sera traité en tant que HTML", et non en tant que XML ; Cette optique répond en effet à la plupart des besoins courants à l'heure actuelle : on n'abordera donc pas ici le cas des DTD XHTML1.1 et au-delà, de mise en oeuvre nettement plus complexe, et qui répondent actuellement à des besoins très spécifiques. Pragmatiques, ces explications ne sont pas exemptes de simplifications. Le sélecteur de couleur nColor. Qu'est-ce que c'est ? Le sélecteur nColor permet de sélectionner et comparer des couleurs dans diverses simulations de vision daltonienne. Il s'agit d'une simple page HTML contenant un script JavaScript et des propriétés de style. Liste des balises HTML5 - Aide mémoire et liens vers le W3C.

View HTTP Request and Response Header. Caractères spéciaux et entités HTML. Apprendre les bases et la meilleure structure HTML. Catégorie : Développement Informatique, Html. Start Your Dev - Accueil : html css javascript xml xsl. Validator.nu (X)HTML5 Validator. Standard MIME (Multipurpose Internet Mail Extensions) Juin 2016 Introduction à MIME MIME (Multipurpose Internet Mail Extensions) est un standard qui a été proposé par les laboratoires Bell Communications en 1991 afin d'étendre les possibilités limitées du courrier électronique (mail) et notamment de permettre d'insérer des documents (images, sons, texte, ...) dans un courrier.

Il est défini à l'origine par les RFC 1341 et 1342 datant de juin 1992. MIME propose de décrire, grâce à des en-têtes, le type de contenu du message et le codage utilisé. Formats et extensions de fichiers. Février 2016 Qu'est-ce qu'un type MIME ? Le type MIME (Multipurpose Internet Mail Extensions) est un standard qui a été proposé par les laboratoires Bell Communications en 1991 afin d'étendre les possibilités du courrier électronique (mail), c'est-à-dire de permettre d'insérer des documents (images, sons, texte, ...) dans un courrier.

Depuis, le type MIME est utilisé d'une part pour typer les documents attachés à un courrier mais aussi pour typer les documents transférés par le protocole HTTP. Web Hypertext Application Technology Working Group. Chrome Experiments. Demo Studio. Video for Everybody!

The Wilderness Downtown. Modernizr: the feature detection library for HTML5/CSS3. HTML5 and CSS3 - Adobe - The Expressive Web - Beta. HTML5, aujourd’hui. L’article suivant est la retranscription de l’article que j’ai écrit pour le magazine PHP Solutions, dans le numéro hors série de 2011 consacré à HTML5. Le monde compliqué du droit d’auteur veut que ce texte ne m’appartienne pas, c’est donc avec leur permission express que j’en fait bénéficier mes lecteurs (oui toi). Toute reproduction est donc interdite. Cet article se veut une introduction générale à HTML5, notamment pour les développeurs PHP qui sont généralement les mieux placés pour prendre au sérieux ce qu’il se passe au frontend.

HTeuMeuLeu : Le blog d'un intégrateur HTML et CSS. Le W3C, le WHATWG et HTML5. La semaine dernière, le WHATWG a annoncé discrètement son intention de dissocier officiellement ses spécifications HTML de celles du W3C. Si l'annonce a été plutôt bien relayée par la presse anglophone (comme chez TheVerge ou TechCrunch), j'ai l'impression qu'en France elle a été mal comprise, déformée et sensationnalisée (comme chez PC Inpact, Le Journal Du Net, et surtout chez Numerama). Voici ma modeste contribution d'intégrateur revenant sur ce qui a été annoncé, et sur ce qui pourrait changer dans le petit monde des standards du web.

Mais pour commencer, il faut bien comprendre ce que sont le W3C et le WHATWG. Le W3C et le WHATWG Le W3C est un organisme de normalisation, créé en 1994 par Tim Berners-Lee. Le WHATWG est un groupe communautaire en ligne, créé en 2004 par des membres d'Apple, Mozilla et Opera après un workshop du W3C, lors duquel ils ont relevé leur inquiétude face au désintérêt du W3C pour HTML par rapport à XHTML. C HTML5 Logo. Le guide ultime pour accélérer son développement frontend. Yellow Lab Tools. HTML 5.1. This section describes the status of this document at the time of its publication.

Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at. HTML5test - How well does your browser support HTML5? HTML5 Doctor, helping you implement HTML5 today. HTML5 Rocks - Ressources pour développeurs Open Web HTML5. A Smarter Way to Learn HTML & CSS - Index of Exercises. HTML : Balise <br> Accueil. LA CASCADE. Dive Into HTML5. Semantic UI. HTML KickStart - Ultra–Lean HTML Building Blocks for Rapid Website Production - KickStart your Website Production. Material Design Lite.

The Most Advanced Responsive Front-end Framework from ZURB. Bootstrap · The world's most popular mobile-first and responsive front-end framework. Creating 3D worlds with HTML and CSS by Keith Clark. Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push things, so over the past few months I’ve been working on a new version with more complex models, realistic lighting, shadows and collision detection. This post documents how I did it and the techniques I used. A resource for open web HTML5 developers. Developer Resources : Microsoft Edge Dev. Template Villa - Wordpress Blog. Awwwards - Website Awards - Best Web Design Trends. Bringing modern web standards to everyone.

Your Web, documented · WebPlatform.org. Puce et Média. Programmation HTML 5 & CSS 3. KooR.fr - Une présentation du langage HTML agrémentée de nombreux exemples. NoteTab – A Prize-Winning Text Editor and HTML Editor.

Online Web Tutorials. HTML Beginner Tutorial.