{"id":4502,"date":"2017-09-19T10:30:49","date_gmt":"2017-09-19T08:30:49","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=4502"},"modified":"2017-09-19T10:30:49","modified_gmt":"2017-09-19T08:30:49","slug":"meilleurs-frameworks-css","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/","title":{"rendered":"Les meilleurs frameworks css pour vos sites"},"content":{"rendered":"<p>Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique ressemble trop \u00e0 une langue inconnue, il est beaucoup plus facile de se tourner vers un template CMS, o\u00f9 tout est configur\u00e9 et o\u00f9 il ne reste qu\u2019\u00e0 ins\u00e9rer du contenu. Mais toutes les langues peuvent s\u2019apprendre et, pour les d\u00e9butants, les frameworks CSS sont de formidables m\u00e9thodes de langue.<\/p>\n<p>&nbsp;<\/p>\n<h2>Comment fonctionne un framework css<\/h2>\n<p>Un framework, c\u2019est une base d\u2019outils et de fonctionnalit\u00e9s con\u00e7us pour s\u2019agencer entre eux. En partant d\u2019une grille, qui est la plupart du temps pr\u00e9vue pour \u00eatre responsive, vous pouvez ajouter facilement des \u00e9l\u00e9ments qui ont \u00e9t\u00e9 maintes et maintes fois test\u00e9s par d\u2019autres d\u00e9veloppeurs et dont la plupart des sites ont besoin (des comptes utilisateurs, des authentifications, des connexions \u00e0 diverses sources de donn\u00e9es, des moteurs de recherche interne, des boutons de partage sur les r\u00e9seaux sociaux&#8230;). Le tout sans avoir besoin de les coder vous-m\u00eame, ce qui repr\u00e9sente un gain de temps consid\u00e9rable.<\/p>\n<p>Par ailleurs, le framework est automatiquement mis \u00e0 jour pour s\u2019adapter aux nouvelles pratiques du net (comme ce fut le cas pour le passage aux sites responsive, notamment).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-medium wp-image-4504\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/bootstrap-themes-300x120.png\" alt=\"\" width=\"300\" height=\"120\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Bien choisir son framework<\/h2>\n<p>Si le fonctionnement des diff\u00e9rents frameworks pr\u00e9sents sur internet est relativement similaire, les disparit\u00e9s sont suffisamment fortes pour n\u00e9cessiter de choisir correctement son framework de d\u00e9part. Car changer de framework implique de s\u2019initier \u00e0 tout un nouveau langage, \u00e0 de nouvelles interfaces, \u00e0 des modularit\u00e9s diff\u00e9rentes\u2026 Bref, cela demande un temps certain que vous n\u2019aurez peut-\u00eatre pas envie de perdre pour chaque nouveau site \u00e0 mettre en place.<\/p>\n<p>La s\u00e9lection d\u2019un framework se d\u00e9cide souvent en fonction de sa facilit\u00e9 d\u2019apprentissage, comme de sa biblioth\u00e8que de contenus (certains, plus connus, sont bien implant\u00e9s dans le paysage des d\u00e9veloppeurs et b\u00e9n\u00e9ficient de nombreux cours, tutoriels et articles de blog les concernant).<\/p>\n<figure id=\"attachment_4505\" aria-describedby=\"caption-attachment-4505\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-medium wp-image-4505\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/semantic-ui-components-300x225.jpg\" alt=\"\" width=\"300\" height=\"225\" \/><figcaption id=\"caption-attachment-4505\" class=\"wp-caption-text\">Semantic UI<\/figcaption><\/figure>\n<h2>Les principaux frameworks que vous pouvez utiliser<\/h2>\n<p>Faire une s\u00e9lection de framework est une t\u00e2che ardue. Il y a ceux dont tout le monde parle, d\u2019autres qui sont moins connus, d\u2019autres encore qui ne sont plus mis \u00e0 jour\u2026 Aucune liste ne peut pr\u00e9tendre \u00eatre exhaustive, mais celle-ci est d\u00e9j\u00e0 assez compl\u00e8te.<\/p>\n<ul>\n<li><a href=\"https:\/\/getbootstrap.com\/\"><strong>Bootstrap<\/strong><\/a> compte parmi les plus populaires. Open Source, il pr\u00e9sente un nombre important de modules et d\u2019extensions. La documentation disponible est tout aussi impressionnante. Il fonctionne sur un syst\u00e8me de grille en douze colonnes avec un affichage adapt\u00e9 pour diff\u00e9rentes tailles d\u2019\u00e9cran et il est possible de personnaliser les fichiers CSS.<\/li>\n<li><a href=\"https:\/\/get.foundation\/\"><strong>Foundation<\/strong><\/a> dispose d\u2019une grande flexibilit\u00e9. Il est propos\u00e9 avec un fichier d\u00e9mo utile pour les d\u00e9butants et dispose de son propre centre de formation. Il est cependant l\u00e9g\u00e8rement plus complexe d\u2019utilisation.<\/li>\n<li><a href=\"https:\/\/semantic-ui.com\/\"><strong>Semantic UI<\/strong><\/a> se veut plus simple et intuitif. Son principe repose sur l\u2019utilisation d\u2019un langage naturel, accessible aux n\u00e9ophytes, qui permet d\u2019obtenir un code HTML facile \u00e0 lire et \u00e0 comprendre.<\/li>\n<li><a href=\"https:\/\/www.knacss.com\/\"><strong>KNACSS<\/strong><\/a> est un mod\u00e8le de framework relativement l\u00e9ger mais complet. Il est con\u00e7u en France, ce qui rend la documentation plus accessible.<\/li>\n<li><a href=\"https:\/\/materializecss.com\/\"><strong>Materialize<\/strong><\/a> s\u2019appuie sur les recommandations design de Google et est fourni avec de nombreux composants pr\u00eats \u00e0 l\u2019emploi.<\/li>\n<li><a href=\"https:\/\/material-ui.com\/#\/\"><strong>Material UI <\/strong><\/a>est \u00e9galement bas\u00e9 sur les principes du Material Design de Google, mais il sera d\u2019un abord plus complexe, d\u2019autant qu\u2019il n\u00e9cessite de comprendre au pr\u00e9alable React.js pour pouvoir l\u2019utiliser.<\/li>\n<li><a href=\"https:\/\/purecss.io\/\"><strong>Pure<\/strong><\/a> est plus concentr\u00e9 sur la cr\u00e9ation de sites rapides et responsive, il ne supporte pas les plugins en JS ou Jquery.<\/li>\n<li><a href=\"http:\/\/getskeleton.com\/\"><strong>Skeleton<\/strong><\/a>, comme <a href=\"https:\/\/milligram.io\/\"><strong>Milligram<\/strong><\/a>, sont des frameworks tr\u00e8s l\u00e9gers et simples \u00e0 utiliser. Ils seront pourtant r\u00e9serv\u00e9s \u00e0 la cr\u00e9ation de sites qui ne demandent pas un trop grand nombre de fonctionnalit\u00e9s.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>En fonction de vos besoins et de vos connaissances, vous pourrez s\u00e9lectionner parmi ces diff\u00e9rents mod\u00e8les de frameworks celui qui vous correspondra le mieux. Retenez simplement que les premiers de la liste sont les plus complets, mais aussi les plus complexes et les plus lourds \u00e0 charger. Ils comptent n\u00e9anmoins parmi les plus utilis\u00e9s dans le monde. Si vous avez besoin d&#8217;aide pour personnaliser l&#8217;apparence de l&#8217;un de ces framework css n&#8217;h\u00e9sitez pas \u00e0 faire appel \u00e0 un <a href=\"https:\/\/graphiste.com\/categories\/webdesign\/users\">webdesigner freelance<\/a> en d\u00e9posant gratuitement une annonce sur Graphiste.com.<\/p>\n<p>&nbsp;<\/p>\n<p>Si vous avez d\u00e9j\u00e0 test\u00e9 l\u2019un ou l\u2019autre d\u2019entre eux, ou si vous en pr\u00e9f\u00e9rez d\u2019autres, indiquez-le en commentaire.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique ressemble trop \u00e0 une langue inconnue, il est beaucoup plus facile de se tourner vers un template CMS, o\u00f9 tout est configur\u00e9 et o\u00f9 il ne reste qu\u2019\u00e0 ins\u00e9rer du contenu. Mais [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":4507,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[31],"tags":[],"class_list":["post-4502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-css"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Les meilleurs frameworks css pour vos sites - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les meilleurs frameworks css pour vos sites - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-19T08:30:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Les meilleurs frameworks css pour vos sites\",\"datePublished\":\"2017-09-19T08:30:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\"},\"wordCount\":818,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg\",\"articleSection\":[\"HTML &amp; CSS\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\",\"url\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\",\"name\":\"Les meilleurs frameworks css pour vos sites - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg\",\"datePublished\":\"2017-09-19T08:30:49+00:00\",\"description\":\"Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg\",\"width\":850,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML &amp; CSS\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/html-css\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Les meilleurs frameworks css pour vos sites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les meilleurs frameworks css pour vos sites - Graphiste Blog","description":"Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs frameworks css pour vos sites - Graphiste Blog","og_description":"Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique","og_url":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2017-09-19T08:30:49+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Les meilleurs frameworks css pour vos sites","datePublished":"2017-09-19T08:30:49+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/"},"wordCount":818,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg","articleSection":["HTML &amp; CSS"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/","url":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/","name":"Les meilleurs frameworks css pour vos sites - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg","datePublished":"2017-09-19T08:30:49+00:00","description":"Construire un site, c\u2019est tout un apprentissage. Il faut qu\u2019il soit responsive, mais aussi qu\u2019il s\u2019adapte \u00e0 vos besoins. Quand le codage informatique","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2017\/09\/frameworks-css-1.jpg","width":850,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/meilleurs-frameworks-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"HTML &amp; CSS","item":"https:\/\/graphiste.com\/blog\/webdesign\/html-css\/"},{"@type":"ListItem","position":4,"name":"Les meilleurs frameworks css pour vos sites"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/4502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=4502"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/4502\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/4507"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=4502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=4502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=4502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}