1. Implement a Nice & Clean jQuery Sliding Panel in WordPress 2.7+<\/a><\/h3>\nLearn how to implement a Nice & CleanSliding Panel in WordPress 2.7+ using jQuery. If user didn\u2019t log in or register yet, we will show the login and register forms in the sliding panel with a short Welcome Message:<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques1.jpg\")
<\/a><\/p>\n2. jBreadCrumb<\/a><\/h3>\njBreadCrumb is a jQuery plugin for displaying breadcrumb navigations in a more flexible & smarter way. The length of a breadcrumb menu may be very long, jBreadCrumb is a great solution for this issue. It creates a collapsible interface that smartly decides the display method according to the amount and length of the elements.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques2.jpg\")
<\/a><\/p>\nLearn how to create this navigation technique<\/a>, and display it on our posts, pages and categories archives in your WordPress theme. You can also use this great plugin <\/a> or this interesting one<\/a> to automatically create breadcrumbs in your blog.<\/p>\n3. Sliding Boxes and Captions with jQuery<\/a><\/h3>\nThe basic idea of the sliding box animations is very simple. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing \u201cpeek\u201d through. From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect. I can see this script works great for a CSS gallery, really interesting.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques3.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n4. How To Create An Amazing jQuery Style Switcher<\/a><\/h3>\nAdd a nice style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques4.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n5. Styling Buttons and Toolbars with the jQuery UI CSS Framework<\/a><\/h3>\nThis tutorial demonstrates how to incorporate the power of jQuery UI CSS framework classes in a custom widget to create and style buttons and toolbars.<\/p>\n
Creating a basic button is very simple with the jQuery UI CSS framework and styling it is really easy. All you need to do is add the default \u201cclickable\u201d state by assigning the class ui-state-default. We also want these to have rounded corners, so we added the optional ui-corner-all framework class which adds CSS3 corner-radius properties to all corners without the need for any images or extra markup.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/jquery-designelements4.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n6. MooTools Link Nudging<\/a><\/h3>\nThis tutorial demonstrates how to incorporate the power of jQuery UI CSS framework classes in a custom widget to create and style buttons and toolbars.<\/p>\n
Link nudging is the process of adjusting the padding on a link slightly to show a simple, tasteful \u201cjump\u201d when you place your mouse over a link. The effect is magnified when mousing on and off a link quickly.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques6.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n7. jQuery (mb)Menu 1.5<\/a><\/h3>\nThis is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way! You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component\u2019ll get it via ajax calling the template page with the id of the menu you need (the value of \u201cmenu\u201d attribute) the ajax page should return a well formatted code as the example below for the menu voices code.<\/p>\n
There are many tutorials out there for creating a WordPress drop down menues. You might want to check here <\/a>and there<\/a>.<\/p>\n![\"10](\"http:\/\/devsnippets.com\/img\/jquery-designelements11.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n8. Fantastic News Ticker Newsvine-like using Mootools<\/a><\/h3>\nThis tutorial explains how to implement a News Ticker, with news vertical scrolling, using mootools. It\u2019s very simple and quick to implement in your blog. I can see this very useful if you are having a news submission are on your website and want to display your user\u2019s contributed links in a nice and fancy way in your sidebar.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques8.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n9. Snazzy Archives<\/a><\/h3>\nSnazzy Archives is a visualization plugin for your WordPress site featuring an unique way to display all your posts. You can select different layouts and special effects. Main features of Snazzy Archives are: Unique visual presentation of blog posts, Will work out of the box with all features, Posts are scanned for images and youtube videos and shown together with number of comments, Different editable layouts (HTML and CSS), Special effects using jQuery and more.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques9.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n10. J Post Slider<\/a><\/h3>\nShow your post in fancy jQuery box, rotating images, with show-up text box with post description. Mousover stop the animation, and user can click on post link anytime.<\/p>\n
![\"10](\"http:\/\/devsnippets.com\/img\/wordpress-techniques10.jpg\")
<\/a><\/p>\n<\/a><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! But what happens when you combine the power of javascript with WordPress, the possibilities are infinite. This article will share 10 great practices, examples & Plugins for using the most popular Javascript frameworks out there to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,77,91,92,70],"tags":[474,158,149,160,65,162,99,161,71,155],"class_list":["post-1753","post","type-post","status-publish","format-standard","hentry","category-blog","category-inspiration-blog","category-resources-blog","category-tutorials-blog","category-web-design-blog","tag-blog","tag-cool","tag-creative","tag-html","tag-resources","tag-spice","tag-techniques","tag-theme","tag-tutorials","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1753"}],"version-history":[{"count":1,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753\/revisions"}],"predecessor-version":[{"id":1755,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753\/revisions\/1755"}],"wp:attachment":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a><\/p>\n2. jBreadCrumb<\/a><\/h3>\njBreadCrumb is a jQuery plugin for displaying breadcrumb navigations in a more flexible & smarter way. The length of a breadcrumb menu may be very long, jBreadCrumb is a great solution for this issue. It creates a collapsible interface that smartly decides the display method according to the amount and length of the elements.<\/p>\n
<\/a><\/p>\nLearn how to create this navigation technique<\/a>, and display it on our posts, pages and categories archives in your WordPress theme. You can also use this great plugin <\/a> or this interesting one<\/a> to automatically create breadcrumbs in your blog.<\/p>\n3. Sliding Boxes and Captions with jQuery<\/a><\/h3>\nThe basic idea of the sliding box animations is very simple. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing \u201cpeek\u201d through. From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect. I can see this script works great for a CSS gallery, really interesting.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n4. How To Create An Amazing jQuery Style Switcher<\/a><\/h3>\nAdd a nice style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n5. Styling Buttons and Toolbars with the jQuery UI CSS Framework<\/a><\/h3>\nThis tutorial demonstrates how to incorporate the power of jQuery UI CSS framework classes in a custom widget to create and style buttons and toolbars.<\/p>\n
Creating a basic button is very simple with the jQuery UI CSS framework and styling it is really easy. All you need to do is add the default \u201cclickable\u201d state by assigning the class ui-state-default. We also want these to have rounded corners, so we added the optional ui-corner-all framework class which adds CSS3 corner-radius properties to all corners without the need for any images or extra markup.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n6. MooTools Link Nudging<\/a><\/h3>\nThis tutorial demonstrates how to incorporate the power of jQuery UI CSS framework classes in a custom widget to create and style buttons and toolbars.<\/p>\n
Link nudging is the process of adjusting the padding on a link slightly to show a simple, tasteful \u201cjump\u201d when you place your mouse over a link. The effect is magnified when mousing on and off a link quickly.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n7. jQuery (mb)Menu 1.5<\/a><\/h3>\nThis is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way! You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component\u2019ll get it via ajax calling the template page with the id of the menu you need (the value of \u201cmenu\u201d attribute) the ajax page should return a well formatted code as the example below for the menu voices code.<\/p>\n
There are many tutorials out there for creating a WordPress drop down menues. You might want to check here <\/a>and there<\/a>.<\/p>\n<\/a><\/p>\n<\/a><\/a><\/div>\n8. Fantastic News Ticker Newsvine-like using Mootools<\/a><\/h3>\nThis tutorial explains how to implement a News Ticker, with news vertical scrolling, using mootools. It\u2019s very simple and quick to implement in your blog. I can see this very useful if you are having a news submission are on your website and want to display your user\u2019s contributed links in a nice and fancy way in your sidebar.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n9. Snazzy Archives<\/a><\/h3>\nSnazzy Archives is a visualization plugin for your WordPress site featuring an unique way to display all your posts. You can select different layouts and special effects. Main features of Snazzy Archives are: Unique visual presentation of blog posts, Will work out of the box with all features, Posts are scanned for images and youtube videos and shown together with number of comments, Different editable layouts (HTML and CSS), Special effects using jQuery and more.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n10. J Post Slider<\/a><\/h3>\nShow your post in fancy jQuery box, rotating images, with show-up text box with post description. Mousover stop the animation, and user can click on post link anytime.<\/p>\n
<\/a><\/p>\n<\/a><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! But what happens when you combine the power of javascript with WordPress, the possibilities are infinite. This article will share 10 great practices, examples & Plugins for using the most popular Javascript frameworks out there to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,77,91,92,70],"tags":[474,158,149,160,65,162,99,161,71,155],"class_list":["post-1753","post","type-post","status-publish","format-standard","hentry","category-blog","category-inspiration-blog","category-resources-blog","category-tutorials-blog","category-web-design-blog","tag-blog","tag-cool","tag-creative","tag-html","tag-resources","tag-spice","tag-techniques","tag-theme","tag-tutorials","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1753"}],"version-history":[{"count":1,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753\/revisions"}],"predecessor-version":[{"id":1755,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753\/revisions\/1755"}],"wp:attachment":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/a><\/p>\nLearn how to create this navigation technique<\/a>, and display it on our posts, pages and categories archives in your WordPress theme. You can also use this great plugin <\/a> or this interesting one<\/a> to automatically create breadcrumbs in your blog.<\/p>\n The basic idea of the sliding box animations is very simple. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing \u201cpeek\u201d through. From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect. I can see this script works great for a CSS gallery, really interesting.<\/p>\n Add a nice style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.<\/p>\n This tutorial demonstrates how to incorporate the power of jQuery UI CSS framework classes in a custom widget to create and style buttons and toolbars.<\/p>\n Creating a basic button is very simple with the jQuery UI CSS framework and styling it is really easy. All you need to do is add the default \u201cclickable\u201d state by assigning the class ui-state-default. We also want these to have rounded corners, so we added the optional ui-corner-all framework class which adds CSS3 corner-radius properties to all corners without the need for any images or extra markup.<\/p>\n This tutorial demonstrates how to incorporate the power of jQuery UI CSS framework classes in a custom widget to create and style buttons and toolbars.<\/p>\n Link nudging is the process of adjusting the padding on a link slightly to show a simple, tasteful \u201cjump\u201d when you place your mouse over a link. The effect is magnified when mousing on and off a link quickly.<\/p>\n This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way! You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component\u2019ll get it via ajax calling the template page with the id of the menu you need (the value of \u201cmenu\u201d attribute) the ajax page should return a well formatted code as the example below for the menu voices code.<\/p>\n There are many tutorials out there for creating a WordPress drop down menues. You might want to check here <\/a>and there<\/a>.<\/p>\n This tutorial explains how to implement a News Ticker, with news vertical scrolling, using mootools. It\u2019s very simple and quick to implement in your blog. I can see this very useful if you are having a news submission are on your website and want to display your user\u2019s contributed links in a nice and fancy way in your sidebar.<\/p>\n Snazzy Archives is a visualization plugin for your WordPress site featuring an unique way to display all your posts. You can select different layouts and special effects. Main features of Snazzy Archives are: Unique visual presentation of blog posts, Will work out of the box with all features, Posts are scanned for images and youtube videos and shown together with number of comments, Different editable layouts (HTML and CSS), Special effects using jQuery and more.<\/p>\n Show your post in fancy jQuery box, rotating images, with show-up text box with post description. Mousover stop the animation, and user can click on post link anytime.<\/p>\n WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! But what happens when you combine the power of javascript with WordPress, the possibilities are infinite. This article will share 10 great practices, examples & Plugins for using the most popular Javascript frameworks out there to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,77,91,92,70],"tags":[474,158,149,160,65,162,99,161,71,155],"class_list":["post-1753","post","type-post","status-publish","format-standard","hentry","category-blog","category-inspiration-blog","category-resources-blog","category-tutorials-blog","category-web-design-blog","tag-blog","tag-cool","tag-creative","tag-html","tag-resources","tag-spice","tag-techniques","tag-theme","tag-tutorials","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1753"}],"version-history":[{"count":1,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753\/revisions"}],"predecessor-version":[{"id":1755,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/1753\/revisions\/1755"}],"wp:attachment":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}3. Sliding Boxes and Captions with jQuery<\/a><\/h3>\n
<\/a><\/p>\n4. How To Create An Amazing jQuery Style Switcher<\/a><\/h3>\n
<\/a><\/p>\n5. Styling Buttons and Toolbars with the jQuery UI CSS Framework<\/a><\/h3>\n
<\/a><\/p>\n6. MooTools Link Nudging<\/a><\/h3>\n
<\/a><\/p>\n7. jQuery (mb)Menu 1.5<\/a><\/h3>\n
<\/a><\/p>\n8. Fantastic News Ticker Newsvine-like using Mootools<\/a><\/h3>\n
<\/a><\/p>\n9. Snazzy Archives<\/a><\/h3>\n
<\/a><\/p>\n10. J Post Slider<\/a><\/h3>\n
<\/a><\/p>\n