{"id":8941,"date":"2018-11-27T07:31:05","date_gmt":"2018-11-27T07:31:05","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=8941"},"modified":"2020-06-16T06:56:00","modified_gmt":"2020-06-16T06:56:00","slug":"scotch-panels","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/scotch-panels\/","title":{"rendered":"SCOTCH PANELS"},"content":{"rendered":"<div class=\"info-box\">\n<div class=\"info info-author\"><em><span style=\"text-decoration: underline;\"><strong>Made by:<\/strong><\/span><\/em><\/p>\n<ul>\n<li>scotch<\/li>\n<li class=\".last-child\"><time>September 8, 2014<\/time><\/li>\n<\/ul>\n<h4><em><span style=\"text-decoration: underline;\"><strong>Made with:<\/strong><\/span><\/em><\/h4>\n<ul>\n<li class=\".last-child\">HTML \/ CSS \/ JS<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">About the plugin:<\/span><\/strong><\/span><\/em><\/p>\n<p>This is an amazing Dead simple off canvas menus and panels jQuery plugin. Over 30 easy to understand demos!<\/p>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">Features:<\/span><\/strong><\/span><\/em><\/p>\n<ul class=\"article-list\">\n<li>uses CSS3 with JavaScript fallback<\/li>\n<li>fully responsive<\/li>\n<li>custom transition styles<\/li>\n<li>completely customizable with tons of optional settings<\/li>\n<li>lightweight, easy to use, and only one file<\/li>\n<li>cross browser support<\/li>\n<li>choose either custom HTML, images, iframes, or video panels<\/li>\n<li>optionally use HTM5\u00a0<code>data<\/code>\u00a0attributes<\/li>\n<li>off-canvas directions from top, bottom, left, and right<\/li>\n<li>works from any container or\u00a0<code>div<\/code><\/li>\n<li>extensive callbacks API<\/li>\n<li class=\".last-child\">click, touch, hover, and keyboard helpers<\/li>\n<\/ul>\n<p><em><strong><span class=\"accent\">Compatible browsers: <\/span><\/strong><\/em>Chrome, Edge, Firefox, Opera, Safari<\/p>\n<p><em><strong><span class=\"accent\">Responsive: <\/span><\/strong><\/em><span class=\"accent\">Y<\/span>es<\/p>\n<p><em><strong><span class=\"accent\">Dependencies: <\/span><\/strong><\/em>jquery.js<\/p>\n<a href=\"https:\/\/github.com\/scotch-io\/scotch-panels\/archive\/master.zip\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"https:\/\/panels.scotch.io\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo<\/span><\/a>\n<a href=\"https:\/\/github.com\/scotch-io\/scotch-panels\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Github Page<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Made by: scotch September 8, 2014 Made with: HTML \/ CSS \/ JS About the plugin: This is an amazing Dead simple off canvas menus and panels jQuery plugin. Over 30 easy to understand demos! Features: uses CSS3 with JavaScript fallback fully responsive custom transition styles completely customizable with tons of optional settings lightweight, easy to use, and only one file cross browser support choose either custom HTML, images, iframes, or video panels optionally use HTM5\u00a0data\u00a0attributes off-canvas directions from top, bottom, left, and right works from any container or\u00a0div extensive callbacks API click, touch, hover, and keyboard helpers Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: Yes Dependencies: jquery.js<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":8950,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2445],"tags":[583,2421,2447,2451],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/8941"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=8941"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/8941\/revisions"}],"predecessor-version":[{"id":20904,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/8941\/revisions\/20904"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/8950"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=8941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=8941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=8941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}