{"id":1023,"date":"2014-05-24T15:21:59","date_gmt":"2014-05-24T22:21:59","guid":{"rendered":"http:\/\/www.cassandraking.net\/wordpressapp\/?p=1023"},"modified":"2014-06-28T16:12:45","modified_gmt":"2014-06-28T23:12:45","slug":"css-3-experiments-accordion-responsive","status":"publish","type":"post","link":"https:\/\/www.cassandraking.net\/wordpressapp\/css-3-experiments-accordion-responsive\/","title":{"rendered":"CSS 3 Experiments: Accordion, responsive"},"content":{"rendered":"<p>This is the third site in a series where I have been playing around with CSS3&#8230; Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often.\u00c2\u00a0<a href=\"http:\/\/normavelasco.com\/files\/velascoparallax\/site\/index.html\">I first created a Parallax site<\/a>\u00c2\u00a0using my mom\u00e2\u20ac\u2122s poems as my starting point of inspiration. I have continued with this approach.<\/p>\n<p>With this one, I was playing around with building an accordion site that is fully responsive. Interesitingly, I have not yet figured out how to smooth out he CSS3 transitions on an Android browser. They are a tad choppy, and I am working on smoothing that out .\u00c2\u00a0<a title=\"Velasco Accordion\" href=\"http:\/\/normavelasco.com\/files\/VelascoAccordion\/index.html\">You can view the Demo \u00c2\u00a0as it stands today here.<\/a><\/p>\n<figure id=\"attachment_1026\" aria-describedby=\"caption-attachment-1026\" style=\"width: 636px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.cassandraking.net\/wordpressapp\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-24-at-5.53.42-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-1026\" alt=\"CSS3 Accordion\" src=\"http:\/\/www.cassandraking.net\/wordpressapp\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-24-at-5.53.42-PM-636x1024.png\" width=\"636\" height=\"1024\" srcset=\"https:\/\/www.cassandraking.net\/wordpressapp\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-24-at-5.53.42-PM-636x1024.png 636w, https:\/\/www.cassandraking.net\/wordpressapp\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-24-at-5.53.42-PM-186x300.png 186w, https:\/\/www.cassandraking.net\/wordpressapp\/wp-content\/uploads\/2014\/05\/Screen-Shot-2014-05-24-at-5.53.42-PM.png 667w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><\/a><figcaption id=\"caption-attachment-1026\" class=\"wp-caption-text\">CSS3 Accordion<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This is the third site in a series where I have been playing around with CSS3&#8230; Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often.\u00c2\u00a0I first created a Parallax site\u00c2\u00a0using my mom\u00e2\u20ac\u2122s poems as my starting point of inspiration. I have continued with this [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1026,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[29,138,1],"tags":[240,242,237,239,238,241,243],"_links":{"self":[{"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/posts\/1023"}],"collection":[{"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/comments?post=1023"}],"version-history":[{"count":4,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/posts\/1023\/revisions"}],"predecessor-version":[{"id":1029,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/posts\/1023\/revisions\/1029"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/media\/1026"}],"wp:attachment":[{"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/media?parent=1023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/categories?post=1023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cassandraking.net\/wordpressapp\/wp-json\/wp\/v2\/tags?post=1023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}