HTML

Tout pour apprendre le HTML... 5 en priorité. cbbpremery Oct 10

HTML5 Tutorial | Tutoriaux sur les nouvelles technologies web

Voici un article qui ne va pas servir à grand monde mais je l’écris pendant que c’est encore chaud. Il existe plusieurs manières de traverser un DOM, que ce soit un DOM HTML ou un DOM XML (puisque bon, du HTML reste du XML). Vous pouvez utiliser jQuery pour vous faciliter la tâche avec la méthode $.find(query) qui va vous permettre d’atteindre facilement un élément: Facile :).

Auto Optimize HTML Files By Removing Junk Characters & Tags - HTML Cleaner

If you are a web designer, then you might know that one thing people hate to see on a web page is junk items, such as extra spaces, quotation marks, optional end tags etc. Manually editing HTML files can become a tedious task, especially if you are dealing with a lot of web pages. Wouldn’t it be great if an application could automatically optimize your HTML documents by removing all the unwanted characters?

Location Detection

Precise address House number Street Point of interest Named location City District State Postcode Country Latitude Longitude Accuracy Altitude Altitude accuracy Directional heading Speed Step by step guide to geolocation enabling your site: Location detection with HTML5 is pretty simple. Browsers either support navigator.geolocation or they don't.

Popcorn de Mozilla : documentaire HTML5 et Web 3D

" Popcorn utilise JavaScript pour des liens en temps réel vers des médias sociaux, flux d'actualité, visualisation de données et autres directement dans la vidéo en ligne ", indique Mozilla pour qui le résultat obtenu est une " nouvelle forme de cinéma qui fonctionne comme le Web ". Pour la version la plus interactive et 3D, le documentaire est à consulter avec Firefox ou Google Chrome et une carte graphique capable de prendre en charge la technologie WebGL ( Web 3D ). Mozilla explique que Popcorn a permis aux réalisateurs de contrôler un environnement 3D dans WebGL et d'y ajouter en temps des informations issues de Wikipédia, l'API meteo de Yahoo!

There is a lot of interactivity on this site, primarily through mouseovers, using CSS3 features. The HEADER element is used a lot—arguably more than is required. And it is also somewhat overkill when there are HEADER elements surrounding only one H1 element.

HTML5 Design Gallery - Eye Styles

Twitterfontaine : un superbe Widget pour afficher vos tweets sur un site ou un blog.

Firebug Guide for Web Designers

Advertise here with BSA Firebug — an open source web development tool extension for the Mozilla Firefox web browser — is incredibly powerful, with a wide range of super useful and practical features that would benefit any web designer or developer. In fact, this browser extension (also available in other web browsers with limited functionality) is so useful and popular that it has browser extensions of its own. This real-time coding tool reduces the guesswork out of debugging web pages, among many other things such web page layout inspection/testing and web performance profiling, to speed up your workflow.

Playing with SVG Design

After years of quarantine, the Scalable Vector Graphics is finally raising fame as a feature of HTML5 with full native browser support. Vlog.it , by Marco Rosella , is an experimental site launched last month to explore two aspects of SVG with interesting potential for the design of original interfaces: clipping paths and scalable 2D motion graphics. Marco is going to share a quick tutorial on how it is done. The interface of vlog.it is composed by three rotating circle created by 48 thumbnails (chosen randomly) that let play over 300 Vimeos and over 1000 YouTube videos from my favorite ones. At the onload and before the opening of every video several black & white animations, with primitive shapes, are played in full screen like shown here:

(A Generative Art Lost Chapter) Through the process of writing Generative Art there were various tangents and miscellaneous-mad-shit that, usually in the name of brevity and clarity, ended up on the cutting room floor. What follows is one such tangent reworked into a brief tutorial.

Generative Art In HTML5 by Matt Pearson @zenbullets (A Generative Art Lost Chapter) #Processing, #JavaScript #Tutorial | CreativeApplications.Net

Vous êtes au bon endroit ! Ce cours est destiné aux débutants qui ne connaissent rien à la création de sites web et qui n'attendent qu'une chose : qu'on leur explique pas à pas comment tout cela fonctionne avec des mots simples et des exemples concrets ! Nous découvrirons dans ce cours les célèbres langages HTML5 et CSS3 que l'on utilise aujourd'hui pour concevoir des sites web. Même si ces "langages" ne signifient pas encore grand chose pour vous, rassurez-vous : tout ce que vous avez besoin de savoir sera expliqué dans ce cours ! Vous découvrirez notamment comment :

Apprenez à créer votre site web avec HTML5 et CSS3

Coding a HTML Newsletter Email | Onextrapixel - Showcasing Web Treats Without A Hitch

Before You Begin Before you dive head first into nested tables, old school background color declarations and more fun 1999 code, there are a few keys you should remember about HTML emails. Limited CSS Support – Because we’re designing for dozens of email clients that span multiple web browsers, it’s important to keep things simple when it comes to CSS.

Most impressing HTML5 with WebGL demonstrations – Script Tutorials

A pool of water rendered with reflection, refraction, caustics, and ambient occlusion. The pool is simulated with a heightfield and contains a sphere that can interact with the water’s surface. Very interesting graphic visualization: extended Reaction-Diffusion system. A final representation shader recolors the red color patch and takes it as a height map for the lighting too. Conclusion

Nombreux sont ceux qui se demandent si un moteur de recherche comme Google prend réellement en compte les balises meta. Le site WebRankinfo a mis en ligne un petit tutoriel sur ces balises et leur impact sur le référencement. Ce document est d'autant plus intéressant qu'il s'appuie notamment sur des recommandations apportées par John Mueller, ingénieur Google à Zurich. Pour exemple, la balise meta description est surtout prise en compte par Google pour l'affichage des résultats. Si cette balise n'a aucun impact en termes de positionnement, le moteur de recherche la reprend donc souvent dans le descriptif qui apparait dans les résultats. D'où l'intérêt de bien soigner cette partie pour inciter l'internaute à cliquer sur le lien.

Un tutoriel sur les balises meta et leur impact sur le référencement

HTML 5 Canvas Deep Dive

Canvas is a 2D drawing API recently added to HTML and supported by most browsers (even Internet Explorer 9 beta). Canvas allows you to draw anything you want directly in the webbrowser without the use of plugins like Flash or Java. With a deceptively simple API, Canvas has the ability to revolutionize how we build web applications for all devices, not just desktops.

A Quick Guide to Using HTML5 Forms | Webmonkey | Wired.com

Web forms are everywhere—contact forms, comment forms, sign up forms—these days you’d be hard pressed to find a website without a form. Sadly, HTML wasn’t originally developed with forms in mind and working with forms on the web is more difficult than it should be. Even something as basic as adding a date-picker to a search form requires JavaScript.

DNA Model using HTML5

HTML 5