{"id":155,"date":"2008-06-20T02:01:21","date_gmt":"2008-06-20T07:01:21","guid":{"rendered":"http:\/\/cssnewbie.com\/great-resources-elsewhere-june-09-to-june-16\/"},"modified":"2008-06-20T02:01:21","modified_gmt":"2008-06-20T07:01:21","slug":"great-resources-elsewhere-june-13-to-june-19","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/great-resources-elsewhere-june-13-to-june-19\/","title":{"rendered":"Great Resources Elsewhere: June 13 to June 19"},"content":{"rendered":"<div class=\"magnolia_post xfolkentry\">\n<h4><a class=\"taggedlink\" href=\"http:\/\/webtecker.com\/2008\/06\/12\/10-free-chart-scripts\/\">10 Free Chart Scripts | WebTecker the latest Web Trends, Resources and News.<\/a><\/h4>\n<p class='thumbnail'>\n<div class=\"description\">I work a lot with statistics in my day job. As a result, I&#8217;m usually on the lookout for various scripts that would make that job a bit easier (or at least less tedious!). To that end, here&#8217;s a collection of 10 chart\/graph scripts from WebTecker. Regardless of whether you&#8217;re looking to generate graphs using JavaScript, Flash, or something else entirely, you&#8217;re bound to find something useful in this list. I found several I&#8217;d never used before that I&#8217;ll be trying out!<\/div>\n<h4><a class=\"taggedlink\" href=\"http:\/\/www.3point7designs.com\/blog\/2008\/06\/16\/using-css-and-gifs-to-animate-a-menu\/\">\u00bb Using CSS and GIF\u2019s to animate a menu &#8211; Web Design Marketing Podcast &#038; Blog<\/a><\/h4>\n<p class='thumbnail'>\n<div class=\"description\">Sure&#8230; animated gifs conjure up all sorts of nasty, all-too-visual memories of amateur websites from the 1990&#8217;s. But animated gifs are like any other tool on the web: they can be used for good and evil in fairly equal measure. And here&#8217;s a technique that falls on the good side of that spectrum. Here, 3point7designs outlines how to combine animated gifs with the CSS Sprites technique to create animated hover states in menus. <\/div>\n<h4><a class=\"taggedlink\" href=\"http:\/\/www.kriesi.at\/archives\/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery\">Create a multilevel Dropdown menu with CSS and improve it via jQuery | Kriesi.at &#8211; new media design<\/a><\/h4>\n<p class='thumbnail'>\n<div class=\"description\">And to keep up with our animated menu kick, here&#8217;s an interesting tutorial on developing a CSS-based multi-level dropdown menu with an extra kick: the designer uses jQuery to add a bit of animation to the hover states, which add a touch of class to the menus. Who says you need Flash for animated menus?<\/div>\n<h4><a class=\"taggedlink\" href=\"http:\/\/iloveinnovation.com\/leads\/34\">i love innovation<\/a><\/h4>\n<p class='thumbnail'>\n<div class=\"description\">Andrew Meyer at iloveinnovation.com stumbled across my article on building a Semantic List-Based CSS Calendar from earlier in the week and gave it a bit of an upgrade. Andrew liked the article overall, but felt my examples could be a bit more attractive. And after seeing what Andrew came up with, I&#8217;d have to agree! If you liked my article, be sure to check out his calendar example to see what can be accomplished with this technique with a bit of innovation and skill.<\/div>\n<\/div>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>10 Free Chart Scripts | WebTecker the latest Web Trends, Resources and News.<\/p>\n<p class='thumbnail'>\nI work a lot with statistics in my day job. As a result, I&#8217;m usually on the lookout for various scripts that would make that job a [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/great-resources-elsewhere-june-13-to-june-19\/\" title=\"Click to read 'Great Resources Elsewhere: June 13 to June 19'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[167],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/155"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}