CodePen

Publié le par

CodePen est un site présentant
des morceaux de codes HTML, CSS et JavaScript
qu’il est possible de visualiser, modifier,
récupérer et éditer directement dans un navigateur.

Il est également utile pour s’entraîner
à comprendre la structure d’une page HTML
ou encore pour découvrir l’articulation et la fonction
des différentes déclarations en CSS.

fête des imprimeurs

Publié le par

Le dimanche 23 juin, la place Guten­berg de Stras­bourg
connaîtra des airs de fête comme en 1840. 

Au programme : des conférences et des ateliers d’arts graphiques,
un stand dédié au dessin de caractères, un autre au papier,
l’édition d’un livret « Relation » (rappe­lant qu’à Stras­bourg a été imprimé
le premier hebdo­ma­daire conçu dans le monde en 1605),
une édition d’art regroupant les différents procédés d’impression,
une cérémonie à la statue Guten­berg.

En préambule, une conférence de Alain Howiller
aura lieu le 22 juin à 20h30 à la salle du Munste­rhof à Strasbourg.

Cet événement est à l’initiative
de l’association Espace Européen Gutenberg.

Célébrer l’inventeur de l’imprimerie typogra­phique, Guten­berg,
célébrer les métiers de l’imprimerie dont Stras­bourg et l’Alsace furent un foyer d’éclosion,
redonner fierté à un métier bousculé par une évolution techno­lo­gique rapide,
mettre en valeur les ressources artis­tiques des divers métiers des arts graphiques
comme la typogra­phie, la gravure, la litho­gra­phie, la sérigraphie,
découvrir le poten­tiel graphique des nouvelles techno­lo­gies numériques,
voilà toute l’ambition de cette FÊTE DES IMPRI­MEURS du 23 juin.

 

de 10h à 17h, place Guten­berg à Stras­bourg
Manifes­ta­tion organisée
par l’association Espace européen Gutenberg

pour en savoir plus dont le programme :
www.gutenberg2013.eu

Outil Wireframe

Publié le par

Un outil pratique, facile à utiliser et gratuit pour réaliser un wireframe.
http://wireframe.cc

L’utilisation de cet outil permet de passer d’un croquis d’intention au code.
En respectant les proportions du croquis par rapport au format d’écran on obtient les dimensions précises des blocs qui deviendront « container », « div » et autres « boîtes ».

Replonger dans le HTML…

Publié le par

En ces temps de rentrée il peut être bon de se replonger dans le HTML…

Un petit exo sur vos blogs ?
Le site ci-dessous répertorie un grand nombre de glyphes. Vous pouvez les copier/coller en format texte ou au format HTML (cliquer en haut , les codes HTML ressemblent à cet exemple : ◄ vous avez juste à cliquer sur le glyphe pour copier le code )

http://copypastecharacter.com/all-characters

Sélectionnez quelques glyphes qui vous plaisent ou qui vous semblent utiles et publiez un article sur votre blog.
Pour les plus Geek, vous pouvez même vous essayer à « l’ascii art » en créant de belles frises :

▦⚛ ☉☝▦⚛☉☜▦⚛☉☞▦⚛☉☟▦⚛ ☉☝▦⚛☉☜▦

▛▚▙█▟▞▜█▛▚▙█▟▞▜█▛▚▙█▟▞▜█▛▚▙█▟▞▜

⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇⎇

✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺✺

de la technique au bout des doigts

Publié le par

suite à notre visite du musée TOMI UNGERER

et à l’exposition temporaire du moment sur les « illustrateurs au XXe siècle »

mais également à notre cours pour scanner & réaliser des images en bichromie

soyez curieux et visitez tout spécifiquement ces billets sur ce blog
qui présentent le travail de l’illustrateur André François :

magalerieaparis.wordpress.com/category/andre-francois

andre francois

organisation typographique

Publié le par

En complément du cours de jeudi en 2CV et pour illustrer les variations majeures d’organisation typographique dans une affiche (systèmes axial, radial, circulaire, aléatoire, à strates ou encore centré) , je vous invite à consulter le site du graphiste Michal Batory :

http://www.michalbatory.com/

Et tout particulièrement, dans l’entrée « actualités », la vidéo de présentation de l’exposition ARTISAN de l’affiche qui se déroule au Musée des Arts Décoratifs à Paris jusqu’au 30 avril 2012. On découvre comment Michal Batory s’y prend pour réaliser les visuels toujours très forts de ses affiches.

batory.54