Liveblogging my website redesign 001 : Basics

2013 03 18 13:01

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




Ma méthode est assez désordonnée, ou «intuitive» (ça sonne mieux). Mais en gros, les idées arrivent quand elles veulent, c’est pas toujours moi qui décide, et c’est bien d’avoir quelque chose à portée de la main pour les garder, avent qu’elles ne disparaissent. La vie est tellement rapide aujourd’hui!

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

Watch This Space : Liveblogging my blog redesign

2013 03 14 23:57

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

Nous somme TOUS des cols rouges : Tentative de réponse, à vif, au RCR

2012 05 28 16:01

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 »

Nouveau projet de BD : Titre temporaire

2012 02 02 16:05

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!

utopsie à l’Expozine

2011 11 30 13:06 À l'expozine ce weekend

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!

Du nouveau à propos de moi

2011 09 16 14:39

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

Auto-fiction

2011 09 08 13:28


Inspiré d’un fait vécu.

iPad, un an plus tard

2011 02 10 14:39

Ça va bientôt faire un an que l’ipad a été lance dans le vaste monde.

Le 3 avril 2010, aux États-unis, et un peu plus tard au Canada. Les ventes ont été astronomiques – 14.9 millions dans les 9 mois de vente de 2010 – et l’impact s’est fait ressentir dans toutes les industries créatives : Édition, musique, magazines, journaux, tv, jeux, c’est fou, ça n’arrête pas. Sans compter les voyageurs d’affaires (super pratique un iPad dans un avion, quand le voisin d’en avant baisse son siège pour roupiller) les médecins, les animateurs de MusiquePlus, et même certains archéologues.

Un changement profond, qui remet en question la manière d’interagir avec l’information et l’ordinateur. Brian Eno l’avait préfiguré, quand, en 1995 il déclarait dans les pages de Wired qu’on devait trouver une meilleur manière d’interagir physiquement avec :

«So, how does one Africanize, or Brazilianize, or otherwise liberate a computer? Get mad with it. I ask myself, What is pissing me off about this thing? What’s pissing me off is that it uses so little of my body. You’re just sitting there, and it’s quite boring. You’ve got this stupid little mouse that requires one hand, and your eyes. That’s it. What about the rest of you?»

Alors, après un an d’utilisation intensive, qu’est-ce qu’on en pense de ce bidule?

Read the rest of this entry »

Nouvelle année, résolutions, etc.

2011 01 28 15:43

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!

Conférence Design graphique et culture

2010 12 13 12:09

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

Ma contribution au Vestibulles #42

2010 11 11 10:49

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 »

La mer…

2010 10 27 14:07

francisco-mer

Des fois ‘vaudrait mieux rester couché.

(Merci à Mel pour la couleur)

Carnet 2010/10/17

2010 10 19 15:00

Poubelles
Arbre

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