{"id":6,"date":"2009-05-02T10:32:27","date_gmt":"2009-05-02T17:32:27","guid":{"rendered":"http:\/\/www.wellys.org\/wellysblog\/?p=6"},"modified":"2011-06-10T15:23:16","modified_gmt":"2011-06-10T22:23:16","slug":"i-love-it","status":"publish","type":"post","link":"http:\/\/www.wellys.org\/wellysblog\/?p=6","title":{"rendered":"I love it!"},"content":{"rendered":"<p>So I wanted to add a picture to my header&#8230; not a problem. BUT! Now the picture and my blog title were in conflict. Because the header photo was half dark and half light, any title color would look great on one side but not the other. Sigh.<\/p>\n<p>Here&#8217;s where it got fun!<\/p>\n<p>Using Safari 4&#8217;s Develop menu (enable using the Advanced Tab in Preferences), I used the Web Inspector to see if I could drop the title to just under the photo, oops, move it to the right, and make sure the Search widget lines up at the bottom, change the color, FINIS!<\/p>\n<p>I love it! Update the CSS file with my desired changes and life is but dream!<\/p>\n<p>Well except now I see I have to make just one more tweak&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So I wanted to add a picture to my header&#8230; not a problem. BUT! Now the picture and my blog title were in conflict. Because the header photo was half dark and half light, any title color would look great on one side but not the other. Sigh. Here&#8217;s where it got fun! Using Safari &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.wellys.org\/wellysblog\/?p=6\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;I love it!&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[28],"tags":[7,31,6,32],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pvRD1-6","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":273,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=273","url_meta":{"origin":6,"position":0},"title":"Step 1: Keep Design and Gray box it","date":"July 25, 2010","format":false,"excerpt":"Following a technique advocated in \"transcending CSS by Andy Clarke\", I've taken the current design and 'gray boxed it\". \u00c2\u00a0(I want to point out that my goal is to learn HTML5\/CSS3, not to create a wholly new design). \u00c2\u00a0I simplified the site to its simplest elements: From the graphic, you\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":194,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=194","url_meta":{"origin":6,"position":1},"title":"HTML5 and CSS3","date":"October 18, 2009","format":false,"excerpt":"I'm interested in what HTML5\/CSS3 are bringing to the Web. A simple thing like using CSS to drop shadow an image is \u00c2\u00a0quite nice. Beats having to use Photoshop... Based on the drop shadow alone, I thought it would be good to begin using these two new web standards, So\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":71,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=71","url_meta":{"origin":6,"position":2},"title":"This I gotta try...","date":"May 6, 2009","format":false,"excerpt":"CSS Animations. It sounds neat and it doesn't sound like \"blinking cursor\". It sounds useful, like rounded corners. I've got some time this weekend.... mmmmm. If you use Safari 4, stay tuned.","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":289,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=289","url_meta":{"origin":6,"position":3},"title":"Step 2: Figure out video","date":"July 25, 2010","format":false,"excerpt":"HTML5 holds great promise for video playback. Gone will be the days of embedded objects, plugins and (hopefully) Flash. The issue we still face are browser codec compatibilities; such as Firefox wants to see Ogg Theora and Safari wants h.264. My next step is to explore video playback within one\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":73,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=73","url_meta":{"origin":6,"position":4},"title":"I've got a problem","date":"May 7, 2009","format":false,"excerpt":"I've had it for several years. My Wellington Road Pictures site uses a table for formatting. I know, I know its wrong, wrong, wrong but hey, it validates! I've tried a couple of times to clean it up but I'm not so much on Web design. Every six months or\u2026","rel":"","context":"In &quot;Web&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":267,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=267","url_meta":{"origin":6,"position":5},"title":"Wish me luck...","date":"July 24, 2010","format":false,"excerpt":"I'm off to redo my film site using HTML5 and CSS3. As I stated some time ago, I've been interested in the two technologies for some time. Little things like CSS shadows are very nice and semantic elements like article, aside and nav certainly contribute to a site better than\u2026","rel":"","context":"In &quot;Wordpress&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/6"}],"collection":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/6\/revisions"}],"predecessor-version":[{"id":352,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/6\/revisions\/352"}],"wp:attachment":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}