Remémorons-nous l’histoire de l’écriture
avec cette animation réalisée par Ben Barrett-Forrest
Archives de l’auteur : Bettina Muller
générer, tester, copier, coller
trouvez sur ce blog de web développeur
plusieurs articles & outils bien utiles
comme par exemple des générateurs de boutons,
de bordures, d’ombres, de multi-colonnes en CSS…
OpenClassrooms
le Site du Zéro change de nom
et devient… OpenClassrooms
allez-y c’est par ici :
fr.openclassrooms.com
et encore mieux par là :
fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-et-css3
dabblet

dabblet.com
visualisateur instantané
de codes HTML&CSS
à tester !
TYPO_ti & TYPO_ta / bonnes vacances à tous !
présentation de 3 caractères distribués par fontshop.com
via une one page en responsive design
& en scroll avec effets parallaxe
_ Tabac de Tomáš Brousil
_ Number Five de Laura Worthington
_ FF Dora de Slávka Pauliková
26 choses à savoir avant de développer un site web
lien vers une image de qualité :
http://com-dev.fr/wp-content/uploads/2013/04/26-choses-a-savoir-min.jpg
document infographique réalisé par pixaal
wisibility tuto à gogo
de quoi s’informer / se former…
www.wisibility.com
qu’est-ce que le flat design ?
www.grapheine.com/divers/flat-design-vs-skeumorphisme
article à lire
écrit par l’agence
de design graphique
graphéine
trouvez-y sur ce site
d’autres informations
fort intéressantes !
fête des imprimeurs
Le dimanche 23 juin, la place Gutenberg de Strasbourg
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 » (rappelant qu’à Strasbourg a été imprimé
le premier hebdomadaire 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 Gutenberg.
En préambule, une conférence de Alain Howiller
aura lieu le 22 juin à 20h30 à la salle du Munsterhof à Strasbourg.
Cet événement est à l’initiative
de l’association Espace Européen Gutenberg.
Célébrer l’inventeur de l’imprimerie typographique, Gutenberg,
célébrer les métiers de l’imprimerie dont Strasbourg et l’Alsace furent un foyer d’éclosion,
redonner fierté à un métier bousculé par une évolution technologique rapide,
mettre en valeur les ressources artistiques des divers métiers des arts graphiques
comme la typographie, la gravure, la lithographie, la sérigraphie,
découvrir le potentiel graphique des nouvelles technologies numériques,
voilà toute l’ambition de cette FÊTE DES IMPRIMEURS du 23 juin.
de 10h à 17h, place Gutenberg à Strasbourg
Manifestation organisée
par l’association Espace européen Gutenberg
pour en savoir plus dont le programme :
www.gutenberg2013.eu
ça y est ton langage nous parle !
premier épisode : le web et internet
education.francetv.fr/dossier/le-html-par-lui-meme-1-2
second épisode : les bases du HTML
education.francetv.fr/dossier/le-html-par-lui-meme-2-2
amorçons le HTML&CSS !
poursuivons & partageons
par des découvertes fort utiles !
the bible HTML&CSS du moment
à force de répéter / donner
les références de ce livre fort utile
voici tout ce qui peut servir
pour se le procurer :
www.pearson.fr
plongeons dans le HTML&CSS !
wireframe à gogo
Linotype
pour tout ceux qui s’intriguent
de voir cette machine dans les couloirs du lycée
& qui rêvent de la voir tourner…
TYPO_ti & TYPO_ta
axes chronologiques, mémo TYPO…
à regarder de tous ses yeux
[merci à félix de cette découverte]
un CV de graphiste en dataviz
CX et +
naissance d’une identité visuelle par l’agence Moving Brands pour www.CX.com
excellente vidéo qui permet aux élèves de BAC PRO artisanat et métiers d’art option communication graphique / communication visuelle pluri média d’expliquer ce qu’ils apprennent à l’école & en période de formation en milieu professionnel
voir la vie en couleur !
jeu haut en couleur proposé par 2 webdesigner : Maria Munuera et Mark Mackay
[merci mickael pour cette découverte]
TV_graphisme
clique par-ci & par-là !
du beau…
oh ho v’là un site en responsive design
qui présente de très beaux travaux
où il est toujours bon de passer du temps…
plie&[re]plie !
des plis remplis de bon sens !
Traveler’s Paper Kit
concept design :
Jaeyong Lee, Jongwon Baek, Seonju Ryu, Sooji Park & Yeonjung Lee
www.0100design.com
pour découvrir plus d’images sur ce projet :
www.yankodesign.com
TYPO_ti & TYPO_ta
tout un Univers TYPO via un POP-UP réalisé par Kelly Lau-Kee
de la technique au bout des doigts
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

FUTURA un spécimen animé
présentation d’une typographie mythique
réalisée par Thibault de Fournas & Christopher Wilson
[étudiants à l’Esag Penninghen]
sous la direction de Bernard Baissait & Michel Wlassikoff
musique introduction to smooth – smooth
___
la TYPOgraphette que je suis… chipote :
— première s’abrège TYPOgraphiquement : 1re et non 1ère
— toutes les CAPs sont à accentuer ou pas !
— lorsqu’on parle du caractère choisir de dire LE Futura
— lorsqu’on parle de la TYPO choisir de dire LA Futura
cela dit ça reste un bel exercice de style
à montrer&partager avec vous tous pour diverses raisons…
JPOGUT2012

anciens voire futurs élèves,
professionnels, partenaires,
connaissances, amis & autres…
b o n j o u r à tous !
SOYEZ les bienvenus
le samedi 18 février de 9h à 16h
aux portes ouvertes du lycée gutenberg
VENEZ nombreux VISITER
nos ateliers vivants
animés par les actuels élèves
et toute l’équipe éducative
merci de diffuser largement
l’information autour de vous !
dessine-moi une TYPO !
découvrez le remarquable travail d’un designer TYPOgraphe californien james edmondson
qui passe du dessin à la main à la vectorisation dans un logiciel de dessin de caractères
un travail de labeur & de longue haleine !
où court-il ?
moi je sais ! il cherche à apprendre…
mais comment donc
christopher monro delorenzo
fait-il bouger son personnage ?
ne courrez pas trop vite !
profitez-en aussi pour découvrir
son travail graphique :
www.chrisdelorenzo.com
du bon pain !

conception & réalisation d’une belle identité visuelle
pour un boulanger australien : baker d. chirico
par l’agente fabio ongarato, march studio et les artistes/designers PAM
à découvrir par ici :
CV_grafik

un CV plutôt original : www.iluj.fr
TYPO_ti & TYPO_ta

bon amusement avec les corrections d’approche !
type.method.ac/#
TYPO_ti & TYPO_ta

de la nourriture pour vos yeux :
www.qualitegraphiquegarantie.org
TYPO_ti & TYPO_ta

TYPO_amoureux c’est par ici que ça se passe :
www.garamond.culture.fr
ça bouge !
l’histoire d’internet en pictos animés par Melih Bilgil
certains comprendront pourquoi ce billet
d’autres y trouveront une raison différente ; )
TYPO_ti & TYPO_ta #04

certains ont vraiment du plomb dans la tête ! : )
soyez curieux et découvrez la vidéo de lancement
d’une magnifique application LetterMpress pour iPad !
pour en savoir plus encore
rendez-vous sur le site : www.lettermpress.com
TYPO tableau période
www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759

ce document présente les TYPO les plus utilisées [avec info du créateur & de l’année !]
nombreuses sont celles que nous avons sur nos différents sites [MAC & PC]
à votre avis pourquoi… !? [étrangement je n’y vois pas la comic sans… OUF !]
pop up
si ça ce n’est pas géant… !?
ayez l’œil !
HELVETICA ou ARIAL ?
qui saurait faire 0 faute ?
2 fautes à mon actif ! [18/20]
et vous ?
bon amusement !
TYPO-ti & TYPO-ta #02

de la nourriture
encore un peu plus sucrée ou salée
en fonction de vos goûts… :
www.welovetypography.com
bon appétit !
dansons sur 3 colonnes & 2 gouttières !

allez télécharger le PDF de la plaquette 2008/09
de la maison de la danse de lyon
réalisée par julie bayard [graphiste lyonnaise]
afin d’y observer plein de belles choses :
— habillage & modulation d’une grille de mise en page
— astuces graphiques
— hiérarchisation des informations
— cadrage des visuels
— …
www.maisondeladanse.com/telechargementsarchives
en fouillant davantage sur ce site
vous trouverez également la nouvelle plaquette de la saison 2009/2010
ainsi que celles des années passées
tutoriels animés

pour faire des révisions, découvrir des nouveautés
dans InDesign, Illustrator, Photoshop et même plus
soyez curieux et allez sur :
www.adobe.com/fr/designcenter/video_workshop























