So

Ça commence avec une installation «default» de WordPress dans sa dernière version, soit 3.5.1 – voir le fameux «Five minutes WordPress install» ici.

Le nouveau thème «default» de 3.5.1 s’appelle Twenty Twelve et présente une foule d’adaptations à la nouvelle mode du web, le Responsive design. C’est assez pratique si on veut plonger rapidement dans cette nouvelle manière de monter un site, parce que les fonctions de base y sont intégrées : Media Queries et autres structures logiques. On peut fouiller dans le style.ccs pour voir comment ça fonctionne et expérimenter.

Voir ici pour un breakdown sommaire de tout ce que Twenty Twelve amène comme nouveaux features.

Je sais que certaines personnes sont en train de penser «Pff, pourquoi ne pas partir un thème de zéro, c’est ben plus rapide, Twenty Twelve c’est un cop-out». Peut-être, mais après plusieurs tentatives infructueuses, où je me suis perdu dans les poils du tapis, j’aimais mieux, de un, avoir quelque chose fonctionnel rapidement, et de deux avoir une excuse pour explorer les nouveautés de WP. Plus amusant que lire une liste de «What’s new in this version» en bullet points et perdre connaissance. Ç’est pas comme ça que j’apprends. Et puis, je me sens pas si calé que ça en WP pour pouvoir partir de zéro. Y’a trop de trucs que je ne connais pas assez bien pour conduire manuel.

Fait que, une fois Twenty Twelve installé, on commence à l’adapter à nos besoins. Pour ma part, j’ai deux idées principales qui orientent mon design.

1. Une grande image en haut, pour featurer les trucs importants, genre la plus récente photo de mon Instagram, des posts que je veux highliter ou le dernier projet que je viens de mettre en ligne.

2. Pour le contenu principal, deux colonnes, une pour les articles longs, une pour les contenus courts, comme des liens ou de commentaires.

Je reviendrai sur ces deux points dans des posts plus élaborés. En attendant voici des esquisses de ma démarche.

Maquette faite avec Paper sur iPad

Maquette faite dans Penultimate sur iPad

Maquette faite avec un stylo sur une feuille de papier

Bref, le iPad est un outil très pratique, notamment avec Penultimate, qui va synchroniser automatiquement avec Dropbox, et qui me permet de revoir mes notes rapidement, peu importe où je me trouve, devant mon ordi au bureau, à mon iPad la maison, ou devant un latte dans un café quelque part.

Prochain post, je vous explique comment j’ai monté la structure de base de la page d’accueil. En attendant, laissez-moi un commentaire, que pensez-vous de cette approche? C’est tu vraiment lame de partir d’un Template existant? Quel est votre template de départ? Comment notez-vous vos idées? Je suis curieux de savoir.

Later

f

Outils : Paper, par FiftyThree, Penultimate, par Evernote, et mon stylo préféré, parce qu’il fonctionne pour le papier et le iPad : Bamboo Stylus Duo

So for the nth time, I find myself going back to the deck, and have started woking on a redesign of this website. There are countless folders strewn about my hard drives with semi-abandoned versions of the new utopsie that never went very far. utopsie_new_2010, utopsie_work_2011, utopsie_2012, etc. There are even some that are older than that. But as I once again went back to this neverending task, I just abandoned all those old ideas and decided to start afresh, with a new outlook, and something that was missing from those earlier attempts: A purpose. A genuine reason to do this.

In the following hours, days, weeks, you’ll be able to follow along as I redesign this blog, in public.

I hope to learn a lot, from that works and what doesn’t. And maybe you’ll learn something too along the way. Or teach me something.

Stay tuned.

Un site vient d’apparaître en ligne, qui prétend représenter la «majorité silencieuse». Il me semble que l’exercice est un peu présomptueux, à la base, mais lorsqu’on s’attarde aux détails, je le trouve carrément prétentieux, démagogique et évidemment profondément biaisé. Alors voici, je m’attarde aux détails.

Qu’est-ce qu’un Col Rouge?

C’est dommage que tu reprennes le rouge comme couleur. Il paraît qu’un autre groupe utilise déjà le rouge. Mais sinon, je suis pas mal d’accord avec tes idées :

Read the rest of this entry »

La semaine passée avait lieu le 24h de BD d’Angoulême. J’ai manqué l’inscription, mais j’ai profité de l’ambiance de travail de la gang à l’atelier pour entamer un projet que j’avais déjà commencé à scénariser. Donc je me suis mis au dessin, et j’ai sorti 3 pages d’une shot. Ce qui semble être un peu plus accéléré que mon autre projet. En ce moment je suis à la page 5. Ce qui blaste totalement mon précédent record.

Vous pouvez aller suivre son éclosion sur le site de Grandpapier à l’adresse suivante : Titre temporaire sur Grandpapier. C’est un genre de Thriller.

Bonne lecture!

J’ai passé le weekend dernier assis derrière une table étroite à regarder les gens passer devant ma table à l’Expozine.

Je vendais récents, mon PREMIER FANZINE. J’en suis tout content. Il contient deux vieilles histoires et une nouvelle (histoire) de 3 pages dessinée spécialement pour l’occasion.

C’était vraiment le fun, mais en même temps épuisant : L’Expozine est une épreuve difficile. Au moins j’étais assis entre Edouard Bond et Antonin Buisson, sur une grande table qui accueillait aussi la gang de Front Froid, Cathon, Djanice, Kaylynn, Joseph et plusieurs autres (quelqu’un a appelé ça «la table des cool»). Aussi, de la bière.

Merci à tout le monde qui s’est déplacé pour venir me dire bonjour. J’ai hâte de refaire ça!

Bon, à part de négliger ce blog, qu’est-ce que je deviens, ces temps-ci? Avec quoi remplis-je mes journées?

Je viens de mettre en ligne, «officiellement», le site web de mon frère, le très talentueux Rafael Sottolichio.

www.rafaelsottolichio.com

Aussi, j’ai créé un nouveau portfolio, plus à jour, pour que vous puissiez admirer mon talent (et me contacter pour du travail).

www.utopsie.com/portfolio_2011

Inspiré d’un fait vécu.

Une nouvelles année commence, et avec elle des promesses qu’on se fait à soi-même. Généralement je garde ça pour moi, c’est moins gênant, en juin, quand t’as rien fait, personne te demande «pis, le truc, là, tu l’as-tu fait?» Mais là je suis en train de travailler sur une nouvelle version de ce blog, et je suis pas mal excité par ce qui s’en vient. Trop hâte!

Il y a deux semaines, à l’UQAM, dans le cadre du cours Design graphique et culture, j’ai donné une conférence devant *gasp* plus de deux cent étudiant(e)s dans une grande salle avec un gigantesque écran géant. J’ai vraiment adoré l’experience, et je remercie M. Marc Choko pour l’opportunité, surtout d’avoir à réviser les highlights de ma carrière de designer web, mais aussi d’avoir à clarifier le pourquoi du comment de ce que je fais ça toute la journée depuis autour de 20 ans. Merci aussi aux étudiants qui m’ont écouté avec attention. Et la gang qui jasait, et le dude qui cognait des clous, ben, moi aussi j’ai déjà été étudiant, je le prends pas trop personnel.

Ce qui m’a le plus marqué c’était la présence des «smartphones» et des laptops ouverts, sur presque tous les bureaux, plogués pour la plupart sur une page facebook. My my, ça faisait longtemps que je n’avais pas mis les pieds dans une salle d’université! Et j’ai eu l’impression d’avoir manqué un peu la parade, bien que j’étais là quand elle commençait à peine, il y a 12 ans…

Donc, trève de choses sérieuses, j’avais promis de mettre mes notes de conférence en ligne, et je l’ai fait. Mais quelques étudiant(e)s n’ont pas noté la seule adresse qui importait, celle des notes de conférence. En trouvant cette page, peut-être ça va être plus facile en cliquant ICI. Parce que tsé, y paraît qu’il y a genre des examens là-dessus, pis toutte. Il reste encore des trucs à l’université qui n’ont pas changé.

Pour terminer, pour les tl:dnr de la gang, voici le lien que vous cherchez : www.utopsie.com/design_graphique_et_culture

La vengeance du chinois (titre provisoire).

Voici la BD que j’ai fait lors de l’atelier de BD du Cégep du Vieux-Montréal.

À lire après le clic.

Read the rest of this entry »

Des fois ‘vaudrait mieux rester couché.

(Merci à Mel pour la couleur)

Une autre belle journée d’automne. J’essaie des nouveaux stylos.