fév 9 2010

3ne.ch dans la poche.

Michael Zwyssig

Je profite de ce poste pour tester l’import de flux RSS dans Facebook (en live).

Suivant actuellement des cours de graphisme, on a eu comme tâche de créer un logo et une carte de visite pour notre futur métier de graphiste indépendant. Bon, c’est pas mon but premier, mais c’est clair qu’il est plus que temps que je fasse un portfolio en ligne, déjà pour m’y retrouver moi-même avec ce que j’ai fait et avec de futurs potientiels clients, c’est toujours une bonne chose à avoir.

Je vais vous raconter l’histoire de l’achat de 3ne.ch

Je cherchais dans un premier temps un nom court et catchy, qui sonne bien. J’ai tout de suite pensé à quelque chose comme MZW, qui reprend l’initiale de mon prénom et les deux premières lettres de mon nom. C’était chouette, et en plus, suivant la police utilisée, ça donnait exactement la même chose qu’on le retourne dans un sens ou dans l’autre.

Voici donc déjà quelques idées de logos que j’ai eu :

mzw.tel_logo

Celui là, c’était pour le mzw.tel que je voulais l’utiliser. Eh oui, je me suis laissé avoir par cette grosse arnaque en croyant que les .tel fonctionnaient comme les autres noms de domaines. En fait non, c’est plutôt un réseau social payant où y’a personne dessus. 18$ partis en fumée !

mzw1

Une autre idée sur laquelle j’ai travaillé pendant mon cours. Forcément, au pinceau et au feutre biseauté ça donnait mieux. La carte de visite pouvait également être originale en découpant les bords des lettres à droite. En faisant une pliure à gauche, ça laissait apparaitre le fond et si on l’ouvrait on avait tous les détails.

La dernière idée ressemble à ça (et c’est là que le 3ne est apparu, lorsque je l’ai appliqué sur une carte de visite)

3ne

Voilà donc l’histoire de l’achat du nom de domaine 3ne.ch. Tellement surpris qu’il soit libre, j’ai pas pu m’empêcher de l’acheter… Il faut vraiment que je fasse attention avec ces achats compulsifs (on a vraiment de ces problèmes, les geeks), déjà histoireslibres.org que j’ai acheté il y a quelques semaines attend toujours ma motivation pour que le projet se lance vraiment. Je pense poster un article sur planet-libre à ce sujet dès que possible pour attirer des gens motivés…

http://3ne.ch (disponible dès que c’est prêt)


oct 15 2009

Un menu en onglets ( »Tabs ») avec CSS

Michael Zwyssig

Il existe de nombreux menus différents : les menus classiques, soit une grosse barre horizontale, les menus dropdown, les menus verticaux alignés à gauche ou à droite, qui peuvent être plus ou moins complexes, etc. Certains de ces menus sont énormément lourds et quasiment inutilisables, d’autres très légers sobres. Nous voyons maintenant comment faire une barre de menu horizontale avec des onglets, comme c’est à la mode de nos jours, sans images ni javascript.

exemple1

Lire la suite


fév 27 2009

Effets d’ombre portée et d’empreinte avec Inkscape

Michael Zwyssig

Ces effets, surtout le premier, sont très facile à obtenir avec un peu de savoir-faire.

L’effet d’ombre se crée en duplicant l’objet et en le rendant flou. En arrière plan et en noir, l’effet est garanti.

L’effet d’empreinte quant à lui est un tantinet plus complexe. L’ombre est à l’intérieur et pas à l’extérieur, on va donc devoir rajouter un objet qui « coupe » le contour de l’ombre. Tout cela est expliqué dans la suite.

Lire la suite


fév 3 2009

Et maintenant, au tour du CSS de se trouver une place dans le XHTML !

Michael Zwyssig

On a vu comment créer une page en XHTML, voici maintenant les bases du CSS (Cascading style sheets ou Feuilles de Style en Cascade). Les feuilles de styles sont dorénavant un must dans le domaine du webdesign. Plus question, comme autrefois, d’éditer son fichier HTML pour y mettre des couleurs de police, des bordures doublement grasses ou des tableaux fluorescents !

Lire la suite