{"id":23,"date":"2009-05-03T09:06:27","date_gmt":"2009-05-03T16:06:27","guid":{"rendered":"http:\/\/www.wellys.org\/wellysblog\/?p=23"},"modified":"2009-05-03T09:26:02","modified_gmt":"2009-05-03T16:26:02","slug":"its-the-little-things","status":"publish","type":"post","link":"http:\/\/www.wellys.org\/wellysblog\/?p=23","title":{"rendered":"It&#8217;s the little things"},"content":{"rendered":"<p>Whew!<\/p>\n<p>Made some changes to the site in an effort to bring it into the 21st Century.<br \/>\nFirst, I added a drop shadow to all of the images. What a difference it makes!<br \/>\nDetails on how in my next post.<br \/>\nSecond, I wanted to make sure the tooltip for each image would say &#8220;Click on image to play film.&#8221; and each image would have a alt tag so it would validate correctly AND when the film played, I wanted to ensure the title in the shadowbox did NOT say &#8220;Click on image to play film!&#8221;<br \/>\nDetails on this one; so Shadowbox has a title attribute; use it to show the title when it is being played. Use the href attribute title for the tooltip AND ensure you have an alt attribute for the img tag.<\/p>\n<p>Like I said &#8220;whew!&#8221;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Whew! Made some changes to the site in an effort to bring it into the 21st Century. First, I added a drop shadow to all of the images. What a difference it makes! Details on how in my next post. Second, I wanted to make sure the tooltip for each image would say &#8220;Click on &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.wellys.org\/wellysblog\/?p=23\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;It&#8217;s the little things&#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":[3],"tags":[32],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pvRD1-n","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":310,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=310","url_meta":{"origin":23,"position":0},"title":"Step 4: Updated to be dynamic","date":"August 28, 2010","format":false,"excerpt":"No significant changes here. Added the required code for the site to be served by a database instead of hand-coding. A couple of small formatting changes but I'm ready to go from my old but lovely way of serving videos, Shadowbox to spanking, new HTML5. Step 4 One update and\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":289,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=289","url_meta":{"origin":23,"position":1},"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":6,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=6","url_meta":{"origin":23,"position":2},"title":"I love it!","date":"May 2, 2009","format":false,"excerpt":"So I wanted to add a picture to my header... 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's where\u2026","rel":"","context":"In &quot;Wordpress&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":318,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=318","url_meta":{"origin":23,"position":3},"title":"Hype - a new approach","date":"May 22, 2011","format":false,"excerpt":"Thanks to Jon Gruber, I learned about Hype. Hype is a OS X application that makes it easy to create dynamic websites using HTML5 or more accurately, HTML5, Javascript and CSS3. Hype works. It is also version 1.0 so it is basic but it works, doesn't crash and holds great\u2026","rel":"","context":"In &quot;HTML5\/CSS3&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":273,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=273","url_meta":{"origin":23,"position":4},"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":169,"url":"http:\/\/www.wellys.org\/wellysblog\/?p=169","url_meta":{"origin":23,"position":5},"title":"Riding the local... [UPDATED]","date":"July 9, 2010","format":false,"excerpt":"With the upgrade to Snow Leopard, I took the opportunity to make my MacBook Pro, a better development machine. This meant creating a Web server environment which matches my production shared hosting environment. Far easier said then done. I started with MAMP. I wanted to have a complete server environment\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\/23"}],"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=23"}],"version-history":[{"count":3,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/23\/revisions"}],"predecessor-version":[{"id":31,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=\/wp\/v2\/posts\/23\/revisions\/31"}],"wp:attachment":[{"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=23"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=23"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.wellys.org\/wellysblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}