@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning: Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":45620,"date":"2017-03-01T12:43:34","date_gmt":"2017-03-01T17:43:34","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=45620"},"modified":"2020-05-09T10:48:33","modified_gmt":"2020-05-09T14:48:33","slug":"css-flexbox-tutorials-guides-and-tools","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/","title":{"rendered":"20 CSS Flexbox Tutorials, Guides, and Tools"},"content":{"rendered":"

Flexbox is a modern layout mode included in CSS3 that was created to satisfy the more complex requirements of the modern web. Check out this excellent compilation of useful CSS Flexbox resources\u00a0that you can use.<\/p>\n

Flexbox is fairly\u00a0easy to use. You can rapidly position child elements and achieve complex layouts with a cleaner code. They can be laid out in any direction and can adapt to the dimension of the display space.<\/p>\n

In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts. Also, if you are a beginner web designer, don’t worry, you can find here tutorials that give you all the information you need about what Flexbox is and what it is good for.<\/p>\n

You will find useful information about the basics & terminology of Flexbox, CSS flexible boxes, code generation tools, designs, CSS tools<\/a>, workflows, CSS snippets, and more!<\/p>\n

Flexbox CSS Reference<\/a><\/h2>\n

Flexbox CSS Reference offers a great compilation of useful resources that teach you the basics of Flexbox. You can find out more about its properties as well as see demos of its abilities.<\/p>\n

\"Flexbox-_-Codrops-CSS-Reference\"<\/a><\/p>\n

Using CSS Flexible Boxes<\/a><\/h2>\n

The CSS3 Flexible Box\u00a0is a useful layout mode that you can use to quickly arrange your items on any page, making\u00a0sure the layout will be responsive.<\/p>\n

\"Using-CSS-Flexible-Boxes---CSS-_-MDN\"<\/a><\/p>\n

Flexbox: Getting Started<\/a><\/h2>\n

Here you have a great tutorial that explains Flexbox from the beginning. This is an amazing tutorial that teaches you how to set up various layouts, from simple to very complex cases. Take a look!<\/p>\n

\"How-To-Get-Started-With-CSS-Flexbox-_-Paulund\"<\/a><\/p>\n

Flexbox in 5 Minutes<\/a><\/h2>\n

This is a neat compilation of 53 slides that synthesize everything about Flexbox. This is an easy and well-organized manner to learn more about Flexbox.<\/p>\n

\"flexbox-in-5-minutes\"<\/a><\/p>\n

Flexbox Patterns<\/a><\/h2>\n

Here you have great examples of what Flexbox can do for your layout. These contain the coding part as well as various demos that show you what it can happen.<\/p>\n

\"Flexbox-Patterns\"<\/a><\/p>\n

Flexplorer<\/a><\/h2>\n

Flexplorer is responsible for creating complex layouts by using a simple interface. Take a look, experience with it, and see what you can create.<\/p>\n

\"Flexplorer\"<\/a><\/p>\n

Test CSS Flexbox Rules Live<\/a><\/h2>\n

Test\u00a0CSS is a live\u00a0platform that shows you each property of Flexbox and how your layout can look. You can experience with flex-direction, flex-wrap, justify-content, and more.<\/p>\n

\"Test-CSS-Flexbox-Rules-Live\"<\/a><\/p>\n

Flexy Boxes<\/a><\/h2>\n

Flexy boxes give you all the tools that you need to successfully generate layouts and pinch various features of the flex container and the items.<\/p>\n

\"Flexy-Boxes-\u2014-CSS-flexbox-playground-and-code-generation-tool\"<\/a><\/p>\n

CssPlus<\/a><\/h2>\n

Use CSSPlus to successfully build flexible layouts, all by using Flexbox. You can also use it to create responsive layouts that will adapt\u00a0to any screen size.<\/p>\n

\"cssPlus\"<\/a><\/p>\n

Flexbox Froggy<\/a><\/h2>\n

Check out this amazing way to learn and to experience with Flexbox. You can help Froggy and its friends by writing CSS code. It is a fun way that teaches you about Flexbox tools. Enjoy!<\/p>\n

\"Flexbox-Froggy---A-game-for-learning-CSS-flexbox\"<\/a><\/p>\n

Dive into Flexbox<\/a><\/h2>\n

Here you have a nice compilation of useful information about Flexbox. These will make you understand how it was created, what are its properties, as well as great examples.<\/p>\n

\"Dive-into-Flexbox---design,-tools-and-workflow---Bocoup\"<\/a><\/p>\n

A Complete Guide to Flexbox<\/a><\/h2>\n

This is a quick guide that teaches you about Flexbox. You can find useful information about the basics & terminology, backgrounds, properties, see examples, and more.<\/p>\n

\"A-Complete-Guide-to-Flexbox-_-CSS-Tricks\"<\/a><\/p>\n

A Visual Guide to CSS3 Flexbox Properties<\/a><\/h2>\n

This is an excellent visual guide to CSS3 Flexbox properties that lets you see how various properties affect your layout. Take a look and use the info to find your best layout.<\/p>\n

\"A-Visual-Guide-to-CSS3-Flexbox-Properties-_-Scotch\"<\/a><\/p>\n

What The FlexBox?!<\/a><\/h2>\n

Here you have a compilation of 20 free videos that teach you about Flexbox. This is a nice way of learning about its properties, with good examples and precise explanations.<\/p>\n

\"What-The-Flexbox_!-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex\"<\/a><\/p>\n

Solved by Flexbox<\/a><\/h2>\n

Here you have interesting solutions that were created to successfully solve various layout problems. You have all the examples and also other interesting information.<\/p>\n

\"olved-by-Flexbox\"<\/a><\/p>\n

Flexbox Snippets for Sublime Text<\/a><\/h2>\n

You can use Flexbox snippets for sublime text if you are using this type of text. This will help you create faster and better, improving your efficiency.<\/p>\n

\"Flexbox-Snippets\"<\/a><\/p>\n

CSS Flexbox Please!<\/a><\/h2>\n

Here you have useful information on how to make your layout responsive. This will make it adapt to any screen size, making sure that your information is well read.<\/p>\n

\"CSS-Flexbox-Please\"<\/a><\/p>\n

Flexbox Tester<\/a><\/h2>\n

This great Flexbox tester lets you experience with numerous settings to create various layouts. Check it out and see what you can learn from it.<\/p>\n

\"Flexbox-Tester-\u00b7-MadebyMike\"<\/a><\/p>\n

Fibonacci Flexbox Page Layout Composer<\/a><\/h2>\n

Fibonacci Flexbox page layout composer is perfect for those who want to build their own layouts just by using Flexbox. Take a look and see what it has to offer!<\/p>\n

\"fibonacci_icon_blue@2x.png-(200\u00d7200)\"<\/a><\/p>\n

Flexbox Playground<\/a><\/h2>\n

Flexbox playground offers an interesting system that you can use to learn about the features of Flexbox. See for yourself what effect it has on your layouts.<\/p>\n

\"Flexbox-playground\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Flexbox is a modern layout mode included in CSS3 that was created to satisfy the more complex requirements of the modern web. Check out this excellent compilation of … Continue \u2192<\/a><\/p>\n","protected":false},"author":30,"featured_media":45637,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[2132,30],"tags":[],"aioseo_notices":[],"yoast_head":"\n20 CSS Flexbox Tutorials, Guides, and Tools<\/title>\n<meta name=\"description\" content=\"In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 CSS Flexbox Tutorials, Guides, and Tools\" \/>\n<meta property=\"og:description\" content=\"In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-01T17:43:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-09T14:48:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1103\" \/>\n\t<meta property=\"og:image:height\" content=\"476\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iggy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iggy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\"},\"author\":{\"name\":\"Iggy\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\"},\"headline\":\"20 CSS Flexbox Tutorials, Guides, and Tools\",\"datePublished\":\"2017-03-01T17:43:34+00:00\",\"dateModified\":\"2020-05-09T14:48:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\"},\"wordCount\":793,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg\",\"articleSection\":[\"CSS\",\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\",\"url\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\",\"name\":\"20 CSS Flexbox Tutorials, Guides, and Tools\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg\",\"datePublished\":\"2017-03-01T17:43:34+00:00\",\"dateModified\":\"2020-05-09T14:48:33+00:00\",\"description\":\"In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg\",\"width\":1103,\"height\":476,\"caption\":\"What-The-Flexbox_!-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\/\/webdesigndev.com\/web-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS\",\"item\":\"https:\/\/webdesigndev.com\/web-development\/css\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"20 CSS Flexbox Tutorials, Guides, and Tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/x.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194\",\"name\":\"Iggy\",\"description\":\"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter\",\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988\",\"https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 CSS Flexbox Tutorials, Guides, and Tools","description":"In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts.","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:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/","og_locale":"en_US","og_type":"article","og_title":"20 CSS Flexbox Tutorials, Guides, and Tools","og_description":"In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts.","og_url":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_author":"https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","article_published_time":"2017-03-01T17:43:34+00:00","article_modified_time":"2020-05-09T14:48:33+00:00","og_image":[{"width":1103,"height":476,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg","type":"image\/jpeg"}],"author":"Iggy","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"Iggy","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/"},"author":{"name":"Iggy","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194"},"headline":"20 CSS Flexbox Tutorials, Guides, and Tools","datePublished":"2017-03-01T17:43:34+00:00","dateModified":"2020-05-09T14:48:33+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/"},"wordCount":793,"commentCount":0,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg","articleSection":["CSS","Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/","url":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/","name":"20 CSS Flexbox Tutorials, Guides, and Tools","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg","datePublished":"2017-03-01T17:43:34+00:00","dateModified":"2020-05-09T14:48:33+00:00","description":"In this article, we gathered 20 CSS Flexbox tutorials, guides, and tools that are very useful when it comes to organizing your web layouts.","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2017\/02\/003391-What-The-Flexbox_-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex.jpg","width":1103,"height":476,"caption":"What-The-Flexbox_!-\u2014-A-simple-20-video-course-that-will-help-you-master-CSS-Flex"},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/css-flexbox-tutorials-guides-and-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/webdesigndev.com\/web-development\/"},{"@type":"ListItem","position":3,"name":"CSS","item":"https:\/\/webdesigndev.com\/web-development\/css\/"},{"@type":"ListItem","position":4,"name":"20 CSS Flexbox Tutorials, Guides, and Tools"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/x.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/d25d955ee0786bc10f0cda0dca381194","name":"Iggy","description":"Iggy is an entrepreneur, blogger, and designer who loves experimenting with new web design techniques, collating creative website designs, and writing about the latest design fonts, themes, plugins, inspiration, and more. You can follow him on Twitter","sameAs":["https:\/\/www.facebook.com\/pages\/WebDesignDev\/109134615846988","https:\/\/x.com\/https:\/\/twitter.com\/WebDesignDev"]}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/45620"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=45620"}],"version-history":[{"count":0,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/45620\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/45637"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=45620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=45620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=45620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}