{"id":161,"date":"2020-04-15T10:11:39","date_gmt":"2020-04-15T08:11:39","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2020\/04\/15\/fredriks-front-end-quick-read-13\/"},"modified":"2020-06-18T07:15:22","modified_gmt":"2020-06-18T07:15:22","slug":"fredriks-front-end-quick-read-13","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/","title":{"rendered":"Fredrik\u2019s front-end quick read #13"},"content":{"rendered":"<figure>\n<p class=\"mod-reset\"><img decoding=\"async\" src=\"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg\" data-width=\"1920\" data-height=\"1080\"><\/p>\n<\/figure>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p>Lighthouse makes changes as to how performance score is calculated. Bootstrap 5 is (almost) around the corner and it seems to drop support for both IE10 and IE11(!). Preethi Sam shows us how to indicate scroll position using only CSS. Ahmad Shadeed teaches us all about auto in CSS. Last but not least\u200a\u2014\u200aWhat should you do when a web design trend becomes too popular?<\/p>\n<h3>Lighthouse Changes How Performance Score is Calculated<\/h3>\n<p>Lighthouse, the performance measuring tool by Google, changed how its performance score is measured and Paul Irish built <a href=\"https:\/\/paulirish.github.io\/lh-scorecalc\/\" target=\"_blank\" rel=\"noopener noreferrer\">this nifty tool<\/a> that shows how the new version measures things.<\/p>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm\">https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row bg-editor-hr-wrap\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<hr>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<h3><strong>Bootstrap 5 dropping IE 10 &amp; 11 browser support: where does that leave&nbsp;us?<\/strong><\/h3>\n<p>The upcoming version five of popular framework Bootstrap is officially dropping support for both Internet Explorer 10 and 11. Here\u2019s a quick look at what that means for those relying on Bootstrap, and what workarounds (polyfills) to expect.<\/p>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm\">https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row bg-editor-hr-wrap\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<hr>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<h3>Indicating Scroll Position on a Page With&nbsp;CSS<\/h3>\n<p>Preethi Sam shows how to create a widget that indicates the scroll position on a page using just CSS.<\/p>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm\">https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row bg-editor-hr-wrap\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<hr>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<h3>Everything About Auto in&nbsp;CSS<\/h3>\n<p>Ahmad Shadeed gives an in-depth introduction to auto value in CSS.<\/p>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm\">https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row bg-editor-hr-wrap\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<hr>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<h3>What Should You Do When A Web Design Trend Becomes Too&nbsp;Popular?<\/h3>\n<p>This guide aims to help you figure out which approach makes the most sense when considering popular design trends for your site.<\/p>\n<p><a href=\"https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm\">https:\/\/calibreapp.com\/blog\/lighthouse-changes-scoring-algorithm<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row bg-editor-hr-wrap\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<hr>\n<\/div>\n<\/div>\n<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p>Thank you for reading and happy coding! \u2764\ufe0f<\/p>\n<p>\/Fredrik Ward, Senior front-end developer @ Bouvet and co-creator of Sketch2React<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lighthouse makes changes as to how performance score is calculated. Bootstrap 5 is (almost) around the corner and it seems to drop support for both IE10 and IE11(!). Preethi Sam shows us how to indicate scroll position using only CSS. Ahmad Shadeed teaches us all about auto in CSS. Last but not least\u200a\u2014\u200aWhat should you&hellip;&nbsp;<a href=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Fredrik\u2019s front-end quick read #13<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[167],"tags":[158,88,159,128,31],"class_list":["post-161","post","type-post","status-publish","format-standard","hentry","category-fredriks-front-end-quick-read","tag-bouvet","tag-css","tag-front-end-development","tag-news","tag-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Fredrik\u2019s front-end quick read #13 | Sketch2React Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fredrik\u2019s front-end quick read #13 - Sketch2React Blog\" \/>\n<meta property=\"og:description\" content=\"Lighthouse makes changes as to how performance score is calculated. Bootstrap 5 is (almost) around the corner and it seems to drop support for both IE10 and IE11(!). Preethi Sam shows us how to indicate scroll position using only CSS. Ahmad Shadeed teaches us all about auto in CSS. Last but not least\u200a\u2014\u200aWhat should you&hellip;&nbsp;Read More &raquo;Fredrik\u2019s front-end quick read #13\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/\" \/>\n<meta property=\"og:site_name\" content=\"Sketch2React Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-15T08:11:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-18T07:15:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg\" \/>\n<meta name=\"author\" content=\"Fredrik Ward\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fredrik Ward\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/\"},\"author\":{\"name\":\"Fredrik Ward\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#\\\/schema\\\/person\\\/d452067d5528ce6cda4be87f136cf664\"},\"headline\":\"Fredrik\u2019s front-end quick read #13\",\"datePublished\":\"2020-04-15T08:11:39+00:00\",\"dateModified\":\"2020-06-18T07:15:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/\"},\"wordCount\":287,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/04\\\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg\",\"keywords\":[\"Bouvet\",\"CSS\",\"Front End Development\",\"News\",\"Web Development\"],\"articleSection\":[\"Fredrik's Front-end Quick Read\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/\",\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/\",\"name\":\"Fredrik\u2019s front-end quick read #13 - Sketch2React Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/04\\\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg\",\"datePublished\":\"2020-04-15T08:11:39+00:00\",\"dateModified\":\"2020-06-18T07:15:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#primaryimage\",\"url\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/04\\\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg\",\"contentUrl\":\"http:\\\/\\\/sketch2react.files.wordpress.com\\\/2020\\\/04\\\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/fredriks-front-end-quick-read-13\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fredrik\u2019s front-end quick read #13\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/\",\"name\":\"Sketch2React Blog\",\"description\":\"Articles, tutorials, tips &amp; tricks\",\"publisher\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#organization\",\"name\":\"Sketch2React Blog\",\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/cropped-S2R2021Icon.png\",\"contentUrl\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/cropped-S2R2021Icon.png\",\"width\":512,\"height\":512,\"caption\":\"Sketch2React Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/#\\\/schema\\\/person\\\/d452067d5528ce6cda4be87f136cf664\",\"name\":\"Fredrik Ward\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g\",\"caption\":\"Fredrik Ward\"},\"url\":\"https:\\\/\\\/sketch2react.io\\\/blog\\\/author\\\/sewk9wxw3g\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fredrik\u2019s front-end quick read #13 | Sketch2React Blog","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:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/","og_locale":"en_US","og_type":"article","og_title":"Fredrik\u2019s front-end quick read #13 - Sketch2React Blog","og_description":"Lighthouse makes changes as to how performance score is calculated. Bootstrap 5 is (almost) around the corner and it seems to drop support for both IE10 and IE11(!). Preethi Sam shows us how to indicate scroll position using only CSS. Ahmad Shadeed teaches us all about auto in CSS. Last but not least\u200a\u2014\u200aWhat should you&hellip;&nbsp;Read More &raquo;Fredrik\u2019s front-end quick read #13","og_url":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/","og_site_name":"Sketch2React Blog","article_published_time":"2020-04-15T08:11:39+00:00","article_modified_time":"2020-06-18T07:15:22+00:00","og_image":[{"url":"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg","type":"","width":"","height":""}],"author":"Fredrik Ward","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fredrik Ward","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#article","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/"},"author":{"name":"Fredrik Ward","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664"},"headline":"Fredrik\u2019s front-end quick read #13","datePublished":"2020-04-15T08:11:39+00:00","dateModified":"2020-06-18T07:15:22+00:00","mainEntityOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/"},"wordCount":287,"commentCount":0,"publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#primaryimage"},"thumbnailUrl":"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg","keywords":["Bouvet","CSS","Front End Development","News","Web Development"],"articleSection":["Fredrik's Front-end Quick Read"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/","url":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/","name":"Fredrik\u2019s front-end quick read #13 - Sketch2React Blog","isPartOf":{"@id":"https:\/\/sketch2react.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#primaryimage"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#primaryimage"},"thumbnailUrl":"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg","datePublished":"2020-04-15T08:11:39+00:00","dateModified":"2020-06-18T07:15:22+00:00","breadcrumb":{"@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#primaryimage","url":"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg","contentUrl":"http:\/\/sketch2react.files.wordpress.com\/2020\/04\/d4e5f-15omckenbjltn0o_dxmi0gw.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/sketch2react.io\/blog\/fredriks-front-end-quick-read-13\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sketch2react.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Fredrik\u2019s front-end quick read #13"}]},{"@type":"WebSite","@id":"https:\/\/sketch2react.io\/blog\/#website","url":"https:\/\/sketch2react.io\/blog\/","name":"Sketch2React Blog","description":"Articles, tutorials, tips &amp; tricks","publisher":{"@id":"https:\/\/sketch2react.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sketch2react.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sketch2react.io\/blog\/#organization","name":"Sketch2React Blog","url":"https:\/\/sketch2react.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","contentUrl":"https:\/\/sketch2react.io\/blog\/wp-content\/uploads\/2021\/10\/cropped-S2R2021Icon.png","width":512,"height":512,"caption":"Sketch2React Blog"},"image":{"@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/sketch2react.io\/blog\/#\/schema\/person\/d452067d5528ce6cda4be87f136cf664","name":"Fredrik Ward","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/91605aba05531b0d98ed254dc314b74be1800d1086302db1454b4489c128e3e1?s=96&d=wavatar&r=g","caption":"Fredrik Ward"},"url":"https:\/\/sketch2react.io\/blog\/author\/sewk9wxw3g\/"}]}},"_links":{"self":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":1,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/161\/revisions"}],"predecessor-version":[{"id":295,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/posts\/161\/revisions\/295"}],"wp:attachment":[{"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/media?parent=161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/categories?post=161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sketch2react.io\/blog\/wp-json\/wp\/v2\/tags?post=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}