caps:blog

Voici comment activer cette fonctionnalité. Pour info, Safari 3 (que ce soit sous OS X our Windows) gère déjà cela sans manipulation spécifique.

Arch Daily, mon nouveau blog favori : de l’architecture, de l’architecture et encore de l’architecture.

Installez Firefox 3 et cliquez ici.

Anivers se fait faire un lifting pendant que Smashing Magazine nous propose encore et toujours des polices gratuites.

De beaux exercices de style chez ChauhanStudio.

Fini les câbles et les prises dans tous les sens grâce à cette boite discrète, efficace et pas si chère que ça pour du “design", surtout vu le cours actuel du dollar ! Merci Blue Lounge.

C’est ce que se demande Bruce Schneier dans son article du Guardian.

Thanks Ollie.

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.

The reactable is a collaborative electronic music instrument with a tabletop tangible multi-touch interface.

Assez incroyable !

Ah oui, au fait, bonne année !

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

Invité par l’instigateur même de l’exportation Bruxelloise des Pecha Kucha Nights, je vous ramène quelques photos de la première édition, qui a eu lieu le 20 novembre dernier. Rendez-vous à la prochaine le 20 janvier 2008 !

Une fois n’est pas coutume, une police gratuite qui n’a pas (encore) été reprise par Smashing Magazine : Garaje.

Une image vaut mille mots, allez donc jetez un œil aux cinémascopes - des micro-panoramiques composés à partir de 4 photos grand angle au format portrait - de Aaron Hobson.

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 !

Merci, Smashing Magazine !

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.

Tiens, c’était le “blog day” aujourd’hui… On aurait pu me prévenir

Bon, du coup, vous vous passerez des 5 blogs “recommandables” pour ma part, et puis il y a déjà de quoi piocher dans mes billets précédents, et aussi dans mon del.icio.us…

La poule aux oeufs d’or, Blogbang, semble avoir été dérangée dans sa ponte, ou ne pond plus que du plomb.

Après une stagnation des gains depuis fin juillet, ça semblait être reparti, dixit leur blog. “Que nenni", ça rapporte effectivement “un peu” plus depuis que de nouvelles campagnes sont en place, mais on est loin, très loin des taux de rémunération de juillet.

D’ailleurs, sur quoi sont-ils basés ? On ne le sait pas, ou plus.

Au lancement de la plateforme, le CPM (petit rappel, CPM = Coût Pour Mille) d’affichage entrait en grande partie en ligne de compte. Le dernier billet de leur blog annonce le contraire, le CPM d’affichage serait désormais nul (pourtant, leur FAQ en parle toujours…). Alors que le CPM de visualisation (quand vous passez sur la vignette et restez plus de 2 secondes pour voir la vidéo) et les clics semblaient être un “bonus", ce sont apparemment maintenant les seules sources de rémunération, d’où la chute des gains, des espoirs, et l’adieu aux vacances au soleil.

C’était en effet trop beau pour être vrai.

Alors, la poule va-t-elle se remettre à la ponte, ou doit-on trouver la formule qui changera le plomb en or ? Affaire à suivre…

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.

Vous rêvez comme moi d’avoir une ball chair ou une egg chair ? Allez donc faire un tour sur Inmod.

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 !

Merci de mettre à jour l’adresse du flux dans votre lecteur favori : http://feeds.feedburner.com/capsblog.

Après une longue période d’inactivité pour cause d’absence d’éditeur, le blog de Magnum (l’agence photo, pas le moustachu télévisé !) repart de plus belle avec Martin Fuchs aux commandes.

À cette occasion, Candy, dont on pourra au passage consulter le magazine, publie 50 illustrations.

Strassen et une série photographique de Christiane Feser. L’idée est plutôt originale !

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 !

ThumbStrips vous permet d’enregistrer, au sens premier du terme, votre session de surf. Chaque page de l’historique de votre visite est capturée. Il est donc très facile de retrouver un site que l’on a visité la veille ou même il y a une semaine, opération quasi impossible en temps normal si on n’a pas pris soin d’en envoyer l’adresse par mail à quelqu’un, d’enregistrer un bookmark, ou de le blogger.

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.

J’ai commencé à publier mes deux séries de photos, thème de fin d’année qui fut exposé à l’atelier Contraste la semaine dernière. Retrouvez une nouvelle photo de la série chaque jour sur mon photoblog.

Ca, c’est censé me représenter… Plus ou moins. Faites le vôtre ici.

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à !

Les 100 meilleures polices de tous les temps, avec force exemples et textes explicatifs, malheureusement en allemand uniquement.

La découverte photo du jour : Branislav Kropilak.

Une très jolie animation sur l’histoire de la typographie, réalisée par deux étudiants, Marcos Ceravolo et Ryan Uhrich.

FILE Magazine - Unexpected Photography.

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".

Le concept est intéressant, on voit défiler sur cette video toutes les images de séances photos, y compris - et surtout - celles qui ne seront jamais retenues. Ca n’est toutefois pas nouveau, ARTE l’avait déjà fait dans ses émissions “Contacts“.

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.

La programmation orientée abject, vous ne connaissez pas encore ? Je suis pourtant sûr que si ! Allez vérifier par vous même.

Night Views, une série de Floriane de Lassée, sera exposée à la Young Gallery en septembre 2007.

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…

J’expose, parmi 70 élèves de l’atelier Contraste, mon thème de fin d’année, que je pourrais appeler “Atemporalité nocturne". Je vous convie donc au vernissage de cette exposition, le mardi 26 juin dès 19h. Plus d’information sur le site de Contraste.

Vous avez une webcam et une tête pas encore trop déformée ? Alors essayez Cameroid, fous rires garantis !

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