PUBLIC MARKS from -Nicolas- with tags blog & web

Cet article est une “craduction”(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autes devrait être limité au strict minimum. "Yalla, en avant les jeunes !"

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de 21 scripts pour faire face à toutes les situations (ou presque)

The past year has been an amazing period for those wishing to learn the ropes of design, whether you're a noob just getting into the game or a seasoned designer or programmer. As we enter 2008, let's take a look back at some of the most popular articles, resources, and tutorials that helped those who toiled away on the web everyday.

Cet article est l’occasion de revenir brièvement sur le support par les principaux navigateurs Internet de ce dernier format capable de produire des images sans perte de données et de grande qualité.

Vous avez analysé de nombreux schémas XML et les microformats, mais aucun d'eux ne décrit avec précision l'ensemble des informations que vous souhaitez publier. Devez-vous créer un nouveau format ? C'est tentant, mais si vous utilisez un standard, vos données seront immédiatement interopérables avec les autres données publiées de la même façon. On pourra réutiliser les outils, les parsers et les feuilles de style construits autour de ce standard. Mais malheureusement, rien ne semble vraiment convenir à vos besoins. Et c'est là qu'intervient RDF.

J'espère que ce billet vous aura permis de comprendre un peu mieux les règles qui régissent une architecture REST et par extension une architecture orientée ressource. Il ne s'agit pas de la nouvelle architecture 2.0 hype du moment mais bien du Web passé, actuel et futur donc en le comprenant vous pourrez construire des sites et des applications web mieux pensées et cohérentes.

"Identifier et corriger ce qui bloque un référencement" est le lot quotidien du référenceur : on regarde l'existant, on identifie les points bloquants, et on recherche ensuite des solutions et des améliorations.

Microformats enable you to enrich your web pages (HTML, XHTML, RSS, Atom, Blog, XML). They don't affect how your web pages are rendered by a browser. But they have a huge (positive) impact on the ability of web tools to collect, understand, and process the information in your web pages. Microformats are tiny bits of information injected into web pages. When you add together the tiny bits of information over thousands or millions of web pages, you have a mountain of valuable information that can help with searching, understanding, and processing the web. There is a growing collection of microformats. I have created tutorials on the core microformats (as of early 2007).

FeedBurner is the leading provider of media distribution and audience engagement services for blogs and RSS feeds. Our Web-based tools help bloggers, podcasters and commercial publishers promote, deliver and profit from their content on the Web. FeedBurner also offers the largest feed and blog advertising network that brings together an unprecedented caliber of content aggregated from the world’s most recognized media companies (e.g. Wall Street Journal Online, Wired News, Ziff Davis), A-list bloggers and blog networks and individual publishers from around the world.

This is the second in a series of articles describing experiments conducted to learn more about optimizing web page performance. You may be wondering why you’re reading a performance article on the YUI Blog. It turns out that most of web page performance is affected by front-end engineering, that is, the user interface design and development.

Ce ne serait pas génial si vous pouviez utiliser le même compte pour vous connecter sur plusieurs sites et applications, sans avoir à tous leur faire confiance pour leur donner votre mot de passe ? Ne serait-ce pas encore mieux si vous pouviez faire ça sans avoir à donner la main de la propriété de votre identité en ligne sur quelque partie tiers monolitique ? (Je vous regarde dans les yeux, .NET Passport Microsoft Passport Windows Live ID.) La bonne nouvelle est que vous le pouvez ! OpenID est un système d'authentification décentralisé inventé par LiveJournal mais maintenant développé comme un standard ouvert sous la bienveillance de la Fondation Apache Software. Quiconque peut créer une OpenID, et le nombre de sites qui vous laissent vous connecter avec cette identité est en train de croître de jour en jour.

Cela fait un moment que je suis ça de loin et la sauce est en train de prendre, Tarek en parlait d'ailleurs récemment. OpenId permet de s'identifier via une simple URL sans pour autant être tributaire d'un service puisque vous pouvez avoir votre propre serveur gérant cette identité. Actuellement il y en a 4 « officiellement reconnus » mais rien ne vous empêche de créer le votre et mon petit doigt me dit qu'il ne va pas tarder à y en avoir à foison.

Today Mozilla Labs is releasing Operator, a microformat detection extension developed by Michael Kaply at IBM. Operator demonstrates the usefulness of semantic information on the Web, in real world scenarios.

This is the first in a series of articles describing experiments conducted to learn more about optimizing web page performance. You may be wondering why you’re reading a performance article on the YUI Blog. It turns out that most of web page performance is affected by front-end engineering, that is, the user interface design and development.

A comprehensive list (over 130) of tutorials on AJAX, JavaScript and other web development topics.

L'idée est d'associer à un contenu des données qui décrivent un sens, à l'origine humain, qui soit compréhensible par les machines. Prennons exemple sur ce billet de blog :

I have been assembling for some time a listing of semantic Web-related software applications and tools.

AJAX is a great tool for creating rich internet applications, however, when improperly implemented it can cause huge accessibility issues. The good news is that most of these issues can be fixed so your websites are viewable by a much wider audience.

Google Sitemaps est un moyen simple pour indiquer à Google toutes les pages de votre site, celles qui vous semblent les plus importantes et les éventuelles modifications apportées. Ce service permet une exploration plus efficace et des résultats de recherche plus récents. Google Sitemaps répond aussi à vos interrogations sur la façon dont Google voit votre site.

Le Générateur de mots clés génère des mots clés potentiels pour votre campagne publicitaire et crée des rapports sur les statistiques Google, comprenant des performances de recherche et des tendances de trafic saisonnières.

Quelle est la taille idéale pour afficher du texte à l'écran ? Pas facile de répondre à la question. D'autant plus que de nombreux critères peuvent varier en fonction de chacun (goûts personnels, handicap, fatigue des yeux) et de chaque ordinateur (système d'exploitation, résolution d'écran, couleur de fond).

En typographie française, certaines règles sont à respecter en matière d'espace et plus particulièrement pour la ponctuation. Éditées à l'origine pour le domaine de la PAO, elles sont plus difficilement transposables pour le web. En effet, les logiciels destinés à la mise en page (comme QuarkXPress) disposent des outils pour appliquer fidèlement ces règles alors que ce n'est pas le cas en HTML.

Ce site a été créé au départ pour présenter mes créations et prestations liées au web. Il s'est trouvé que plus le temps passe plus je découvre avec joie la conception web aux normes, ainsi que tout ce qui touche à l'Accesibilité du Web. C'est pour cela que j'ai décidé, sur ce site, d'étendre la communauté consacrée aux feuilles de styles CSS, au XHTML et aux Standards W3C en proposant une galerie de site en CSS, un forum de discussion, un blog et de nombreuses ressources CSS, Flash, PHP, etc. utiles à la conception de sites web aux normes.