JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

Lancement de site : On ne dit pas…

Billet

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

Créer un casque Daft Punk

Billet

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

Sinon, il a aussi fait un Portal Gun

Introduction à WordPress 3 : custom post type et custom taxonomy

Billet

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 →

Mario Kart en SVG

Billet

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.

Lancement de DDDSGN, un site d’inspiration web design

Billet

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 !

Refonte de Task This, site d’une appli iPhone

Billet

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 →

CSS Naked Day!

Billet

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.

Jeux d’arcade + New York = PIXELS

Billet

PIXELS by Patrick JEAN

L’URL Shortener de Google génère des codes QR

Billet

Vous connaissez les codes QR ? Ces code-barres en 2D très utilisés dans le domaine du mobile.
Et vous savez que Google a son propre URL shortener ? Par exemple, pour mon article sur le formulaire CSS3, Google a généré l’URL http://goo.gl/fb/HioT
Si vous ajoutez .qr à la fin, vous obtenez son code QR!

Via Matt Cutts

La vérité sur les sondages

Billet

Je pense qu’il y a une donnée inhérente à tout sondage, c’est qu’ils concernent tous uniquement les personnes désirant être sondées, ou que ça ne dérange pas. Au final, ça restreint grandement le panel! Quel pourcentage de personnes dans la rue s’arrête pour répondre à un sondage ? Personnellement, je ne l’ai jamais fait. Et je n’ai jamais contacté ou été contacté par un institut de sondage. Et je réponds très rarement à un sondage sur le net (et lorsque je le fais, je choisis “NSP”). Bref, je ne dois pas être dans la cible (on me le dit souvent). Et étant donné que je ne dois pas être le seul, je remets systématiquement en doute la pertinence des sondages.

Je rappelerai cette fameuse phrase (reprise notamment par Mark Twain) :

There are three kinds of lies: lies, damned lies, and statistics

Populaire Tutoriels Fun