{"id":300,"date":"2011-10-16T10:53:09","date_gmt":"2011-10-15T21:53:09","guid":{"rendered":"https:\/\/localweb\/computers\/?p=300"},"modified":"2011-10-16T12:00:04","modified_gmt":"2011-10-15T23:00:04","slug":"browsers-and-css-and-html5","status":"publish","type":"post","link":"https:\/\/brackenbury.nz\/computers\/2011\/10\/16\/browsers-and-css-and-html5\/","title":{"rendered":"browsers and CSS and HTML5"},"content":{"rendered":"<p><html><head><\/head><body style=\"word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; \">a) the very quick way to look at DOM with Web Inspector using Safari or Chrome is &#8211; how did I not know this &#8211; to right-click on the element of interest and select Inspect Element. That saves me laborious clambering through hierarchy each time I want to inspect &#8211; it opens Web Inspector at the element currently chosen. Brilliant. Chrome works in similar way.<\/p>\n<div><\/div>\n<div>b) how to see attributes when hovering, eg. Well just do the right-mouse thing while the element is hovered and Safari freezes the state and shows you that (allegedly). Chrome has a little pull-down menu where you can select the state you want to examine, Hover, Active etc.<\/div>\n<div><\/div>\n<div>c) Chrome acts on the &lt;input&gt; attribute &#8220;required&#8221; and pops up a little msg.<\/div>\n<div><\/div>\n<div><img loading=\"lazy\" decoding=\"async\" height=\"49\" width=\"179\" apple-width=\"yes\" apple-height=\"yes\" id=\"e2b02b0b-96c2-4b8a-9efe-4d3a60b02d8c\" src=\"https:\/\/brackenbury.nz\/computers\/files\/2011\/10\/required.png\"><\/div>\n<div><\/div>\n<div>Now this would be fine but \u2026 what do I do when the CANCEL button is pressed &#8211; it won&#8217;t let go!!!!<\/div>\n<div><\/div>\n<div>\n<\/div>\n<p><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>a) the very quick way to look at DOM with Web Inspector using Safari or Chrome is &#8211; how did I not know this &#8211; to right-click on the element of interest and select Inspect Element. That saves me laborious &hellip; <a class=\"more-link\" href=\"https:\/\/brackenbury.nz\/computers\/2011\/10\/16\/browsers-and-css-and-html5\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-300","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/posts\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":1,"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/posts\/300\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/posts\/300\/revisions\/302"}],"wp:attachment":[{"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/media?parent=300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/categories?post=300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brackenbury.nz\/computers\/wp-json\/wp\/v2\/tags?post=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}