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. 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
La Vague du Web #2 La Vague du Web est un condensé de ressources en tout genre vous permettant de suivre les dernières tendances web… Aujourd’hui dans cette chronique : beaucoup de plugins jQuery, une bibliothèque d’icônes CSS, ou encore une bibliothèque PHP de gestion d’erreurs. Bref, place à la Vague du Web numéro #2 ! Stickymojo.js Stickymojo est un plugin jQuery qui permet de mettre en place une sidebar flottante qui suit le scroll du navigateur. Pratique pour des éléments qui doivent être en permanence visibles, le script permet de définir des zones autorisées et évite les collisions entre blocs HTML. PHP Error PHP Error est une librairie PHP open-source permettant d’enrichir l’affichage des erreurs PHP avec un maximum d’informations sur l’erreur rencontrée : message clair et précis, extraits de code, contexte de l’erreur, ligne concernée, coloration syntaxique, etc. jQRangeSlider Adaptive Images BigVideo.js
Liste de couleurs Cet article propose une liste de noms de couleur ayant leur article sur Wikipédia, avec le code informatique d'un exemple de la nuance correspondante. Les codes sont le résultat de choix personnels de contributeurs, et en aucun cas des références. La couleur associée à un nom ou adjectif de couleur varie, parfois dans des proportions considérables. Quand il s'agit d'une couleur de surface, comme dans le cas des teintures et peintures, l'éclairage influe sur la couleur. Inversement, une même couleur peut toujours se désigner par plusieurs noms différents. Normes sur les noms de couleurs[modifier | modifier le code] « Il n'est guère de domaine peut-être où le vocabulaire populaire ou le vocabulaire de métier ait eu à subir autant de débordante fantaisie que celui de la couleur. » — Déribéré 2014, p. 7 « Vocabulaire et terminologie ». Généralement parlant, un nom de couleur désigne une plage de couleur plutôt qu'une teinte précise. Matières colorantes[modifier | modifier le code] Rappels
Les nouveautés du HTML 5 Le HTML5, le successeur du HTML4.01 est arrivé depuis quelques temps déjà. Il offre pas mal de nouveauté intéressante, voici un rapide aperçu du potentiel du HTML 5: Plus d'interactivité L'une des principales nouveautés de HTML 5 : l'interactivité ! Il est très courant sur le Web de rencontrer des sites web qui manipulent des données hautement interactives telles que : des vidéos, des musiques, des animations,... et bien sûr jusqu'à présent toutes ces technologies nécessitaient des langages tiers et indépendant du HTML. Et bien à partir de maintenant, le langage HTML 5 permet également au webmaster de construire des applications web plus dynamique du côté de l'interface utilisateur sans avoir la nécessité de recourir à d'autres langages : Javascript, Flash, Ajax.... Un code plus propre HTML5 permet aux développeurs un nettoyage automatique du code, ce qui permet ainsi de simplifier la structure d'une page et ainsi alléger le poids final de la page web. Un code plus facile à comprendre
jsPDF - Create PDFs with HTML5 JavaScript Library PDFs have become an essential element of document sharing. Our team recognised a significant challenge with generating these files and developed jsPDF, the ultimate solution for PDF generation. We took an innovative approach and made jsPDF open-source to encourage a collaborative community of developers to enhance its features and functionalities. With our easy-to-use application, you can create professional-looking PDFs in a matter of minutes, without the need for complex software or extensive training. Our intuitive interface allows you to generate any document type, including event tickets, reports, certificates, and more. Documentation Our documentation is generated from the source code, and we ensure it's up-to-date and comprehensive. Support While our open-source software doesn't come with free support, we offer competitive pricing for personalised project assistance.
Liste des évènements HTML5 Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum. Évènement de fenêtre – Balise <body> Événements déclenchés pour l’objet window – fenêtre. Ils s’appliquent généralement à la balise <body> Évènement de curseur / souris Événements déclenchés par ula souris, son curseur, ses boutons ou sa molette – ou action similaire. Évènement de formulaire Événements déclenchés par des actions dans un formulaire. Évènement multimédia Événements déclenchés par les médias tels que les vidéos, les images ou les fichiers audio. Évènement du clavier Événements déclenchés par une touche du clavier ou une action similaire de l’utilisateur. Mes 13 prédictions pour 2013 C’est déjà la huitième année que je me prête au jeu des prédictions (cf. 2006, 2007, 2008, 2009, 2010, 2011 et 2012). Comme le temps passe vite, et comme certaines prédictions reviennent de façon chronique ! Comme à chaque fois, je précise que ceci est avant tout un exercice de style, prenez-le comme tel. Je me lance donc dans une nouvelle liste de tendances dont je pense qu’elles vont se concrétiser l’année prochaine. 1/ Des coups sous la ceinture pour dominer le web Après plusieurs rounds d’observation, l’heure n’est plus aux amabilités entre les géants du web (Google, Apple, Facebook, Microsoft…). Action à prévoir : Prévoyez un plan B pour tous les services que vous exploitez ou toutes les plateformes sociales sur lesquelles votre marque est présente. 2/ Un retour gagnant pour Microsoft Il y a eu le rachat de Skype et de Yammer, le succès d’Azure, le lancement de la Surface et de Windows 8. 3/ Un retour gagnant pour Yahoo 4/ Grosse pression asiatique 5/ Le PC devient un produit de niche
HTML5 Microformats, microdata, nouvelle sémantique, nouveaux éléments HTML… Tant de nouveautés qui perturbent les intégrateurs web soucieux de se mettre à jour dans leurs compétences ou curieux de savoir ce dont ils peuvent déjà faire usage dans leurs intégrations. Bien que les microformats existent depuis 5 ou 6 ans, ce n’est qu’avec l’arrivée de HTML5 que la profession et les outils sont suffisamment mûres pour commencer à les exploiter réellement. Nous allons essayer de nous concentrer sur les microformats et, surtout, les microdata apportées par HTML5. Continue reading Bonjour à tous chers lecteurs, Ces 3 derniers mois ont été particulièrement intensifs, puisque j’ai co-écrit un livre nommé “HTML5 : De la page web à l’application web” avec mon confrère blogueur de l’HTML5 Jean-Pierre Vincent, créateur et animateur de braincracking.org. Continue reading Voici une présentation sur l’HTML5 que j’ai réalisé pour l’entreprise Sfeir dans laquelle je travaille. Continue reading Continue reading
Blog de CinéPhil | Ce qui se conçoit bien s'énonce clairement… On trouve les liens de type « Lire la suite » notamment sur les blogs, comme ici, ou sur les CMS. On peut se contenter d’importer dans la page la totalité des textes, n’en afficher que les premières lignes et ajouter un lien qui affiche la totalité du texte à l’aide d’un programme Javascript. L’inconvénient d’une telle méthode est qu’on alourdit le chargement de la page alors que l’utilisateur ne cliquera peut-être sur aucun lien. J’ai opté récemment pour une démarche différente : chargement uniquement des premières lignes des textes à afficher et lien qui active un programme Ajax pour récupérer depuis le serveur l’intégralité du texte demandé par l’utilisateur. Je décris le principe ci-après, en le simplifiant par rapport à ce que j’ai réellement mis en oeuvre… Lire la suite MISE À JOUR LE 29/08/2012 pour la version 3.2 « Open ModelSphere est un outil complet de modélisation de données qui prend en charge la modélisation conceptuelle, logique et physique.
Formulaires HTML5 : placeholder, required, pattern et validation HTML5 introduit de nombreuses nouveautés pour les formulaires pour améliorer l'aide à la saisie et les contrôles disponibles pour l'utilisateur. Plusieurs attributs simples à mettre en place améliorent la prise en charge des formulaires, tout en se passant de JavaScript. placeholder est un attribut qui permet de renseigner un texte indicatif par défaut dans un champ de formulaire. C'est une valeur qui s'efface dès que l'utilisateur active le champ de formulaire (ou commence à écrire dedans si vous êtes sous Webkit). Mise en place Ce comportement a très longtemps été mis en place grâce à JavaScript et des techniques dans ce genre : Avec l'arrivée de HTML5, la syntaxe se simplifie pour donner : La présence d'un placeholder ne vous dispense pas de renseigner un label pertinent. Démonstration Éléments compatibles L'attribut placeholder peut être placé sur les éléments : <input> : de type text, search, password, url, tel, email <textarea> Compatibilité de l'attribut placeholder Styler le placeholder