{"id":2390,"date":"2019-04-15T11:25:08","date_gmt":"2019-04-15T11:25:08","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=2390"},"modified":"2019-07-13T00:01:21","modified_gmt":"2019-07-13T00:01:21","slug":"10-interesting-js-and-css-libraries-for-april-2019","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/","title":{"rendered":"10 Interesting JS and CSS Libraries for April 2019"},"content":{"rendered":"\n<p>Our job at Azoora&#8217;s Blog is to keep you up to date with the latest and coolest trends in web industry. That\u2019s why every month we release a handpicked collection of some of the best resources that we\u2019ve stumbled upon which deemed worthy of your attention.<\/p>\n\n\n\n<p>If you enjoy these articles, please share your thoughts about it and subscribe our blog also. Whenever we release a new article, we share it on social media also like <a href=\"https:\/\/www.facebook.com\/AzooraOfficial\/\">Facebook<\/a>, <a href=\"https:\/\/twitter.com\/Azoora\">Twitter <\/a>&amp; <a href=\"https:\/\/www.linkedin.com\/company\/azoora\/\">LinkedIn <\/a>to keep our visitors engaged with cool new libraries, articles &amp; design &amp; development resources!<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/cube.dev\/\" target=\"_blank\">1. Cube.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2393\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/cubejs\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs.png\" data-orig-size=\"803,123\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cubejs\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs-300x46.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs.png\" loading=\"lazy\" width=\"803\" height=\"123\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs.png\" alt=\"\" class=\"wp-image-2393\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs.png 803w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs-300x46.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs-768x118.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs-720x110.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs-580x89.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/cubejs-320x49.png 320w\" sizes=\"(max-width: 803px) 100vw, 803px\" \/><\/figure>\n\n\n\n<p>Powerful open-source framework for developing complex, custom-tailored analytics systems. Consists of front end SDK&#8217;s and an API back end that works with most databases including MySQL, Postreges and MongoDB.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/kognise\/water.css\" target=\"_blank\">2. Water.css<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2394\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/watercss\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss.png\" data-orig-size=\"948,307\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"watercss\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss-300x97.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss.png\" loading=\"lazy\" width=\"948\" height=\"307\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss.png\" alt=\"\" class=\"wp-image-2394\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss.png 948w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss-300x97.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss-768x249.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss-720x233.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss-580x188.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/watercss-320x104.png 320w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/figure>\n\n\n\n<p>A just-add-css framework that applies styles without the need of defining element classes. Just include it in your project via CDN and all your pages will automatically look better. Includes a light and dark theme, and can be customized via SCSS.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/codex.so\/editor\" target=\"_blank\">3. Editor.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2395\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/editorjs\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs.png\" data-orig-size=\"909,399\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"editorjs\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs-300x132.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs.png\" loading=\"lazy\" width=\"909\" height=\"399\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs.png\" alt=\"\" class=\"wp-image-2395\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs.png 909w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs-300x132.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs-768x337.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs-720x316.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs-580x255.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/editorjs-320x140.png 320w\" sizes=\"(max-width: 909px) 100vw, 909px\" \/><\/figure>\n\n\n\n<p>Rich text &amp; media editor that outputs data in JSON format. It is fully modular and made out of &#8220;blocks&#8221;, meaning every structural unit is it&#8217;s own block (e.g. Paragraph, Heading, Image are all blocks) and users can easily write their own plugins to further extend the editor.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/alikinvv\/stepper\" target=\"_blank\">4. Stepper<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2396\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/stepper\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper.png\" data-orig-size=\"931,435\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"stepper\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper-300x140.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper.png\" loading=\"lazy\" width=\"931\" height=\"435\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper.png\" alt=\"\" class=\"wp-image-2396\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper.png 931w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper-300x140.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper-768x359.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper-720x336.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper-580x271.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/stepper-320x150.png 320w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/figure>\n\n\n\n<p>Pretty numeric stepper component, perfect for up-vote \/ down-vote controls or other counter elements. Very nicely animated with buttery-smooth CSS effects on clicking the arrows.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/leeoniya\/dropcss\" target=\"_blank\">5. DropCSS<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2397\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/dropcsss\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss.png\" data-orig-size=\"1097,170\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"dropcsss\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-300x46.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-1024x159.png\" loading=\"lazy\" width=\"1024\" height=\"159\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-1024x159.png\" alt=\"\" class=\"wp-image-2397\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-1024x159.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-300x46.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-768x119.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-720x112.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-580x90.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss-320x50.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/dropcsss.png 1097w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Thorough CSS cleaner that takes your HTML and CSS and returns only the styles that are actually used. It removes all unused style blocks, repeated selectors, @keyframes and more. Highly optimized and exceptionally fast.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/twitter\/twemoji\" target=\"_blank\">6. Twemoji<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2398\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/twemoji\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji.png\" data-orig-size=\"830,259\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"twemoji\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji-300x94.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji.png\" loading=\"lazy\" width=\"830\" height=\"259\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji.png\" alt=\"\" class=\"wp-image-2398\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji.png 830w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji-300x94.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji-768x240.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji-720x225.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji-580x181.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/twemoji-320x100.png 320w\" sizes=\"(max-width: 830px) 100vw, 830px\" \/><\/figure>\n\n\n\n<p>Great library by the Twitter team that provides standard Unicode emoji support across all platforms. With more then 3000 emojis and a solid API, it is can be the perfect solution when you want to add emojis to your apps.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/foreseaz.github.io\/react-loadcon\/\" target=\"_blank\">7. React LoadCon<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2399\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/react-loadcon\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon.png\" data-orig-size=\"663,401\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"react-loadcon\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon-300x181.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon.png\" loading=\"lazy\" width=\"663\" height=\"401\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon.png\" alt=\"\" class=\"wp-image-2399\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon.png 663w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon-300x181.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon-580x351.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/react-loadcon-320x194.png 320w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<p>React component that allows you to animate your website&#8217;s favicon using a series of dynamically generated images. This effect can be used as a progress or loading indicator, or just as a cool little animation to make your pages stand out.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/matvp91\/indigo-player\" target=\"_blank\">8. Indigo Player<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2400\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/indigoplayer\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer.png\" data-orig-size=\"772,321\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"indigoplayer\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer-300x125.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer.png\" loading=\"lazy\" width=\"772\" height=\"321\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer.png\" alt=\"\" class=\"wp-image-2400\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer.png 772w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer-300x125.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer-768x319.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer-720x299.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer-580x241.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/indigoplayer-320x133.png 320w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/figure>\n\n\n\n<p>React-based video player with out-of-the-box features such as subtitles, thumbnails, quality selection and more. Highly extensible, modern and offering support for most of the popular video formats and codecs.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/niklasvh\/html2canvas\" target=\"_blank\">9. html2canvas<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2401\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/html2canvas\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas.png\" data-orig-size=\"881,282\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"html2canvas\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas-300x96.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas.png\" loading=\"lazy\" width=\"881\" height=\"282\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas.png\" alt=\"\" class=\"wp-image-2401\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas.png 881w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas-300x96.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas-768x246.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas-720x230.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas-580x186.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/html2canvas-320x102.png 320w\" sizes=\"(max-width: 881px) 100vw, 881px\" \/><\/figure>\n\n\n\n<p>This cool script takes the elements and styles in a page and captures a &#8220;screenshot&#8221; by rendering a copy of the DOM. Since the screenshots are based on the DOM they might not be 100% accurate but the library can still be a great tool for debugging and automated tests.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/jshjohnson\/Choices\" target=\"_blank\">10. Choices<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2402\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-april-2019\/attachment\/choices\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices.png\" data-orig-size=\"1177,166\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"choices\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-300x42.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-1024x144.png\" loading=\"lazy\" width=\"1024\" height=\"144\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-1024x144.png\" alt=\"\" class=\"wp-image-2402\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-1024x144.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-300x42.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-768x108.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-720x102.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-580x82.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices-320x45.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/choices.png 1177w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Lightweight library for making highly customizable select boxes, text areas, and other form inputs. Similar to&nbsp;<a href=\"https:\/\/select2.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Select2<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/selectize.github.io\/selectize.js\/\" target=\"_blank\" rel=\"noreferrer noopener\">Selectize<\/a>&nbsp;but without the jQuery dependency.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our job at Azoora&#8217;s Blog is to keep you up to date with the latest and coolest trends in web industry. That\u2019s why every month we release a handpicked collection of some of the best resources that we\u2019ve stumbled upon which deemed worthy of your attention. If you enjoy these articles, please share your thoughts [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2403,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,8,12,95,83],"tags":[56,94,116,87,48],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/06\/interesting-js-and-css-libraries-april.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-Cy","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2390"}],"collection":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/comments?post=2390"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2390\/revisions"}],"predecessor-version":[{"id":2404,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2390\/revisions\/2404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/2403"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=2390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=2390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=2390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}