{"id":28444,"date":"2018-03-22T08:25:03","date_gmt":"2018-03-22T06:25:03","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28444"},"modified":"2018-03-22T08:25:03","modified_gmt":"2018-03-22T06:25:03","slug":"lesser-known-css-quirks-advanced-tips","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/03\/22\/lesser-known-css-quirks-advanced-tips\/","title":{"rendered":"Lesser known CSS quirks &#038; advanced tips"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"28445\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2018\/03\/22\/lesser-known-css-quirks-advanced-tips\/css-is-awesome-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome.jpg?fit=800%2C622&amp;ssl=1\" data-orig-size=\"800,622\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;\\u00a9 corvatu - http:\/\/www.redbubble.com\/people\/corvat&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"css is awesome\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome.jpg?fit=660%2C513&amp;ssl=1\" class=\"aligncenter size-medium wp-image-28445\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome-500x389.jpg?resize=500%2C389&#038;ssl=1\" alt=\"\" width=\"500\" height=\"389\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome.jpg?resize=500%2C389&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome.jpg?resize=768%2C597&amp;ssl=1 768w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/03\/css-is-awesome.jpg?w=800&amp;ssl=1 800w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>&#8220;<a href=\"https:\/\/medium.com\/@peedutuisk\/lesser-known-css-quirks-oddities-and-advanced-tips-css-is-awesome-8ee3d16295bb\">Lesser known CSS quirks &amp; advanced tips<\/a>&#8221; is a collection of some really weird CSS features and behaviors.\u00a0 These are good to know, as sometimes they can shed some light on strange results or help with implementation of a particular design feature, where no other options are applicable.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>&#8220;Lesser known CSS quirks &amp; advanced tips&#8221; is a collection of some really weird CSS features and behaviors.\u00a0 These are good to know, as sometimes they can shed some light on strange results or help with implementation of a particular design feature, where no other options are applicable.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Lesser known CSS quirks & advanced tips #WebDev #WebDesign #CSS #HTML #browsers","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[20,1517,1190,1157,1330],"keyring_services":[],"class_list":["post-28444","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-browsers","tag-css","tag-html","tag-web-design","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":23591,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/24\/css-puns-css-jokes\/","url_meta":{"origin":28444,"position":0},"title":"CSS Puns &#038; CSS Jokes","author":"Leonid Mamchenkov","date":"February 24, 2015","format":"link","excerpt":"CSS Puns & CSS Jokes - these have been circulating around for a bit, so I thought I'd add the link to my archives too.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"css puns","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/02\/css-puns-500x229.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":23815,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/04\/06\/css-dig-analyze-your-css-in-a-new-way\/","url_meta":{"origin":28444,"position":1},"title":"CSS Dig &#8211; Analyze your CSS in a new way","author":"Leonid Mamchenkov","date":"April 6, 2015","format":"link","excerpt":"CSS Dig - Analyze your CSS in a new way (Google Chrome extension)","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25116,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/01\/11\/css-styleguides\/","url_meta":{"origin":28444,"position":2},"title":"CSS Styleguides","author":"Leonid Mamchenkov","date":"January 11, 2016","format":false,"excerpt":"I came across a couple of CSS guidelines while catching up with my feeds over the weekend. \u00a0Here they are: cssguidelin.es - high-level advice and guidelines for writing sane, manageable, scalable CSS. grvcoelho\/css - opinionated CSS styleguide for scalable applications","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28197,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/11\/08\/a-look-back-at-the-history-of-css\/","url_meta":{"origin":28444,"position":3},"title":"A Look Back at the History of CSS","author":"Leonid Mamchenkov","date":"November 8, 2017","format":false,"excerpt":"\"A Look Back at the History of CSS\" is a nice trip down the history lane as to where and how CSS came about.\u00a0 It's hard to imagine these days that CSS wasn't always around and the web looked like whatever your browser decided to make it look like.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"Screenshot of Apple.com website","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/11\/apple-500x420.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22719,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/10\/26\/cssplot-charts-with-pure-css\/","url_meta":{"origin":28444,"position":4},"title":"CSSPlot &#8211; charts with pure CSS","author":"Leonid Mamchenkov","date":"October 26, 2014","format":"link","excerpt":"CSSPlot - charts with pure CSS","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":23316,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/01\/14\/icono-pure-css-icons\/","url_meta":{"origin":28444,"position":5},"title":"icono &#8211; pure CSS icons","author":"Leonid Mamchenkov","date":"January 14, 2015","format":"link","excerpt":"icono - pure CSS icons","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=28444"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28444\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=28444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=28444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=28444"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=28444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}