{"id":1125,"date":"2014-11-22T16:54:35","date_gmt":"2014-11-22T16:54:35","guid":{"rendered":"http:\/\/virtualactivism.org\/education\/?p=1125"},"modified":"2018-02-27T23:52:52","modified_gmt":"2018-02-27T23:52:52","slug":"css3-and-jquery-treasures","status":"publish","type":"post","link":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/","title":{"rendered":"css3 and jquery treasures"},"content":{"rendered":"<ul>\n<li><a href=\"https:\/\/t.co\/SiTAAb6qSK\" target=\"_blank\">Resources for Extending Google Analytics with a plugin<\/a><\/li>\n<li><a href=\"http:\/\/poppyspend.britishlegion.org.uk\/\" target=\"_blank\">parallax scrolling website.. <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/AnimatedContentMenu\/\" target=\"_blank\">a menu for a restaurant website!! <\/a><\/li>\n<li><a href=\"http:\/\/tutorialzine.com\/2014\/09\/cute-file-browser-jquery-ajax-php\/\" target=\"_blank\">File Browser with <b>jQuery<\/b> and <b>PHP<\/b> <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/TypographyEffects\/index.html\" target=\"_blank\"><b>Typography<\/b> Effects with <b>CSS3<\/b> and <b>jQuery<\/b> <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/ExperimentsBackgroundClipText\/index3.html\" target=\"_blank\">Experiments with background-clip: text <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/ItemBlur\/\" target=\"_blank\">Item blur effect <\/a><\/li>\n<li><a href=\"http:\/\/www.webdesigndev.com\/photoshop\/brilliant-free-mockups-designers\" target=\"_blank\">Some great design\/development freebies <\/a><\/li>\n<li>\u00a0<a href=\"http:\/\/codyhouse.co\/\" target=\"_blank\">A free library of HTML, CSS,   JS nuggets<\/a><\/li>\n<li>\n<p class=\"ProfileTweet-text js-tweet-text u-dir\" dir=\"ltr\" lang=\"fr\" data-aria-label-part=\"0\"><a href=\"http:\/\/tympanus.net\/Development\/PageTransitions\/\" target=\"_blank\"><b>Responsive<\/b> page transitions<\/a><\/p>\n<\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/IconHoverEffects\/\" target=\"_blank\">Simple icon hover effects &#8211; freebies <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Tutorials\/ExpandingSearchBar\/\" target=\"_blank\">Expanding Search Bar Deconstructed <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/AnimatedBooks\/\" target=\"_blank\"><b>Animated<\/b> Books with 3D transform <\/a><\/li>\n<li>Inspiration for <a href=\"http:\/\/tympanus.net\/codrops\/2014\/05\/22\/inspiration-for-article-intro-effects\/\" target=\"_blank\">Article Intro Effects <\/a><\/li>\n<li>love love love those: <a href=\"http:\/\/tympanus.net\/Development\/HoverEffectIdeas\/\" target=\"_blank\">hover effect ideas <\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/Development\/ArticleIntroEffects\/\" target=\"_blank\">Beautiful demos and ideas: click previous to view other demos <\/a><\/li>\n<li><a href=\"https:\/\/jessepollak.github.io\/card\/\" target=\"_blank\">Make your credit card <b>form<\/b> better in one line of code. <\/a><\/li>\n<li><a href=\"http:\/\/www.thepetedesign.com\/demos\/tiltedpage_scroll_demo.html\" target=\"_blank\">That tilting <b>jquery<\/b> UI <\/a>&#8211; not sure I like it but love that it can be done.<\/li>\n<li><a href=\"http:\/\/designmodo.com\/jquery-ui-snippets\/\" target=\"_blank\">15 Responsive <b>jQuery<\/b> UI Snippets &amp; Modules <\/a><\/li>\n<li>How to Create <a href=\"http:\/\/designmodo.com\/canvas-sliding-navigation-menu\/\" target=\"_blank\">Off-Canvas Sliding Navigation Menu <\/a><\/li>\n<li>A Box of Tricks for <a href=\"http:\/\/www.sitepoint.com\/tricks-building-responsive-email\/\" target=\"_blank\">Building Responsive Email <\/a><\/li>\n<li>A Quick Overview of <a href=\"http:\/\/sixrevisions.com\/css\/css-calc\/\" target=\"_blank\">CSS calc()<\/a> Seriously?<\/li>\n<li><a href=\"http:\/\/sixrevisions.com\/css\/ghost-buttons\/%20\" target=\"_blank\">Creating ghost buttons <\/a><\/li>\n<li><a href=\"http:\/\/designmodo.com\/ghost-buttons\/\" target=\"_blank\">Design Trend: Ghost Buttons in Website Design <\/a><\/li>\n<\/ul>\n<p><strong>Tools and freebies:<\/strong><\/p>\n<ul>\n<li>A Closer Look at Mozilla <a href=\"http:\/\/designmodo.com\/firefox-developer\/\" target=\"_blank\">Firefox Developer Edition <\/a><\/li>\n<li><a href=\"http:\/\/designmodo.com\/freebies\/\" target=\"_blank\">Freebies are always a great idea. <\/a><\/li>\n<li><a href=\"http:\/\/www.interfacesketch.com\" target=\"_blank\">Interface Sketch.. templates for <b>mobile<\/b> &amp; <b>tablet<\/b> <\/a><\/li>\n<li><a href=\"http:\/\/developer.mozilla.org\/en-US\/Firefox\/Developer_Edition\" target=\"_blank\">Mozilla Firefox Developer Edition <\/a><\/li>\n<li><a href=\"http:\/\/sixrevisions.com\/css\/rgba\/\" target=\"_blank\">A Guide to <b>CSS<\/b> RGBA Colors <\/a><\/li>\n<li><a href=\"http:\/\/www.webdesigndev.com\/freebies\" target=\"_blank\">All freebies here\u00a0 for design and web development<\/a><\/li>\n<li><a href=\"http:\/\/tympanus.net\/codrops\/2013\/06\/12\/freebie-stationery-icon-set-eps-ai-psd\/\" target=\"_blank\">Freebie icon sets <\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Resources for Extending Google Analytics with a plugin parallax scrolling website.. a menu for a restaurant website!! File Browser with jQuery and PHP Typography Effects with CSS3 and jQuery Experiments with background-clip: text Item blur effect Some great design\/development freebies <a href=\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/\" class=\"read-more\">Read More &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69,73,22,68],"tags":[],"class_list":["post-1125","post","type-post","status-publish","format-standard","hentry","category-css3-html5","category-freebies","category-how-to","category-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>css3 and jquery treasures - Education and Technology Hub<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"css3 and jquery treasures - Education and Technology Hub\" \/>\n<meta property=\"og:description\" content=\"Resources for Extending Google Analytics with a plugin parallax scrolling website.. a menu for a restaurant website!! File Browser with jQuery and PHP Typography Effects with CSS3 and jQuery Experiments with background-clip: text Item blur effect Some great design\/development freebies Read More ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/\" \/>\n<meta property=\"og:site_name\" content=\"Education and Technology Hub\" \/>\n<meta property=\"article:published_time\" content=\"2014-11-22T16:54:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-27T23:52:52+00:00\" \/>\n<meta name=\"author\" content=\"mtadros\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mtadros\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/\",\"url\":\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/\",\"name\":\"css3 and jquery treasures - Education and Technology Hub\",\"isPartOf\":{\"@id\":\"https:\/\/virtualactivism.org\/education\/#website\"},\"datePublished\":\"2014-11-22T16:54:35+00:00\",\"dateModified\":\"2018-02-27T23:52:52+00:00\",\"author\":{\"@id\":\"https:\/\/virtualactivism.org\/education\/#\/schema\/person\/a58d2f8787e73e2be26217913d0bd72b\"},\"breadcrumb\":{\"@id\":\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/virtualactivism.org\/education\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"css3 and jquery treasures\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/virtualactivism.org\/education\/#website\",\"url\":\"https:\/\/virtualactivism.org\/education\/\",\"name\":\"Education and Technology Hub\",\"description\":\"Technology and Education Resources\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/virtualactivism.org\/education\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/virtualactivism.org\/education\/#\/schema\/person\/a58d2f8787e73e2be26217913d0bd72b\",\"name\":\"mtadros\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/virtualactivism.org\/education\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a259b1d62c18a7fccf8e70573e8c7aeb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a259b1d62c18a7fccf8e70573e8c7aeb?s=96&d=mm&r=g\",\"caption\":\"mtadros\"},\"url\":\"https:\/\/virtualactivism.org\/education\/author\/mtadros\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"css3 and jquery treasures - Education and Technology Hub","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/","og_locale":"en_US","og_type":"article","og_title":"css3 and jquery treasures - Education and Technology Hub","og_description":"Resources for Extending Google Analytics with a plugin parallax scrolling website.. a menu for a restaurant website!! File Browser with jQuery and PHP Typography Effects with CSS3 and jQuery Experiments with background-clip: text Item blur effect Some great design\/development freebies Read More ...","og_url":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/","og_site_name":"Education and Technology Hub","article_published_time":"2014-11-22T16:54:35+00:00","article_modified_time":"2018-02-27T23:52:52+00:00","author":"mtadros","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mtadros","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/","url":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/","name":"css3 and jquery treasures - Education and Technology Hub","isPartOf":{"@id":"https:\/\/virtualactivism.org\/education\/#website"},"datePublished":"2014-11-22T16:54:35+00:00","dateModified":"2018-02-27T23:52:52+00:00","author":{"@id":"https:\/\/virtualactivism.org\/education\/#\/schema\/person\/a58d2f8787e73e2be26217913d0bd72b"},"breadcrumb":{"@id":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/virtualactivism.org\/education\/css3-and-jquery-treasures\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/virtualactivism.org\/education\/"},{"@type":"ListItem","position":2,"name":"css3 and jquery treasures"}]},{"@type":"WebSite","@id":"https:\/\/virtualactivism.org\/education\/#website","url":"https:\/\/virtualactivism.org\/education\/","name":"Education and Technology Hub","description":"Technology and Education Resources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/virtualactivism.org\/education\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/virtualactivism.org\/education\/#\/schema\/person\/a58d2f8787e73e2be26217913d0bd72b","name":"mtadros","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/virtualactivism.org\/education\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a259b1d62c18a7fccf8e70573e8c7aeb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a259b1d62c18a7fccf8e70573e8c7aeb?s=96&d=mm&r=g","caption":"mtadros"},"url":"https:\/\/virtualactivism.org\/education\/author\/mtadros\/"}]}},"_links":{"self":[{"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/posts\/1125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/comments?post=1125"}],"version-history":[{"count":4,"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/posts\/1125\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/posts\/1125\/revisions\/1360"}],"wp:attachment":[{"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/media?parent=1125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/categories?post=1125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/virtualactivism.org\/education\/wp-json\/wp\/v2\/tags?post=1125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}