caps:blog

Pas dans ce cas-ci ! Cette page permet en effet de générer des tables. Quel progrès !

Smashing Magazine publie un nouvel article sur les grandes polices et me permet donc de compléter mon billet du 30 octobre dernier.

Graphic-Exchange est une mine de travaux, qu’ils soient graphiques, typographiques, photographiques ou architecturaux, bref, tout ce que j’aime !

Qui ne se souvient pas de cette, euh, ce… truc pour faire des sites. Après plus de 10 ans de torture de code, on ne regrette pas de dire “Live is gone“.

Et figurez vous que Front Page, mon autre grand copain, a été abandonné par MS fin 2006 et que personne ne m’a rien dit !

Au suivant !

“Ca y est, il est de nouveau tombé sur la tête”

Pas tout à fait !
Voici un article très bien titré, puisque IE8 sera le premier IE à supporter les propriétés CSS “display” table, table-cell, table-row, etc. Propriétés qui permettent facilement de contourner le casse-tête de floats et autres positions absolues dès qu’on veut faire un design à colonnes multiples, tout simplement en émulant le comportement d’une table, sans table !

Un bon lien vaut mieux qu’un long discours, ça se passe chez sitepoint.

“Ca y est, il est tombé sur la tête”

Non, je veux évidemment parler de TableKit, un ensemble de scripts basés sur prototype destiné à rendre vos tableaux (de données !) encore plus beaux et utiles.

J’ai dans un coin de ma tête l’idée de lancer un blog où je ne posterai que des sources de code PHP/JS/Ajax/CSS de mon cru, destiné à vous faciliter la vie : génération de menus dynamiques, habillage des select d’un formulaire, transformation de listes en pseudo tableaux, “and much more". Vous avez déjà un peu de teasing à vous mettre sous la dent

Pourquoi ce billet s’appelle “sondage” ? Parce que je cherche une idée de nom de domaine pour héberger tout ce beau monde.

À vos commentaires !

Décidément, Smashing Magazine reste la source incontournable du “beau gratuit". Cette fois-ci, on a droit à des icones par centaines.

Vous avez peut-être déjà installé Vista ou vous êtes confronté à Vista dans un de vos environnements de travail. Vous connaissez Multiple IE qui permet d’installer IE7 de façon classique tout en étant toujours capable de tester vos sites sous IE6 (voire même 5 et moins).

Seulement voilà, Multiple IE ne fonctionne pas sous Vista.

Si vous ne connaissiez pas encore cette solution, la voici :

Téléchargez et installez Virtual PC.

Téléchargez une image de Windows XP préinstallé et utilisez là comme image de disque dur dans Virtual PC.

Et voilà ! Vous avez une machine virtuelle sous XP + IE6 avec l’indispensable developer toolbar, qui ne fonctionnait déjà plus sous Multiple IE. Vous aurez donc compris que cette solution peut également rendre de grands services si vous êtes toujours sous XP comme moi, puisque vous pouvez installer IE7 en natif, y ajouter la developer toolbar, et faire tourner IE6 (équipé de la toolbar du même tonneau) dans une machine virtuelle.

Oui mais…

Combien ça coûte ? Rien, Virtual PC est gratuit.

Tout ça est-il bien légal ? Oui ! C’est Microsoft lui-même qui propose cette solution, l’image de Windows XP est parfaitement légale, elle expire à interval régulier, vous devez simplement vous en procurer une nouvelle version à expiration (la version actuelle expire le 1er avril - sans blague).

That’s all folks !

Vous avez peut-être constaté un comportement agaçant de Firebug depuis que vous avez mis à jour Firefox en version 2.0.0.12 (car vous lisez ce blog donc vous utilisez Firefox et Firebug… Si ça n’est pas le cas, ne perdez pas votre temps et arrêtez la lecture ici) : l’inspection des tags A ne fonctionne plus…

“Tiens, mais oui, c’est vrai, ça ne fonctionne plus, je n’avais pas encore remarqué", s’écrie-t-il en testant.

Pas de panique, installez donc Firebug 1.1 beta ou attendez que Firefox 2.0.0.13 ne corrige ce comportement, vu que Firebug 1.0x ne risque plus trop de bouger d’ici la sortie de la 1.1 finale.

Tellement vrai ! Merci Nicolas, et pas que pour ça !

Ca se passe encore et toujours chez Smashing Magazine !

Une belle police l’est encore plus quand on lui donne les moyens de s’exprimer, c’est à dire en GRAND. La démonstration parle d’elle-même, mais j’en étais déjà convaincu !

Si vous devez comme moi donner des formations, informer votre entourage ou simplement vous cultiver dans le domaine des standards du web, cet atelier simplifié est fait pour vous.

Il est amusant de constater que la plupart des utilisateurs de cette “merveille de technologie” ne pensent jamais à définir le titre de leurs pages, comme en témoigne Google :

Untitled document et Document sans titre font un carton !

The Web Standards Project publie un article intéressant sur la dérive des standards depuis l’arrivée de l’iPhone.

Au cas où vous ne l’auriez pas encore remarqué, le validateur W3C réclame désormais un attribut “xmlns” valide (c’est à dire, contenant http://www.w3.org/1999/xhtml) dans la balise <html> de vos documents XHTML 1.0 Strict.

Cette restriction a été introduite dans la dernière version en date, 0.8.0, qui s’accompagne d’ailleurs de changements cosmétiques.

Je me souviens l’avoir crié sur tous les toits, ou plutôt dans toutes les boîtes, et à toutes les oreilles de développeurs à portée de voix : “N’utilisez pas l’underscore pour séparer les mots de vos URL significatives !".

Maintenant, je peux aller me rhabiller, Google vient d’annoncer que l’underscore était désormais reconnu comme séparateur de mots. Qu’on se le dise !

Remarque au passage, cela risque de légèrement influencer les recherches puisque les anciennes URL mal foutues sont “bonnes” depuis quelques jours (ou semaines, Google étant plutôt du genre à tester des algorithmes en douce avant de les rendre publics ou du moins d’en révéler l’existence).

Remarque bis : il n’en reste pas moins qu’un underscore, comparé à un tiret, c’est moche !

Vaste sujet, beaucoup se demandent si ça vaut le coup ou sortent d’une vieille expérience ratée à la grande époque des sociétés de “bannering” qui ont toutes coulé avant de pouvoir verser le moindre centime à ses affiliés. Le tableau est donc plutôt flou. Je vais tenter de vous donner quelques informations à ce sujet, ayant testé divers systèmes depuis quelques années.

Google Adsense

Google Adsense est la manière la plus simple de “démarrer” dans la pub. Vous vous inscrivez, vous choisissez le format de vos publicités, les couleurs, vous insérez le code fourni dans votre site, c’est tout. Vous consultez ensuite les stats toutes les 30 minutes pour apparaitre le premier click, et le premier centime arriver… Ou le premier dollar ! Car les taux de rémunérations sont très variables : un clic peut vous rapporter de quelques cents à 1 voire 2 dollars.

Il n’est pas forcément utile d’avoir une forte audience pour gagner beaucoup, plusieurs petits sites aux taux de clic élevés peuvent même rapporter plus qu’un gros site au taux beaucoup plus faible.

Text Link Ads

Text Link Ads propose d’insérer des liens textuels, c’est la publicité la plus discrète que je connaisse. Elle peut devenir d’autant plus discrète qu’on peut styler les liens en CSS. La disposition du maximum de 10 liens (paramètrable, si on ne souhaite pas en vendre autant) est donc totalement libre.

Point de vue rémunération, elle est mensuellement fixe. Chaque lien est acheté par un annonceur qui doit choisir votre site parmi les affiliés. Le prix d’un lien démarre à 15 dollars, et vous pouvez estimer vos gains grâce à cet outil. Avec 6 ou 7 liens vendus, il est facile de gagner entre 50 et 60 dollars par mois, les annonceurs renouvellent généralement leur emplacement.

Le point faible de Text Link Ads est que la plupart des annonceurs sont anglophones. Vous aurez donc du mal à vendre votre espace sur un site francophone. Le prix de vos liens dépend en grande partie de votre rang Alexa, également peu utilisé dans les pays francophones. Mais tout de même, vous n’allez pas cracher sur 500 € annuels !

BlogBang

Nouveau venu sur la scène publiciste, BlogBang rémunère au CPM (Coût Pour Mille). Régie française, elle propose de 1 à 3 publicités, sous forme d’une colonne avec vignettes et texte. Chaque publicité est une vidéo qui se déclenche lors d’un survol de la vignette. Cela fait longtemps qu’on avait plus rencontré de pubs rémunérées au CPM. Sur un site (qui ne doit pas forcément être un blog) à forte audience, cela peut devenir très intéressant ! On parle de 1,50 € par publicité, pour 1000 impressions. Si vous affichez 3 publicités, cela donne 4,50 € toutes les mille pages vues. Cela laisse rêveur quand on sait qu’on détient dans son panier de sites environ 300 000 pages vues par mois, soit 1350 € potentiels par mois ! Un salaire de base, sans rien faire, ou presque.

Mais, me direz-vous, et les impôts, dans tout ça ? Si les revenus sont faibles, on ne viendra pas vous embêter, il existe de toutes façons un gros vide fiscal à ce niveau. BlogBang semble moins flou à ce niveau et emet les factures en votre nom. Les annonceurs étrangers paient 30% à la source et puis… De nouveau le vide. L’argent part sur un compte paypal, libre à vous de l’écouler comme bon vous semble.

Conclusion

Sauf si vous avez de nombreux sites à forte audience, vous ne gagnerez pas votre vie grâce aux pubs, mais l’expérience montre que quelques petits sites peuvent facilement vous faire gagner un millier d’euros par an, en combinant les différentes régies. De quoi vous payer des vacances au soleil !

Vous connaissez Linkedin, vous connaissez Google Maps, et bien mélangez les deux, et vous obtenez Jobalize. Vous n’avez plus qu’à me ou m’y retrouver.

Design Snack et une espèce de portfolio communautaire. Vous postez votre design, vous votez (et surtout vous attendez les votes des autres participants) et vous faîtes la une.

Comme s’il ne pleuvait pas déjà assez ici, voilà qu’il pleut de l’Ajax… Blague à part, AjaxRain est une très bonne mine à scripts Ajax tout faits.

Nicolas lance Idle Together, Technology blog oriented towards good design and impressive web applications. J’y interviendrai également.

Vous êtes toujours en manque d’inspiration pour le design ultra-urgent qu’on vient encore de vous demander ? Le roi de l’inspiration est là !

La nouvelle Beta 3.0.2 de Safari semble bien plus stable. La preuve, j’écris m(ême)… Correction : c’est pas encore trop ça, il coupait le texte entré après le premier accent circonflexe rencontré…

Aujourd’hui, j’ai découvert le site blog de David Airey qui regorge de très bons articles sur le design, le web design “and much more".

Heureusement ils sont en CSS, et redimensionnables !

HTML5, ça devrait plus ou moins ressembler à ça.

Mais que fait la police (urm, bon, c’est de le début de la semaine…) ?

Pour me rattraper, je vous parle aussi d’une analyse de pas mal de logos “web 2.0″, qui nous révèle quelle police a été employée pour chacun d’eux.

Designers Interactifs publie un billet portant sur l’évolution du site Apple.

On l’attendait depuis longtemps, la v1.0 de cette fameuse barre, mélange de firebug et de web developer pour Firefox. La voilà enfin ! C’est plus joli que les bêtas (petites icônes) et surtout c’est stable sous IE6, tout en fonctionnant également très bien sous IE7.

Je vous parlais de swift, dans un précédent billet, un navigateur qui embarquait webkit, le moteur de rendu de Safari. Safari est maintenant officiellement développé pour Windows, et déjà disponible en version bêta. En voilà une nouvelle qu’elle est bonne !

Sur mon PC, ça ne fonctionne pas des masses. Le programme se lance mais aucun texte ne s’affiche, que ça soit dans l’interface ou les pages consultées. Bêta ? Mouais, plutôt de l’Alpha…

Facile avec cette collection de 290 captures d’écran.

The Elements of Typographic Style Applied to the Web, une très bonne mine d’informations.

Encore un service de capture de plus, me direz-vous. Mais celui-ci a l’originalité de capturer la page dans son intégralité (c’est à dire que vous obtiendrez une image plus haute que large dans la plupart des cas) au lieu du traditionnel “viewport", qui ne permettait pas de juger de l’aspect du bas de vos pages. Ca se passe ici, et c’est plutôt rapide !

Un mariage réussi.

Ce matin, Nicolas m’a parlé de WYMeditor, enfin un éditeur qui génère du code XHTML propre et ne propose pas un milliard d’artifices permettant au premier artist**** euh client venu de plomber votre belle page valide.

Je rappelle au passage que la merveilleuse extension Firebug est maintenant disponible en version 1.0, et croyez moi (ou non) cette extension devient très vite indispensable dès lors qu’on veut pouvoir rapidement débugger du CSS “and much more".

… Je demande la couleur.

Ca y est, le monstre est laché (en anglais uniquement pour le moment), il n’y a plus qu’à se mettre au boulot et hacker les CSS de tous les sites existants… Car il faut savoir qu’il sera proposé via Windows Update à partir du 1er novembre prochain.

Je vous parlais il y a 2 jours des améliorations de IE7 en matière de respect des recommandations CSS, et bien voilà que la RC1 sort.

Merci Nicolas.

En tous cas, c’est bien parti si on en croit cette looooooongue liste de bugs corrigés par rapport à IE6. Reste plus qu’à attendre que tout le monde l’utilise… Urm, c’est pas demain la veille…

Blogging Pro nous propose tout un éventail d’optimiseurs de CSS, à essayer…

Presque, grace à Swift. Affaire à suivre…

Update : L’adresse de téléchargement a changé

Update : C’est maintenant une réalité

Soxiam nous fait un petit inventaires des ressources CSS disponibles ça et là.

Moi, en attendant, je bosse sur un projet secret

Vous avez toujours rêvé (du moins, certains d’entre vous l’ont fait…) de sonoriser votre page, ou mieux, de déclencher des sons au passage ou au clic de la souris sur certains éléments, sans vous “prendre la tête". Et bien, ne rêvez plus car voici SoundManager, l’API Javascript de contrôle de sons, de simples fichiers mp3 renseignés dans un fichier xml qui les relie à un lecteur en flash planqué dans la page.

Microsoft a sonné le glas de Internet Explorer pour Mac… Ouf, il était temps. Ca ne va pas empêcher quelques irréductibles utilisateurs masochiste ou retardataires sous OS 9 de l’utiliser, mais on peut au moins justifier le zéro efforts en matière d’adaptations CSS pour cette bouse euh… ce navigateur. Ca se fête, 2006 va bien commencer!

Oui, si on en croit cet article.

En voilà un outil utile. Typetester vous permet de visualiser sur le même écran un bloc de texte mis en forme à l’aide de 3 polices différentes, avec toutes les variantes possibles et imaginables.

Après Microsoft qui propose une developer toolbar pour IE, voilà que Opera devient gratuit. Mais où va-t-on ?

Microsoft sort une developer toolbar pour IE 6 et 7… Cette dernière est honteusement pompée sur la fameuse web developer extension si chère aux aficionados de Firefox ou Mozilla, mais quand même, ça devenait rudement nécessaire!

Pas plus tard qu’il y a 5 minutes, je participais à une discussion sur la quête d’un dreamweaver d’occasion, et réagissais aux “joies du codage” évoquées, en ce termes :

Au risque de me répéter et de faire crier au scandale/mec qui fait sa pub/trop de café/je passe les poncifs habituels…

Un site c’est de l’HTML: vouloir faire un site, ça demande une connaissance du langage, c’est aussi simple que ça.
Si vous êtes fainéant, en manque de temps ou de compétences, ne faîtes pas de site, ou demandez à quelqu’un de le faire à votre place.

Il y a des millions de gens qui ont besoin d’une voiture pour se déplacer, ne savent pas la construire eux-mêmes et en achètent une (et une voiture, ça coute souvent plus cher qu’un site - du moins plus cher qu’un site pour une association - et ça ne se met pas à jour).

Je ne comprends pas cette manie du “Do It Yourself” lorsqu’il s’agit de sites… On vous a fait croire que faire un site, c’était savoir cliquer sur 3 boutons et avoir une vague notion de graphisme… Je vais vous décevoir, mais c’est faux, et c’est d’autant plus faux si on veut que le site final soit bien référencé et accessible.

Le site “optimisé pour Internet Explorer et 800x600 avec 50 plugins” est aussi nuisible que la poubelle ambulante qui vous rentre dedans parce que ses freins ont laché.

C’est Arno qui sert la soupe aujourd’hui, chez Uzine. Si vous n’aviez pas encore lu également W3C go home, du même auteur, c’est le moment ou jamais.

Dans un monde parfait où IE n’existerait pas, on pourrait utiliser ces choses merveilleuses que sont les pseudo-classes “:focus” ou “:not”. On peut toujours le faire, remarquez, histoire d’améliorer la “user-experience” de ces veinards de “users” qui utilisent un navigateur digne de ce nom (pas de noms, pas de jaloux).

Magique, oui, mais réalisé sans trucage !

Ca reboot dans tous les sens : les CSS, et le reste. Mais globalement, ça ne casse pas la baraque, surtout dans le reste, où le score le plus élevè est de… -2 ! Rendez-vous l’année prochaine ?

Si vraiment tout ça ne vous intéresse pas, vous pouvez toujours rembobiner vos DVD…

Ca ne serait pas plutôt la fête des tableaux ? Quand on lit “l’internet pour tous", ça fait d’autant plus sourire…

Evidemment, vous trouverez beaucoup moins vite ce que vous cherchez, mais avouez que c’est tout de même plus agréable : amaztype.

Merci Christophe.

Suivez mon regard…

Un article que tout développeur web devrait lire, comprendre et surtout mettre en application! Les versions anglaise, suèdoise et finlandaise sont également disponibles.