{"id":28,"date":"2010-05-20T15:28:19","date_gmt":"2010-05-20T13:28:19","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=28"},"modified":"2015-01-18T18:09:33","modified_gmt":"2015-01-18T17:09:33","slug":"webdesign-mag-hors-serie-n%c2%b05","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/tutoriels\/webdesign-mag-hors-serie-n%c2%b05","title":{"rendered":"Webdesign Mag Hors S\u00e9rie N\u00b05"},"content":{"rendered":"<p>Aujourd&rsquo;hui m\u00eame sort le Hors S\u00e9rie N\u00b05 du magazine <a title=\"Visiter le site officiel du magazine\" href=\"http:\/\/webdesignmag.fr\/\" target=\"_blank\">Web Design<\/a>, vous le trouverez dans la plupart des kiosques.<!--more--><\/p>\n<h2>Que nous r\u00e9serve-t-il ?<\/h2>\n<p>Cette \u00e9dition pleine de conseils pratiques et tutoriels est all\u00e9chante dans la mesure o\u00f9 elle est principalement compos\u00e9e de HTML5, CSS3 et jQuery.<\/p>\n<h2>Quelques chiffres<\/h2>\n<ul>\n<li>140 pages<\/li>\n<li>20 photos Fotolia offertes<\/li>\n<li>2 vid\u00e9os de formation<\/li>\n<li>18 tutoriels<\/li>\n<li>100% de tutoriels exclusifs<\/li>\n<li>des dizaines de liens pratiques<\/li>\n<li>tous les codes et fichiers des tutoriels<\/li>\n<\/ul>\n<h2>Les petits plus !<\/h2>\n<h3>Alsacr\u00e9ations \u00e0 l&rsquo;honneur<\/h3>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-medium wp-image-31   aligncenter\" title=\"Webdesign et Alsacreations\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-alsacreations-300x200.jpg\" alt=\"Alsacreations\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-alsacreations-300x200.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-alsacreations-600x400.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-alsacreations.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Pour ceux qui ne connaitraient pas encore <a title=\"Une agence Web qu'elle est sympa !\" href=\"http:\/\/alsacreations.fr\/\" target=\"_blank\">Alsacr\u00e9ations<\/a> il s&rsquo;agit d&rsquo;une agence Web cr\u00e9\u00e9e en 2006 par Rapha\u00ebl Goetter et Rodolphe Rimel\u00e9 \u00e0 Strasbourg. Mais peut-\u00eatre connaissez-vous mieux <a href=\"http:\/\/alsacreations.com\/\" target=\"_blank\">le&nbsp;forum&nbsp;d\u00e9di\u00e9&nbsp;aux&nbsp;standards&nbsp;du&nbsp;Web<\/a> ?<br \/>\nQuoi qu&rsquo;il en soit l&rsquo;agence d&rsquo;Alsacr\u00e9ations pr\u00e9sente son activit\u00e9 sur 4 pages de cet opus du magazine gr\u00e2ce \u00e0 une interview s\u00e9duisante et bien men\u00e9e par St\u00e9phanie Guillaume.<\/p>\n<h3>Simon Kern<\/h3>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-medium wp-image-32 aligncenter\" title=\"Webdesign et Simon Kern\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-simonkern-300x200.jpg\" alt=\"Simon Kern\" width=\"300\" height=\"200\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-simonkern-300x200.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-simonkern-600x400.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-simonkern.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><a title=\"Le site de Simon Kern\" href=\"http:\/\/www.brindeweb.com\/\" target=\"_blank\">Simon Kern<\/a> nous propose dans ce num\u00e9ro pas moins de 5 tutoriels ax\u00e9s principalement sur la technologie jQuery et ses multiples possibilit\u00e9s.<\/p>\n<h2>Ma pr\u00e9sence sur le num\u00e9ro<\/h2>\n<p>J&rsquo;y viens tout de m\u00eame, puisque c&rsquo;est la principale utilit\u00e9 de ce blog : une interview et un de mes tutoriels sont pr\u00e9sents sur ce num\u00e9ro. Parlons-en\u00a0!<\/p>\n<h3>Interview<\/h3>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-medium wp-image-33\" title=\"Webdesign et Geoffrey Crofte\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-geoffrey-300x199.jpg\" alt=\"Geoffrey Crofte\" width=\"300\" height=\"199\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-geoffrey-300x199.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-geoffrey.jpg 400w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Interview men\u00e9e par St\u00e9phanie Guillaume qui vous permettra d&rsquo;en apprendre un peu plus sur moi et mes diff\u00e9rents projets Web. Rien d&rsquo;exceptionnel, c&rsquo;est juste pour les curieux \ud83d\ude09<\/p>\n<h3>Tutoriel \u00ab\u00a0Webdesign avec HTML5 et CSS3, sans images\u00a0\u00bb<\/h3>\n<blockquote><p>Cr\u00e9er un Webdesign en utilisant les derni\u00e8res technologies et sans images, c&rsquo;est possible !<\/p><\/blockquote>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-medium wp-image-36\" title=\"Tutoriel Webdesign\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-tutoriel-300x220.jpg\" alt=\"HTML5 et CSS3\" width=\"300\" height=\"220\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-tutoriel-300x220.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-tutoriel-600x440.jpg 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/05\/webdesign-tutoriel.jpg 1425w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Gr\u00e2ce \u00e0 ce tutoriel vous verrez qu&rsquo;il est tr\u00e8s simple de r\u00e9aliser un design en CSS3 sans une seule touche d&rsquo;image ! Bien entendu rien ne pourra remplacer les images de contenu, et le CSS n&rsquo;est pas fait pour cela.<br \/>\nAvec donc quelques r\u00e8gles simples de CSS3 et une dose de r\u00e9flexion sur leurs utilisations possibles, vous parviendrez rapidement \u00e0 un r\u00e9sultat int\u00e9ressant.<br \/>\nPour les utilisateurs des navigateurs Chrome, Safari et Opera, vous aurez le droit \u00e0 une d\u00e9monstration des animations que propose cette version du CSS. Des alternatives pour les navigateurs plus anciens sont mises \u00e0 votre disposition sur le CD fourni avec le magazine.<\/p>\n<p>Vous trouverez aussi une exp\u00e9rimentation d&rsquo;<strong>un slideshow con\u00e7u enti\u00e8rement en CSS3<\/strong> ! De quoi vous donner l&rsquo;eau \u00e0 la bouche.<\/p>\n<p>Cet article ne vous oriente pas pr\u00e9cis\u00e9ment \u00e0 chaque \u00e9tape de la construction du design, en effet les contraintes de r\u00e9daction sur un magazine ne permettent pas d&rsquo;\u00eatre aussi pr\u00e9cis que les conceptions Web le demandent !<br \/>\nProfitez donc de ce blog pour <strong>demander des astuces<\/strong> tout en analysant de pr\u00e8s le code fourni sur le CD, ce sera la meilleure m\u00e9thode pour avancer rapidement sur sa compr\u00e9hension.<\/p>\n<h2>Petits remerciements<\/h2>\n<p>Remerciements \u00e0 Alsacr\u00e9ations pour cette magnifique p\u00e9riode de stage !<br \/>\nRemerciements aussi \u00e0 <a title=\"Visiter son DeviantArt\" href=\"http:\/\/sparrow-style.deviantart.com\/\" target=\"_blank\">Sparrow-style<\/a> (pour les miniatures du design), <a title=\"Le site du fondeur\" href=\"http:\/\/manfred-klein.ina-mar.com\/\" target=\"_blank\">Manfred\u00a0Klein<\/a> et <a title=\"Site du fondeur\" href=\"http:\/\/www.juancascofonts.blogspot.com\/\" target=\"_blank\">Juan\u00a0Casco<\/a> (pour leurs fontes) et <a title=\"visiter le site de Christine, infographiste et photographe\" href=\"http:\/\/www.a-noe.fr\/\" target=\"_blank\">Christine\u00a0Viale<\/a> pour ses prises de vue.<\/p>\n<p>Merci \u00e0 vous et bonne lecture !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd&rsquo;hui m\u00eame sort le Hors S\u00e9rie N\u00b05 du magazine Web Design, vous le trouverez dans la plupart des kiosques.<\/p>\n","protected":false},"author":4,"featured_media":29,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[17,140,9],"tags":[18,16,5,131,365,15,19],"coauthors":[597],"class_list":["post-28","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-css3","category-conseil-critique-livre","category-tutoriels","tag-alsacreations","tag-html5","tag-magazine","tag-oracom","tag-participation","tag-tutoriel","tag-web-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/28\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/29"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=28"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}