HTML

Facebook Twitter
Arts numériques
Brackets | Downloads Why Use Brackets? Design In The Browser Brackets doesn't get in the way of your creative process.

Brackets | Downloads

Unicode character table
BlueGriffon, The next-generation Web Editor based on the rendering engine of Firefox

BlueGriffon, The next-generation Web Editor based on the rendering engine of Firefox

BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox, it's a modern and robust solution to edit Web pages in conformance to the latest Web Standards. It's free to download (current stable version is 1.7.2) and is available on Windows, Mac OS X and Linux. BlueGriffon is available in English, Dutch, Finnish, French, Czech, German, Hebrew, Hungarian, Italian, Japanese, Korean, Polish, Simplified Chinese, Serbian, Slovenian, Spanish, Swedish and Traditional Chinese
Lecteur HTML5 Lecteur HTML5 J’ai cherché comment avoir une solution la plus standard et la plus simple possible, donc via le lecteur audio HTML5, mais qui permette de lire non pas un seul fichier mais toute une liste, afin de proposer l’accès le plus rapide possible pour le lecteur aux podcasts de « monnaie libre ». La balise fonctionne ainsi pour un fichier son quelconque, encodé ici en deux format libre ogg. (On peut proposer d’autres formats comme mp3 ou autres, on peut ainsi rajouter autant de lignes <audio> que l’on souhaite vers différents formats du même fichier son). <audio controls="controls"><source src="chanson.ogg" type="audio/ogg" /> Votre navigateur ne supporte pas la balise HTML5 audio.
Mozilla Thimble App
HTML5 : Le pense bête des balises disponibles HTML5 : Le pense bête des balises disponibles HTML5 est certainement l’une des technologies web les plus prometteuses de ses prochaines années. Il est donc nécessaire de regarder dans sa direction et de commencer à expérimenter certaines choses. Aujourd’hui, nous vous proposons une cheatsheet intéressante qui reprend l’ensemble des nouvelles balises disponibles en HTML5 qui pourront vous être nécessaires lors de la construction de votre application web : Nous ne commenterons pas l’infographie mais nous espérons qu’elle vous aidera dans votre vie quotidienne de développeur web, qu’elle soit utilisée uniquement pour vous rappeler ce qui existe ou comme première prise d’informations et aiguiller votre recherche sur ce développement d’avenir.
HTML 4 était bien limité concernant les types de champs. HTML5 apporte énormément en terme de nouveautés. Ces innovations sont réunies sous un nom : les Web Forms (ou HTML5 Forms). Souvenez vous des éléments de saisie et de soumission de formulaire en HTML4 assez peu nombreux : <textarea> <select> (<option> et <optgroup>) <button> <input> (text, password, file, radio, checkbox, submit, image, hidden, reset,button) Grâce à l'apport de HTML5 et des Web Forms, de nouveaux éléments et types d'éléments arrivent dans nos formulaires.

Formulaires HTML5 : nouveaux types de champs

Formulaires HTML5 : nouveaux types de champs
LibreOffice developer shows prototype Android and HTML5 ports LibreOffice developer shows prototype Android and HTML5 ports The Document Foundation (TDF) announced plans last year to create mobile and cloud versions of LibreOffice. A preliminary iOS porting effort that was undertaken earlier in 2011 demonstrated the viability of the project and showed that the open source office suite could have a future beyond the desktop. In a presentation this week at the FOSDEM conference, SUSE developer Michael Meeks shed some light on the current status of the porting project. The presentation slides, which he published on his blog, offer insight into some of the underlying technical details and the rationale for some of the high-level design decisions.
Tutorials Tutorials HTML Tutorials Applying meaningful structure to content. HTML Beginner Tutorial: A step-by-step guide to HTML basics. If you’re completely new to web design, start here.HTML Intermediate Tutorial: Some HTML bits-and-bobs that might be useful to beginners and advanced HTMLers alike, including meta tags, definition lists, and sectioning.HTML Advanced Tutorial: Pushing HTML to its full standards-compliant, semantic potential, including accessible links, HTML5 forms, and embedded content. CSS Tutorials
HTML and CSS Tutorials, References, and Articles

HTML and CSS Tutorials, References, and Articles

Tutorials Quick and easy-to-follow practical guides to get you up and running with HTML, CSS, and JavaScript, following best-practices every step of the way. Techniques

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. Save time. Create with confidence. ★ Analytics, icons, and more A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icon; and docs covering dozens of extra tips and tricks.
Comprendre les codes HTTP

Comprendre les codes HTTP

Création de site hôtel et restaurant L'hôtellerie est un secteur qui a profondément changé avec l’arrivée d’Internet. Selon les études, en France, entre 70 et 85% des réservations de chambres d'hotel passent par Internet. L'objectif clé de la création d'un site internet d'un hôtel ou d'un restaurant et de son référencement est simple : augmenter le nombre de réservation en direct, sans avoir de commission à donner à un distributeur.
Intégrer un document excel dans une page html Si vous faites partie de ces gens qui bossent sur Excel tout la journée, à jongler avec les chiffres, les tableaux croisés dynamiques et les camemberts (miam), j'ai trouvé un truc super cool pour vous : Insérer un document Excel dans une page web. C'est Microsoft qui propose un nouveau service baptisé ExcelMashup qui permet simplement en uploadant un document Excel sur leur système Skydrive : De le consulter onlineDe l'insérer dans une page webDe réaliser des mashups web en l'utilisant comme une base de données (Voici un exemple de ce qu'il est possible de faire avec ExcelMashup et Bing.)
With the lapse of time mobile devices hold excellent pace in their development and dictate their rules to the whole industry by forcing website owners and web developers adapt new standards and consider the responsive design principles. Also there is the other side of the problem – the development of cross-platofrm mobile applications and website interfaces. It is a widespread situation when each and every website not only wants to have a mobile-compatible website, but also their own apps for iPad, iPhone, BlackBerry and Android, or at least some extended functionality for a mobile website. Also there are millions of start-ups waiting for their big moment to become another “killer-app”. If you ever decide to take chances in the field of creating mobile applications we think that our list of HTML5 frameworks for mobile development will be one of your primary assistants. Top 5 HTML5 Frameworks for Mobile Development
HTML5 Elements Quiz : Citer toutes les balises en 5 minutes Vous pensez maîtriser l’HTML 5 ? Testez vos connaissances au travers de HTML 5 Elements Quiz, un site vous invitant à citer en cinq minutes un maximum de balises de la prochaine révision majeure de l’HTML, le format de données à la base de toutes les pages internet visibles sur la toile. Petit score de 57 sur un total de 109 éléments pour ma part lors de la première et seule tentative. A vous de jouer en vous rendant sur le site officiel de HTML5 Elements Quiz.
insérer feuille de calcul google document dans un blog J’ai abandonné Excel il y a bien longtemps pour me concentrer plutôt sur Googledoc. Google doc propose une feuille de calcul tout à fait satisfaisante pour 99% de mes usages. Sachez également qu’il y a d’autres services qui peuvent remplacer excel, cf mon billet tableurs en ligne gratuits pour se passer d’excel, mais je préfère de loin googledoc, car il est disponible directement dans ma barre d’outil google. N’oublions pas que microsoft à lancé une version en ligne que j’ai pu testé et qui n’est pas mal du tout. Revenons au vif du sujet : comment copier coller un tableau dans un blogue. Pour cela il faut utiliser le site internet : docs.google.com, (condition : créer ou avoir un compte gmail)
html2canvas - screenshots with JavaScript
[HTML5] Utiliser l’API de Géolocalisation : Part I , Le Techblog de Gio.
10 sites pour optimiser le poids d’une image
Découvrez le lexique complet des balises HTML