Un peu de logique et de concentration et on devient implacable !
http://flexboxfroggy.com

soyez tendance !
visionnez ce diaporama par ici :
fr.slideshare.net

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

www.codecademy.com

de quoi débuter / poursuivre / renforcer
votre apprentissage en HTML&CSS et bien plus encore

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

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 !]

www.cssmatic.com

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/

4 belles animations de background en fullscreen
à voir et à télécharger sur Codrops.

http://tympanus.net/codrops/2014/09/23/animated-background-headers/

csszengarden.com

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

www.photoshopetiquette.com

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

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 !  

Des exemples simples de navigation (peuvent être utiles aux TCV sur la OnePage…) :
http://tympanus.net/Development/DotNavigationStyles/

caniuse.com
tableaux de compatibilité
pour support HTML5, CSS3, SVG et plus
en fonction des différents navigateurs

de la technique étayée par de très belles photos :
www.legrandfaconnage.com

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.

www.debray-jerome.fr

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

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

belle&bonne lecture !

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