{"id":2735,"date":"2012-07-25T20:50:10","date_gmt":"2012-07-25T18:50:10","guid":{"rendered":"http:\/\/www.rienadire.fr\/wordpress\/?p=2735"},"modified":"2012-08-22T15:49:24","modified_gmt":"2012-08-22T13:49:24","slug":"cv-html5-et-css3","status":"publish","type":"post","link":"https:\/\/www.rienadire.fr\/wordpress\/2012\/07\/25\/cv-html5-et-css3\/","title":{"rendered":"CV &#8211; html5 et CSS3"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2012\/07\/CV.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-2736\" title=\"CV\" src=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2012\/07\/CV.png\" alt=\"\" width=\"514\" height=\"251\" srcset=\"https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2012\/07\/CV.png 857w, https:\/\/www.rienadire.fr\/wordpress\/wp-content\/uploads\/2012\/07\/CV-300x146.png 300w\" sizes=\"auto, (max-width: 514px) 100vw, 514px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">J&rsquo;ai depuis quelques temps mon CV au format html qui traine dans un dossier. J&rsquo;envisageai initialement de faire un CV avec uniquement html\/css dans un m\u00eame fichier et sans image afin d&rsquo;avoir quelque chose qui soit portable. Finalement, j&rsquo;ai int\u00e9gr\u00e9 ma photo et du coup j&rsquo;ai ajout\u00e9 des puces pour \u00e9gayer les rubriques.<\/p>\n<p style=\"text-align: left;\">Surtout, j&rsquo;en ai profit\u00e9 pour me mettre \u00e0 jour c\u00f4t\u00e9 html et css. Je dois dire que je suis vraiment impressionn\u00e9 par ce qu&rsquo;on peut faire avec ! Au final, j&rsquo;ai fait deux mod\u00e8les, les seules images sont les puces et la photo. Toutes les ombres, banni\u00e8re de titre, etc. sont faite avec du CSS.<\/p>\n<p style=\"text-align: left;\">Les deux ont \u00e9t\u00e9 valid\u00e9s html5. Pour le fun, j&rsquo;ai ajout\u00e9 un peu de javascript en utilisant jQuery pour avoir un scroll doux et \u00e9galement pour r\u00e9aliser le menu de navigation du second mod\u00e8le.<\/p>\n<p style=\"text-align: left;\">Au final, je pense laisser le second mod\u00e8le en ligne comme il passe mieux sous IE mais je ne sais pas encore. Les deux sont consultables <a title=\"CV 1\" href=\"http:\/\/rienadire.fr\/CV\/CV1\/CV.html\" target=\"_blank\">ici (1)<\/a> et <a title=\"CV 2\" href=\"http:\/\/www.rienadire.fr\/CV\/CV2\/CV.html\" target=\"_blank\">ici (2)<\/a>.<\/p>\n<p style=\"text-align: left;\">Pour finir, une liste de liens que j&rsquo;ai utilis\u00e9, qui m&rsquo;ont inspir\u00e9 et qui sont tr\u00e8s utiles :<\/p>\n<ul>\n<li><a title=\"http:\/\/tympanus.net\/codrops\/\" href=\"http:\/\/tympanus.net\/codrops\/\" target=\"_blank\">http:\/\/tympanus.net\/codrops\/<\/a><\/li>\n<li><a title=\"http:\/\/tutorialzine.com\/\" href=\"http:\/\/tutorialzine.com\/\" target=\"_blank\">http:\/\/tutorialzine.com\/<\/a><\/li>\n<li><a title=\"http:\/\/www.creativejuiz.fr\/blog\/\" href=\"http:\/\/www.creativejuiz.fr\/blog\/\" target=\"_blank\">http:\/\/www.creativejuiz.fr\/blog\/<\/a><\/li>\n<li><a title=\"http:\/\/www.pvmgarage.com\/\" href=\"http:\/\/www.pvmgarage.com\/\" target=\"_blank\">http:\/\/www.pvmgarage.com\/<\/a><\/li>\n<li><a title=\"http:\/\/www.colourlovers.com\/browse\" href=\"http:\/\/www.colourlovers.com\/browse\" target=\"_blank\">http:\/\/www.colourlovers.com\/browse<\/a><\/li>\n<li><a title=\"http:\/\/www.css3create.com\/\" href=\"http:\/\/www.css3create.com\/\" target=\"_blank\">http:\/\/www.css3create.com\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>J&rsquo;ai depuis quelques temps mon CV au format html qui traine dans un dossier. J&rsquo;envisageai initialement de faire un CV avec uniquement html\/css dans un m\u00eame fichier et sans image afin d&rsquo;avoir quelque chose qui soit portable. Finalement, j&rsquo;ai int\u00e9gr\u00e9 ma photo et du coup j&rsquo;ai ajout\u00e9 des puces pour \u00e9gayer les rubriques. Surtout, j&rsquo;en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2736,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3,9],"tags":[248,246,247],"class_list":["post-2735","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualite","category-tutoriaux","tag-css3","tag-cv","tag-html5"],"_links":{"self":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts\/2735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/comments?post=2735"}],"version-history":[{"count":7,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts\/2735\/revisions"}],"predecessor-version":[{"id":2808,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/posts\/2735\/revisions\/2808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/media\/2736"}],"wp:attachment":[{"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/media?parent=2735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/categories?post=2735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rienadire.fr\/wordpress\/wp-json\/wp\/v2\/tags?post=2735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}