{"id":4219,"date":"2018-07-12T06:20:34","date_gmt":"2018-07-12T06:20:34","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=4219"},"modified":"2021-08-24T12:49:18","modified_gmt":"2021-08-24T12:49:18","slug":"pick-a-color-a-jquery-color-picker-for-twitter-bootstrap","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/pick-a-color-a-jquery-color-picker-for-twitter-bootstrap\/","title":{"rendered":"PICK-A-COLOR: A JQUERY COLOR PICKER FOR TWITTER BOOTSTRAP"},"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>Lauren<\/li>\n<li class=\".last-child\"><time>November 22, 2012<\/time><\/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 a nice and simple color picker. There are some great color picker plugins out there, but most cater to the needs of techies and designers, providing complicated controls to access every color imaginable.<\/p>\n<p>Pick-a-Color is designed to be easy for anyone to use. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site.<\/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>Flexible text entry: Accepts HEX, RGB, HSL, HSV, HSVA, and names<\/li>\n<li>Saved colors: Saves up to 16 recently used colors. Colors are stored in localStorage or cookies<\/li>\n<li>Advanced: Advanced tab lets users modify hue, saturation, and lightness to make any color their hearts desire<\/li>\n<li>Basic color palette: Easy-to-use preset colors that can be lightened and darkened<\/li>\n<li>Chunky mobile styles: Dragging is easy, even on a touch device<\/li>\n<li class=\".last-child\">Simple initialization: As little as one line of HTML and one line of JavaScript<\/li>\n<\/ul>\n<a href=\"https:\/\/github.com\/lauren\/pick-a-color\/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=\"http:\/\/lauren.github.io\/pick-a-color\/\" 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\/lauren\/pick-a-color\" 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: Lauren November 22, 2012 About the plugin: This is a nice and simple color picker. There are some great color picker plugins out there, but most cater to the needs of techies and designers, providing complicated controls to access every color imaginable. Pick-a-Color is designed to be easy for anyone to use. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site. Features: Flexible text entry: Accepts HEX, RGB, HSL, HSV, HSVA, and names Saved colors: Saves up to 16 recently used colors. Colors are stored in localStorage or cookies Advanced: Advanced tab lets users modify hue, saturation, and lightness to make any color their hearts desire Basic color <!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":4220,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[814],"tags":[816,818],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/4219"}],"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=4219"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/4219\/revisions"}],"predecessor-version":[{"id":28601,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/4219\/revisions\/28601"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/4220"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=4219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=4219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=4219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}