Mes liens
796 shaares
143 results
tagged
Html5
Mais qu'elle est donc le poids attribué à un mot clé par Google lorsque celui-ci est inséré dans une balise, un attribut, voir directement l'url ? C'est bien une question qui revient tous les jours dans la bouche de nombreux webmasters et experts SEO. Pour trouver une réponse, le plus simple était donc de les tester toutes et c'est ce qui est fait depuis maintenant 3 ans via le Koxi'Lab.
Inutile de vous dire que, comme pour tout test SEO si rigoureux soit-il, il ne dégage pas la vérité ultime, seul Google connait son algorithme (et encore, parfois, j'ai des doutes...) mais des résultats pouvant être interprétés et des tendances dégagées.
Inutile de vous dire que, comme pour tout test SEO si rigoureux soit-il, il ne dégage pas la vérité ultime, seul Google connait son algorithme (et encore, parfois, j'ai des doutes...) mais des résultats pouvant être interprétés et des tendances dégagées.
I think 2011 was a great year for RedTeamDesign and for me also. I published quite many articles here and just to recap some of my best content, here are my top 10 of 2011
Snap2HTML takes a "snapshot" of folder structures on your harddrive and saves as HTML files. What's unique about Snap2HTML is that the HTML file uses modern techniques to make it feel more like a "real" application, similar to Windows Explorer, displaying a treeview with folders that you can click to view the files contained within (see example output).
For some time now, we’ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier. In this article, I’ll tell you what this attribute is for, how it works, and how we can take things further.
The idea of the original was to abandon the grid layout of the table and make each cell it's own line. Each of those lines is labeled with a pseudo element. This creates a much taller table, requiring more vertical scrolling, but does not require horizontal scrolling. It's easier to browse the data without losing context of what's what. The downside is that you might lose the context of data comparison, since you no longer see see cells of data right next to other cells of that type.
When a user wants to change some information on a webpage it's often very jarring to ask them to go to another form to edit the content. Users find it difficult to understand how the changes they make on a form will effect the resultant page.
Therefore it's become common practice to allow users to edit the content in place. It's easy enough to do this by switching out content areas with Form Fields however HTML5 offers us another solution called contenteditable. It's not a particularly new feature, having been in IE since version 5.5 but its addition to the HTML5 specification and now broad support means that you can confidently use it on your website .
Therefore it's become common practice to allow users to edit the content in place. It's easy enough to do this by switching out content areas with Form Fields however HTML5 offers us another solution called contenteditable. It's not a particularly new feature, having been in IE since version 5.5 but its addition to the HTML5 specification and now broad support means that you can confidently use it on your website .
CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during :hover, and we also create keyframe-based animations by adding a className, but did you know you can animate elements using media queries as the trigger? Let's have a look!
I don’t know who started it, but at some point in the web’s relatively short history, we decided that paragraphs displayed on web pages should be “typeset” in a manner similar to what we see by default in a Microsoft Word document: an empty line after a paragraph, and no indent for each paragraph.
For some uses this definition is adequate. However, the phrase “content inside a blockquote must be quoted from another source” makes it annoying or impossible to make some common changes or additions to a <blockquote>.
With CSS3 transforms now supported in most major browsers, we have the delightful opportunity to create innovative layouts and interfaces. No longer are we shackled in our one-dimensional prisons, bound to the tyranny of vertically-scrolling sites.
Le drag and drop (ou “glisser-déposer”) s’est immiscé progressivement sur le web. Ce principe d'interaction est ludique et pratique pour l'utilisateur. S'appuyant sur la métaphore de l'interaction dans le monde réel, il est également facile à mémoriser. Cependant, il est parfois difficile d'indiquer la possibilité du drag and drop.
CSS3 has finally arrived and it’s here to stay. All modern browsers are on par now and have reached a very high support level for this fantastic technology. A user with such a modern browser can experience the web in all of its beauty – and we have an incredible number of possibilities right at our fingertips.
J’aime beaucoup utiliser des entités HTML à la place d’images, mais le problème, c’est de se souvenir du code HTML ou encore de retrouver le dit code sur internet.
Ce lien propose une liste de très nombreux entités HTML que l’on pourra facilement insérer dans un design ou dans du contenu. C’est toujours plus facile à lire que le site du W3C !
Ce lien propose une liste de très nombreux entités HTML que l’on pourra facilement insérer dans un design ou dans du contenu. C’est toujours plus facile à lire que le site du W3C !
On a current project, I was trying to find a way to auto-resize a textarea according to some content that would be loaded in dynamically via Ajax. I didn’t know the height of the content and the textarea element doesn’t resize naturally like other HTML elements, so I needed to update the height of the element with JavaScript each time the content changed.
If you have played with the HTML5 version of the cut the rope, you will notice that it remembers your scores for each game when you return to the site. To achieve this in your own applications you can use localStorage which is part of the Web Storage Specification. Local Storage gives developers a way to to store data in the web browser, which will be available even if the browser is closed and returned to later.
The information stored in local storage is only visible to the domain that saved it, and so you can happily place information in the store knowing other, potentially malicious, websites will not be able to access it.
The information stored in local storage is only visible to the domain that saved it, and so you can happily place information in the store knowing other, potentially malicious, websites will not be able to access it.
Les microformats sont un moyen standard de résoudre les problèmes quotidiens communs de comment s’y prendre pour nommer votre ID et classes. Ainsi, au lieu d’essayer de penser à une bonne identification sémantique ou classe, il vous suffit de regarder la liste des noms qui sont fournis. En utilisant les noms fournis, cela permet aux moteurs de recherche de mieux comprendre le contenu au sein de vos éléments. Le moteur de recherche cherche ces catégories clés et la façon dont ils sont imbriqués pour définir le contenu.
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.
HTML5 is certainly one of the latest buzzwords in the web community. It is not something new anymore and we have already seen how cool it is. Features like simplified doctype, more semantic markup, input types and placeholders are just some of the reasons you would like to use a HTML5 tags.
WYSIHTML5, habilement nommé d’après l’acronyme bien connu pour « what you see is what you get » (WYSIWYG), traduit littéralement en français « ce que vous voyez est ce que vous obtenez », est un éditeur de texte riche Open Source basé sur le langage HTML5 et l’approche de l’amélioration progressive, qui est une manière de concevoir un site Web qui prend très largement en compte l’accessibilité, la sémantique et le référencement.
Arrivez novice à cette formation et repartez expert en HTML5. Au cours de cette session, Peter Lubbers, co-auteur du livre Pro HTML5 Programming publié aux éditions Apress, présentera une introduction aux nouveaux API exposés en HTML5 à l'aide d'exemples pratiques tirés de la vie réelle.