–zeug est un suffixe.
–zeug attribue une fonction à un concept.
–zeug accompagne des pédagogues, des designers, des chercheurs,
des étudiants et des curieux.
–zeug s’intéresse au design, aux signes, à la typographie,
à la fabrication des images, aux codes de lecture, aux espaces et aux usages.
–zeug publie des livres, conçoit des objets, diffuse des expositions et des savoirs.
–zeug est une maison d’éditions.
www.supremo.tv/typeterms
un site pour apprendre / revoir
tout ce qu’il faut pour parler TYPO
de quoi présenter vos projets de communication visuelle
en téléchargeant ce qu’il faut par ici : graphicburger.com
Un peu de logique et de concentration et on devient implacable !
http://flexboxfroggy.com
soyez tendance !
visionnez ce diaporama par ici :
fr.slideshare.net
à vos crayons, feutres, plumes…
www.letteringtime.org
This Book is a Camera, est un livre popup qui explique à la fois
comment un appareil photo marche
et qui quand on l’ouvre au milieu déplie un appareil photo fonctionnel en papier
qui marche sur le principe du sténopé
plus d’informations par ici : kellianderson.com
cliquer sur cette infographie qui peut vous aider à choisir
les bons formats d’enregistrement de vos fichiers images destinés au WEB
cliquer sur cette infographie qui peut vous aider à choisir
les bons formats d’enregistrement de vos fichiers images destinés au WEB
nouveau logiciel conçu pour concevoir
des sites internet sans toucher au code HTML&CSS
à télécharger pour tester par ici : sparkle.cx
un article à lire pour en savoir plus par là : www.macg.co
www.webdesignweb.fr
blog tenu par Stratis Bakas
qui a pour but de réunir toutes sortes d’articles sur le web
websafecolors.info
un site dit one page en responsive design
& en plus fort utile…
à tester évidemment !
de quoi débuter / poursuivre / renforcer
votre apprentissage en HTML&CSS et bien plus encore
3 sites pour rester en veille :
autrement dit : de quoi rester « tendance » !
tout est dit dans le titre de ce billet
pas besoin d’une image…
article paru dans/sur lemonde.fr le 09/03/2015
à lire attentivement par ici : campus.lemonde.fr
Pierre Giraud diplômé d’un master 2 entrepreneuriat et passionné par le web
propose de quoi apprendre et/ou revoir tout ce qu’il faut pour être à l’aise en HTML&CSS et bien plus encore
retrouver un 1er tuto par ici : www.youtube.com
une application développée
par le designer coréen Dong Yoon Park
pour iPad & iPhone
afin d’apprendre
les fondamentaux TYPO
à télécharger par ici :
typeinsight.org
choisir vos choristes
[observer qu’ils sont animés]
puis les faire chanter…
www.incredibox.com
[merci léon & lorine]
1 conseil de webdesigner & webmaster par jour :
www.24joursdeweb.fr
chaque semaine stéphanie walter webdesigner strasbourgeoise
publie sur son blog : www.inpixelitrust.fr/blog
des ressources web incontournables
qqs tutoriels Photoshop de qualité
par ici : www.youtube.com
[merci sarah h.]
doisjeutiliser.fr
WEB, ergonomie, accessibilité & qualité
soit un peu de lecture par des contre-exemples
[merci mickaël !]
qqs bouts de codes forts utiles
pour donner de l’effet
à vos créations via le CSS
[merci déborah !]
Google propose une bibliothèque de 750 icônes :
http://google.github.io/material-design-icons/
Vidéo sur les éléments principaux du design graphique réalisée par Matt Greenwood.
4 belles animations de background en fullscreen
à voir et à télécharger sur Codrops.
http://tympanus.net/codrops/2014/09/23/animated-background-headers/
découvrez ce site dont la structure / le squelette est identique [HTML]
& où il est possible de visualiser différents habillages / vêtements [CSS]
état de l’art du responsive Web design et projections / futur [42:37]
par Raphaël Goetter — Webdesigner Alsacréations
ce site en one page
donne de bons conseils Photoshop
possibilité de le lire en français,
mais aussi en finnois ou encore en japonais
il suffit de changer la langue en-haut à droite
plein de TUTOriels
pour relier esthétiquement
vos dossiers, rapports…
à visionner par ici
les meilleurs TUTOriels en ligne : tv.adobe.com
l’à_venir HTML&CSS
peut-être simplifié
par 2 jeunes américains
macaw.co
à suivre de près !
`
beau & utile :
thepatternlibrary.com
Des exemples simples de navigation (peuvent être utiles aux TCV sur la OnePage…) :
http://tympanus.net/Development/DotNavigationStyles/
de la technique étayée par de très belles photos :
www.legrandfaconnage.com
un catalogue papier en ligne
tout simplement magnifique :
www.colorplanpapers.com
outil fort utile pour vos choix colorée :
www.w3schools.com/tags/ref_colorpicker.asp
soyez curieux !
sur ce très bon site
vous [re]trouverez
plein de choses
dont nous avons besoin
pour monter nos sites
Article à lire pour découvrir et comprendre comment fonctionnent 3 types d’applications presse disponibles sur sur l’App Store :
Bibliothèque des interactions tactiles pour différents systèmes.
Très utile pour concevoir une application numérique.
http://gesturecons.com/
soyez curieux
en passant du temps
par ici :
fr.html.net/tutorials
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.
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…
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.com
visualisateur instantané
de codes HTML&CSS
à tester !
Des styles et des typos sobres, des transitions basiques et efficaces, une interface agréable, des options de partages faciles et très utiles… Réalisez vos diaporamas, intégrez les à votre site, ils restent disponibles de partout et à tout moment !
A tester ici : https://slid.es/
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
de quoi s’informer / se former…
www.wisibility.com
