La balise mark - HTML5 Vous connaissez tous l'importance de strong et de em et leurs différences avec b et de i. Bien sûr : vous êtes des experts. Sur le sujet d'HTML et de l'optimisation du contenu pour le référencement naturel j'en ai écris des articles (dont le pense-bête du rédacteur) qui ont contribué à me faire connaître comme . Ah ! Comment optimiser mes textes avec les balises d'HTML5 ? Le marquage sémantique offre de très nombreuses facilités pour faire identifier et indexer le contenu de vos pages par les robots. strong et em pour les moteursb et i pour les humains. , nous disposons, SEO masters, référenceurs, réfédacteurs, webmasters, d'une autre balise qui n'aurait d'objet que d'attirer l'attention du lecteur sur un point relevant dans le texte. Quel sera le poids de la balise mark pour les moteurs de recherche ? Bonne question à laquelle je vais chercher une réponse dans mes essais prochains.
Dossier - Où en est le HTML5 ? Petite histoire et promesses d'une évolution majeure du Web Dossier HTML5 - Plus de 10 ans après la publication de la norme HTML4, son successeur HTML5 promet de révolutionner notre usage du Web. Rétrospective et tour des attentes avec Tristan Nitot, président de Mozilla Europe et Daniel Glazman, cochairman du groupe de travail CSS au W3C.Lire l'article (volet 1) Une nouvelle porte pour les applications riches sur le Web Dossier HTML5 - Recours moindre aux images, affichage uniforme sur tous les navigateurs, applications riches (RIA) sans plugins tiers... De nouveaux outils pour la sémantique et le référencement Dossier HTML5 - Par l’ajout de nouvelles balises et d’un nouveau format de métadonnées, HTML5 compte améliorer son approche de la sémantique, nouvel axe de développement du référencement. Le remplaçant de Flash sur la vidéo ? Dossier HTML5 - Depuis plusieurs mois, le glas de Flash sur le terrain de la vidéo est régulièrement sonné avec l'arrivée de HTML5.
DENONSTUDIO Full Demo and Admin Interfaces View the full demo here Overview Smooth PHP Calendar Reloaded is simple JavaScript and PHP driven calendar. This calendar script can be used to display unlimited number of events with their descriptions. MySQL Database Backend Smooth transitions Can display unlimited number of events Works in IE 7, 8, 9, Firefox, Safari, Opera and Chrome. Compatible Browsers Firefox 4 Firefox 3 Safari 5 Safari 4 Opera Chrome Internet Explorer 9 Internet Explorer 8 Internet Explorer 7 Internet Explorer 6 (best effort) Upgrade Notes Smooth PHP Calendar now uses jQuery as its underlying framework, not Mootools The JavaScript file has been completely revamped to accommodate jQuery. Other Scripts
Application hors-ligne avec HTML5 – le manifest Dans le train, l’avion, plus généralement en déplacement, combien se retrouvent perdus sans la précieuse connexion à internet ? Rappelez vous la dernière fois que vous avez voulu consulter un article ou une documentation en ligne. Prenons le cas d’un blog : vous voulez pouvoir le lire en déplacement, voire même pouvoir éditer vos articles en cours de rédaction. Avec le manifest de cache HTML5, il est possible de rendre disponible hors-ligne les interfaces web. Sommaire Principe de fonctionnement Une page HTML intègre une référence vers un fichier manifest. En parallèle, le navigateur va vérifier la version de son fichier manifest auprès du serveur. Que le navigateur soit en ligne ou hors-ligne, il n’y a plus aucun impact sur l’affichage de la page qui vient directement du cache. Écrire le manifest du cache Il s’agit d’un fichier texte encodé en UTF-8 qui contient une liste d’URLs réparties en trois sections : Intégrer le manifest à l’application web.xml: Pages HTML: Notes de sécurité
Get Inspired: 40+ Websites with Beautiful Typography Typography has really set a great trend this 2010. Experimenting with the right choice of font, splashing with bold or plain colors, and designing it in different perspective are elements that works on typography. It uses on logo, poster, and websites. In this article, I’ll be featuring collection of typography inspired websites. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 32. tanoshism 33. 34. 35. 36. 37. 38. 40. 41. teez 42. 43. Web design really lead us to different aspect of designing your page even with experimented fonts. If you enjoyed this article, get email updates (it's free).
Elections 2012 Never Mind the Bullets - BEAUTY OF THE WEB About The Project As the web and its technologies continue to evolve, we prepare to enter the age of HTML5. Created for «Beauty of the Web» in honor of the launch of Internet Explorer 9, «Never Mind the Bullets» offers the traditional comic strip experience enriched by the effects of parallax. By a simple movement of the mouse the strip becomes animated and the story comes to life. The Crew Produced by Microsoft Corp, «Never Mind the Bullets» is an original idea conceived by the Parisian studio Steaw Web Design. Special Thanks Although the list of those to whom we are indebted for their assistance is long (they know who they are) we would like to thank, especially: Tim Sneath, Tim Aidlin, Christophe Lauer & Chantel Morin.
Elections - La Belgique Dans une démocratie représentative telle que la Belgique, des élections sont régulièrement organisées pour que les citoyens puissent désigner leurs représentants au sein des assemblées. Les éléments fondamentaux du système électoral belge Les éléments fondamentaux du système électoral belge sont fixés par la Constitution : les élections se font au suffrage universelle principe de la représentation proportionnelle est appliquéchaque électeur a une voixle vote est secretle vote est obligatoirele vote a lieu à la commune Ces éléments sont complétés par un ensemble de lois et d'arrêtés réglementaires généraux ou spécifiques concernant les élections. Aperçu des élections en Belgique • Elections fédérales : élection des membres de la Chambre des Représentants et des membres du Sénat élus directement (tous les 4 ans, les dernières élections fédérales datent du 13 juin 2010) Les prochaines élections Les élections fédérales, régionales et européennes du 25 mai 2014. Questions fréquemment posées .
Extending HTML5 — Microdata For those who like (to argue about) semantics, HTML5 is fantastic. Old presentational elements now have new semantic meanings, there’s a slew of new semantic elements for us to argue about, and we've even in<cite>d a riot or two. But that's not all! Also in HTML5 is microdata, a new lightweight semantic meta-syntax. Using attributes, we can define nestable groups of name-value pairs of data, called microdata, which are generally based on the page’s content. It gives us a whole new way to add extra semantic information and extend HTML5. Let’s go through these new attributes and see how to use them in practice with everyone’s favourite example band, Salter Cane. Microdata syntax # itemscope and itemprop # <p itemscope>I’m going to the <span itemprop="name">Salter Cane</span> gig next week.Excited! The presence of itemscope on the <p> element makes it into a microdata item. itemprop names can be words or URL strings. itemprop value from an attribute # Nested items # Multiple properties # Person
New structural elements in HTML5 By Chris Mills, Bruce Lawson Introduction HTML5 brings two new things to the table: new APIs that add essential new features to the open standards web development model, and new structural elements that define specific web page features with much more accurate semantics than were available in HTML 4. You can find articles covering many of the new APIs by looking for Dev.Opera articles marked with the HTML5 tag. This article, on the other hand, focuses on the latter — we will briefly look at how the new semantic elements were chosen, what the main new features are and how they are used, how headings work in HTML5, and browser support for these new elements, including how you can support them in older browsers. The contents are as follows: Introducing HTML5 structural elements HTML4 already has a lot of semantic elements to allow you to clearly define the different features of a web page, like forms, lists, paragraphs, tables, etc. But it could be so much better. <figure> and <figcaption>
HTML5, Google Instant Previews & son Snippet - Fatras Il devient dur à suivre le Google, non ? La personnalisation des pages de résultats pour tous qui a rendu chauves quelques référenceurs, c’était il y a tout juste 1 an. Au printemps, c’est le nouvel algo, MayDay qui leur fait mettre la culotte des résultats à l’envers. Instant Previews : comment ça marche ? Si dans une requête Google affiche toujours les résultats de la même façon qu’auparavant, une loupe apparait désormais à droite de chacun des titres. Ce matin, pour la grande majorité des sites, je n’ai pu voir ce Snippet s’afficher sur le cartouche. Toujours est-il que cette nouveauté va donner du fil à retordre aux webmestres qui vont devoir faire des efforts pour rendre plus sexy leurs pages : 3 secondes pour faire une bonne impression. 3 secondes fatales aux sites Flash, aux pages mal conçues, à celles qui sont moches... 3 secondes qui vont coûter très cher à de nombreux sites ? qui empêchera son affichage. HTML5 & Instant Previews ?
HTML5/CSS3 et autres geekeries Firefox 4: HTML5 Forms Firefox 4 will come with better support for HTML5 forms. In the latest beta we are experimenting with a set of new features: more inputs types (email, url, tel, search), new attributes (placeholder, autofocus, list), decoupled forms and different validation mechanisms. This is thanks mostly to the hard work of Mounir Lamouri. Some examples will work in other browsers, but you’ll need Firefox 4 beta to see all of them. New input field types In the same fashion as new HTML5 elements, we have new field types to better express what kind of input we want. In this beta, Firefox comes with four new kind of inputs : Of the four new input types, url and email will also validate their content. We also have support for a new kind of field: You can use this element to represent an area of the page that reacts to the interaction with a form. Text fields have been improved with <datalist> support. New input attributes Autofocus When you add this to a field, it will receive focus as soon as possible. url