HTML5 et CSS Tendances - Formation Web Bordeaux

HTML5 et CSS Tendances - Formation Web Bordeaux

HTML5 et CSS
Tendances
SAPESO – 18 mai 2016
Intervenant : William PEZET
Frameworks & Grilles
Bibliothèque de code HTML complète et homogène
Bootstrap (par Twitter) : Sites responsive et applications web
Jquery Mobile : site responsive et WebApp
Foundation : sites responsives, applications, email,...
UI Kits
https://github.com/Guilh/Poly
http://designscrazed.org/free-html-css3-ui-kits/
Typographie
Utilisation de services de polices web tels que google
fonts
Slider
https://codepen.io/dudleystorey/pen/ehKpi
http://tympanus.net/codrops/2012/04/30/fluid-css3slideshow-with-parallax-effect/
Images full-width et menu burger
http://www.webdesignertrends.com/2015/07/1
2-templates-html5-css3-gratuits-a-telechar
ger/
UI Motion / Microinteractions
Gestion du survol
http://www.webdesignerdepot.com/2015/02/3-cool-css3-image-hover-effects/
https://codepen.io/nxworld/pen/ZYNOBZ
http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/
Mise en page Splits Screen
http://www.webdesignertrends.com/2015/04/tendance-d
u-webdesign-ecran-divise-vertical/
https://codyhouse.co/demo/2-blockstemplate/index.html#0
Effets Parallax
http://www.deepintheweb.com/effet-parallax-ressources
-gratuites/
http://www.webdesignertrends.com/2012/07/la-boite-a-ou
tils-de-la-parallaxe/
https://www.creativejuiz.fr/blog/tutoriels/css3-effet-pa
rallaxe-sans-javascript
HTML5 et CSS
Tendances
SAPESO – 18 mai 2016
Intervenant : William PEZET
Frameworks & Grilles
Bibliothèque de code HTML complète et homogène
Bootstrap (par Twitter) : Sites responsive et applications web
Jquery Mobile : site responsive et WebApp
Foundation : sites responsives, applications, email,...
UI Kits
https://github.com/Guilh/Poly
http://designscrazed.org/free-html-css3-ui-kits/
Typographie
Utilisation de services de polices web tels que google
fonts
Slider
https://codepen.io/dudleystorey/pen/ehKpi
http://tympanus.net/codrops/2012/04/30/fluid-css3slideshow-with-parallax-effect/
Images full-width et menu burger
http://www.webdesignertrends.com/2015/07/1
2-templates-html5-css3-gratuits-a-telechar
ger/
UI Motion / Microinteractions
Gestion du survol
http://www.webdesignerdepot.com/2015/02/3-cool-css3-image-hover-effects/
https://codepen.io/nxworld/pen/ZYNOBZ
http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/
Mise en page Splits Screen
http://www.webdesignertrends.com/2015/04/tendance-d
u-webdesign-ecran-divise-vertical/
https://codyhouse.co/demo/2-blockstemplate/index.html#0
Effets Parallax
http://www.deepintheweb.com/effet-parallax-ressources
-gratuites/
http://www.webdesignertrends.com/2012/07/la-boite-a-ou
tils-de-la-parallaxe/
https://www.creativejuiz.fr/blog/tutoriels/css3-effet-pa
rallaxe-sans-javascript