PIXELS by Patrick JEAN

Aujourd’hui c’est le CSS Naked Day! Virez votre CSS et montrez nous votre code HTML pour voir si il est beau! Bon, j’ai raté les éditions précédentes. Mais avec mon nouveau thème, je voulais tenter le coup!

CSS Naked Day ? Kesako ?

The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your .

On April 9th, simply remove all CSS from your website, stripping it entirely of its design.

Le site sera sans CSS pendant 48 heures. En effet, c’est le 9 avril international, c’est à dire, à n’importe quelle endroit sur terre, pour n’importe quel fuseau horaire.

Vous connaissez tous ces sites d’appli iPhone ? Depuis 2 ans, c’est devenu une tendance, une catégorie à part dans les designs de site. Personnellement, je les trouve très créatifs, modernes et pertinents. Et je m’en inspire pas mal, comme par exemple dans cette liste de 40 sites d’appli. Malheureusement, je n’ai jamais eu l’occasion de bosser sur un tel site.

C’est pourquoi j’ai forcé le destin. En découvrant Task This, une appli française gratuite de gestion de taches, j’ai tout de suite eu envie de proposer mes services pour faire la refonte. Lire la suite

Tumblr c’est magnifique. C’est très facile à utiliser, que ce soit pour poster des images, des liens, des vidéos… C’est un gros aggrégateur de tout et n’importe quoi, on a pas besoin de se soucier de l’hébergement, on peut utiliser son propre nom de domaine, il y a pas mal de services intégrés (Twitter, Feedburner entre autres) et surtout : créer un thème Tumblr est un jeu d’enfant!

Avec cette facilité pour poster tout ce que je veux (et vite!), et un système de template vraiment simple, je me suis dit que j’allais lancer mon petit site d’inspiration en web design, qui regroupera pleins de sites et d’éléments de sites (formulaires, headers, icônes…) : DDDSGN.

Pourquoi « DDDSGN » ?

Je voulais un nom court, simple et fun. Il fait bien évidemment référence à ffffound.

Pourquoi c’est tout noir et blanc ?

J’ai testé beaucoup de couleurs et de palettes de couleurs pour des designs parfois sympas mais qui ne mettaient pas assez le contenu en valeur. Avec un site en fond blanc et le texte en nuances de gris, les couleurs des images ressortent très bien! D’ailleurs, il n’y a aucune image appelée par la CSS. C’est que de la typographie et des couleurs. Plus simple à entretenir, tiens.

Je vous invite à visiter le site et pourquoi pas à vous y abonner !

Le SVG vous connaissez ? C’est des graphes vectoriels en XML. C’est cool parce que c’est du vecto et c’est donc scalable très facilement (j’avais fais des icônes en SVG une fois avec Illustrator pour un site mais ça marchait uniquement sous Opera).  C’est pas cool parce que c’est chaud à mettre en place, les navigateurs le gèrent mal et ça peut être moche en taille réduite.

Sur tapper[ware), un gars (un malade), a fait une sorte de Mario Kart en SVG. Vous pouvez voir la démo ici (ça ne marche que sous Firefox). Bon, c’est pas vraiment un jeu, mais juste une démo pour simuler le très célèbre Mode 7!

PS : mon record du tour est de 8:28 sec.

J’ai écrit un tutoriel complet pour réaliser un thème WordPress de A à Z.
Il est plus récent et parle aussi des Custom Post Type et Custom Taxonomy. Du coup, je vous invite à aller le lire.

WordPress vient d’annoncer une Release Candidate pour la version 3. J’ai pour ma part installé et mis en prod la version Beta 2 qui, ma foi, est très stable. Si vous comptez l’installer, allez-y! Les mises à jour se font comme les WP actuellement, c’est à dire automatiquement. Et le système de template pour les thèmes est identique donc vos thèmes marcheront sans souci! Le seul souci est qu’il n’y a pas de version française encore mais bon, c’est uniquement pour l’admin qui est vraiment très simple en anglais.

Nouveautés WordPress 3

Dans les nouveautés, il y a :

• choisir son login et son mot de passe : au lieu d’avoir « admin » et un mot de passe généré automatiquement, on peut les choisir soi-même.
• un nouveau thème par défaut, bourré de nouvelles fonctions et qu’on va customiser dans ce tutoriel
• custom background : un outil dans l’admin pour pouvoir choisir un fond pour le site. Si vous développez des thèmes vous même, ça vous est inutile.
• Multi-sites! En fait, WordPress et WordPress µ ont fusionné : il est donc possible avec 1 seule installation WP de mettre en place autant de blogs différents que l’on veut. Par exemple : css.bbxdesign.com pour un blog de CSS, inspiration.bbxdesign.com pour un blog d’inspiration etc.
• Custom Post Types
• Custom Taxonomies

Je vais développer ces 2 derniers points car ils sont les plus intéressants.
Lire la suite

Un gars génial a passé 17 mois à créer son propre casque Daft Punk.

Sinon, il a aussi fait un Portal Gun…

Tout est parti d’un tweet :

C’était une sorte de private joke. Par la suite, d’autres phrases de ce type me sont venues à l’esprit. Et puisqu’il est si simple de créer un site avec WordPress, j’en ai fait un site à part entière : http://onneditpas.bbxdesign.com/. Tous les noms de domaine que je voulais étaient pris donc j’ai fait ça en sous-domaine.

J’ai mis les 15 premières phrases, mais les suivantes ont été ajoutées par les visiteurs grâce au formulaire en bas de page. Si vous avez une phrase dans la tête, hésitez pas. D’ailleurs, il y en a actuellement 57 en attente de modération. Je sens que je vais y passer un peu de temps…

Les 3 préférées actuellement sont :

• On ne dit pas « L’iPhone 4 a un problème d’antenne. » On dit « Tu tiens mal ton iPhone 4. »
• On ne dit pas « Ca marche pas sous IE6! ». On dit « Ce site est bien codé. »
• On ne dit pas « Je passe mes journées sur Twitter et Facebook! ». On dit « Je suis Social Media Expert. »

Mon amie Corine voulait partir en Australie pour 1 an. Désireuse de découvrir de nouveaux paysages et vivre de nouvelles expériences, tout en améliorant son niveau d’anglais, elle voulait raconter au fur et à mesure des kilomètres parcourus son voyage à travers le pays. Il lui fallait donc un blog : Australie Trip.

Si vous êtes friands de paysages arides, de reptiles sauvages ou encore de culture aborigène, abonnez-vous au flux RSS !

Vous en connaissez surement d’autres.

Il est des connaissances que l’on veut transmettre telles qu’on les ressent. Celle des CSS que j’ai acquise au fil des ans est celle que je souhaite à présent léguer à travers une histoire peu commune mais très ludique.

Que vous soyez novice ou qualifié, l’Art & la Science saura je l’espère vous apporter un savoir mais aussi (et peut-être avant tout) une conception des CSS. Mon intention est de vous faire parvenir la perception clairvoyante d’une compétence vivante et expressive qui saura séduire celui qui l’embrassera.

Après mon tutoriel CSS : l’Art et la Science, voici un tutoriel sur l’autre partie importante de mon expérience d’intégrateur : WordPress le Tutoriel.

Je considère mes connaissances comme étant open-source. Et, de peur de les voir perdues à jamais, je préfère les écrire et les faire partager gratuitement avec la communauté des intégrateurs que nous sommes.

Ce tutoriel WordPress vous aidera à créer vous-même votre propre thème WordPress, mais contient aussi un thème WordPress vide gratuit sur lequel vous pouvez vous baser.

Eh oui, Noël, c’est déjà dans moins d’un mois. Et si comme tous les ans vous n’avez aucune idée de ce que vous voulez/pouvez offrir, voici le site qu’il vous faut.

Yeek recense plus d’une centaine de cadeaux geek et design qui alimenteront sans doute vos idées. En plus, le design et l’intégration sont faits par moi, c’est dire si ça vaut le coup d’aller voir.

Lire la suite

Ce blog a 4 ans, 317 billets, et 820 commentaires. Le dernier de ces nombres en restera là car je viens de supprimer la possibilité de poster des commentaires.

Si je devais lister le rôle des commentaires sur ce blog, je dirais :

1. Créer une discussion ?
   Entre qui d’abord ? Les visiteurs ? Jamais vu ça, car il faut être abonné aux commentaires et que le visiteur abonné se donne la peine de venir lire toutes les réponses au billet (et non pas forcément à son commentaire).
   Une discussion entre un visiteur et moi ? C’est d’ordre privé alors, et le formulaire de contact est là (en plus je viens de le refaire stp…).
2. Poser une question ?
   Une question posée dans un commentaire est très rarement résolue via les commentaires, que ce soit par moi ou par un visiteur. Le plus simple est là encore de m’envoyer un mail.
3. Spécifier un oubli, corriger une erreur ?
   C’est à dire, ajouter du contenu au mien, l’améliorer, le compléter. C’est la caractéristique que j’apprécie réellement dans les commentaires, mais elle est rarement utilisée.
4. Faire de la pub pour son propre site ?
   Ah, le fameux commentaire « Super article, merci ! », accompagné d’un nom d’auteur du type « Voitures pas chères » qui renvoie vers un site peu recommendable. Du link bait de base.
5. Me remercier ?
   J’apprécie le geste, et beaucoup de commentaires sont des remerciements. Mais le simple fait d’avoir lu mon article en entier et de l’avoir utilisé à votre guise me satisfait pleinement, même si je ne le sais pas.

Lire la suite

Je voudrais revenir sur l’excellent article : A Brief Rant on the Future of Interaction Design. Allez le lire, il est génial. Puis revenez ici…
L’idée est que nos mains sont capables de 2 choses principalement :

1. Ressentir : la chaleur, le poids, la répartition, la matière…
2. Manipuler : avec puissance, avec précision, en soulevant, en ciseaux

Non mais, allez le lire, vraiment.

La question ici est : qu’est-ce qu’une interface tactile ? Prenons comme exemple, une tablette tactile.

Lire la suite

Lundi soir, un désir, une vision.

J’aimais beaucoup mon thème précédent, bbxwall. Mais il commençait à peser. Visuellement et sur mon serveur. Il m’en fallait un plus léger, pour focaliser l’attention sur le contenu, et décharger mon serveur d’un souci perpétuel.

Lire la suite

La semaine dernière, je regardais, comme 600 millions d’autres personnes, dont 2 millions sur Canal +, le Clasico. Vous l’avez peut-être remarqué, mais le son était regulièrement, en 1ère mi-temps, en retard sur l’image. Apparemment, Canal a voulu rectifier le tir, parce que le son était ensuite en avance en 2nde mi-temps.
On parle ici de décalages de l’ordre de 500ms. C’est trop peu pour que ce soit fatal, mais assez pour anéantir notre concentration.

La désynchronisation du son et de l’image nous assure d’un chose, c’est que l’un des d’eux n’est forcément pas en direct (voire les deux). Ce que l’on voit à l’écran est alors un évènement différé, un peu dans le passé, un peu en retard.
Même si il est impossible techniquement de suivre un évènement télévisé (i.e. à distance) exactement simultanément, la synchronisation du son et de l’image en permettent l’illusion.

Lire la suite

Petite mise à jour pour maxi effet : mon WordPress est maintenant un Tumblr déguisé.

Aujourd’hui, l’Apple Store crée déjà l’expérience d’achat du futur, basée sur la confiance, la simplicité, et un iPhone.

Ma nouvelle prise de note numérique.

Je rejoins l’idée que développe Randy Murray dans Day For Night et je pense même que la littérature est souvent bien plus proche de la réalité que le cinéma.

Un livre complet sur les icônes : leur histoire, leur conception, leur utilisation. Trop tard pour Noël mais assez tôt pour un anniversaire sans doute, et jamais trop tard pour sa culture personnelle.

Paul Graham, qui avait créé la première application web en 1995, en décrivait il y a 10 ans la prolifération inévitable, leur développement itératif, la liberté du langage utilisé, le coût marginal insignifiant, la simplicité de départ. Une vision de GDocs, RoR et Microsoft, sans erreur aucune.

Pourquoi s’obstiner à porter de la contrefaçon ? Un sac Louis Vuitton original a un prix élevé pour 2 raisons : sa qualité et son image. Une contrefaçon est forcément de mauvaise qualité, il reste donc la seconde raison. Mais celle-ci n’est pas valable non plus : la supercherie est trop souvent très nette. Et même si elle ne l’est pas, le reste de votre accoutrement vous trahira.

Le début d’année est une période toujours propice à l’espoir, moins à l’action.