{"id":3134,"date":"2019-09-15T02:57:00","date_gmt":"2019-09-15T02:57:00","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=3134"},"modified":"2019-11-12T04:10:09","modified_gmt":"2019-11-12T04:10:09","slug":"10-interesting-js-and-css-libraries-for-september-2019","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/","title":{"rendered":"10 Interesting JS and CSS Libraries for September 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 href=\"https:\/\/azoora.com\/blog\/freebies\/autocomplete-js-free-autocomplete-js-library\/\">1. autoComplete.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-attachment-id=\"3131\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/fast-autocomplete-typeahead-library-autocomplete-js\/attachment\/autocomplete-js\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js.jpg\" data-orig-size=\"1190,680\" 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=\"autoComplete.js\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js-300x171.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js-1024x585.jpg\" loading=\"lazy\" width=\"1024\" height=\"585\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js-1024x585.jpg\" alt=\"\" class=\"wp-image-3131\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js-1024x585.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js-300x171.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js-768x439.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/autoComplete.js.jpg 1190w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>AutoComplete.js<\/strong>\u00a0is a vanilla, light &amp; free autocomplete\u00a0Javascript library that\u2019s progressively designed for speed, high versatility and seamless integration with wide range of projects &amp; systems. The library is pure Javascript with no dependencies, very light and fast.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/daybrush\/moveable\" target=\"_blank\">2. Moveable<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/daybrush\/moveable\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3140\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/movable\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable.png\" data-orig-size=\"963,191\" 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=\"movable\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable-300x60.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable.png\" loading=\"lazy\" width=\"963\" height=\"191\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable.png\" alt=\"\" class=\"wp-image-3140\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable.png 963w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable-300x60.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/movable-768x152.png 768w\" sizes=\"(max-width: 963px) 100vw, 963px\" \/><\/a><\/figure>\n\n\n\n<p>Cool library that takes any HTML element and puts it in a &#8220;free transform&#8221; mode, making it possible to grab it with the mouse and change its size, shape, orientation, and position.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/EvanHahn\/HumanizeDuration.js\" target=\"_blank\">3. Humanize Duration<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/EvanHahn\/HumanizeDuration.js\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3136\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/humanize\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/humanize.png\" data-orig-size=\"748,262\" 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=\"humanize\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/humanize-300x105.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/humanize.png\" loading=\"lazy\" width=\"748\" height=\"262\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/humanize.png\" alt=\"\" class=\"wp-image-3136\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/humanize.png 748w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/humanize-300x105.png 300w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/><\/a><\/figure>\n\n\n\n<p>JavaScript library that translates timestamps in milliseconds to human friendly strings. It has lots of customization options, including support for several languages.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/timqian\/chart.xkcd\" target=\"_blank\">4. Chart.xkcd<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/timqian\/chart.xkcd\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3135\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/chartxkcd\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd.png\" data-orig-size=\"1154,212\" 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=\"chartxkcd\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd-300x55.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd-1024x188.png\" loading=\"lazy\" width=\"1024\" height=\"188\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd-1024x188.png\" alt=\"\" class=\"wp-image-3135\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd-1024x188.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd-300x55.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd-768x141.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/chartxkcd.png 1154w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>A library for &#8220;hand-drawn&#8221; data charts in the style of the popular comic series&nbsp;<a href=\"https:\/\/xkcd.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">xkcd<\/a>. There are a number of chart types and everything is displayed with SVGs, so the charts should be fully responsive and scalable.<\/p>\n\n\n\n<h3><a href=\"https:\/\/azoora.com\/blog\/wp-admin\/post.php?post=2766&amp;action=edit\">5. NodeGUI<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/nodegui\/nodegui\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3141\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/nodegui-2\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui.png\" data-orig-size=\"2627,539\" 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=\"nodegui\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-300x62.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-1024x210.png\" loading=\"lazy\" width=\"1024\" height=\"210\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-1024x210.png\" alt=\"\" class=\"wp-image-3141\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-1024x210.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-300x62.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-768x158.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/nodegui-1400x287.png 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>New framework for building cross-platform desktop apps with JS. Under the hood it is powered by&nbsp;<a href=\"https:\/\/www.qt.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Qt5<\/a>&nbsp;and should result in more performant native apps, compared to&nbsp;<a href=\"https:\/\/github.com\/electron\/electron\" target=\"_blank\" rel=\"noreferrer noopener\">Electron<\/a>&nbsp;which is based on chromium and renders apps in a browser.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/markedjs\/marked\" target=\"_blank\">6. Marked<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/markedjs\/marked\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3138\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/marked\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked.png\" data-orig-size=\"825,352\" 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=\"marked\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked-300x128.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked.png\" loading=\"lazy\" width=\"825\" height=\"352\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked.png\" alt=\"\" class=\"wp-image-3138\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked.png 825w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked-300x128.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/marked-768x328.png 768w\" sizes=\"(max-width: 825px) 100vw, 825px\" \/><\/a><\/figure>\n\n\n\n<p>A powerful markdown parser and compiler. It is very fast thanks to the included low-level compiler for parsing markdown code without caching or blocking for long periods of time. Available in the browser, Node.js, and as a CLI.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/Y2Z\/monolith\" target=\"_blank\">7. Monolith<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/Y2Z\/monolith\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3139\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/monolith\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith.png\" data-orig-size=\"998,93\" 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=\"monolith\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith-300x28.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith.png\" loading=\"lazy\" width=\"998\" height=\"93\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith.png\" alt=\"\" class=\"wp-image-3139\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith.png 998w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith-300x28.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/monolith-768x72.png 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><\/a><\/figure>\n\n\n\n<p>A JS library that allows you to save entire web pages as a single HTML file. Unlike the browser&#8217;s default &#8220;Save page as&#8221;, Monolith bundles the CSS, images, and JS assets into one document that is easy to store and share.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/cjss-group\/CJSS\" target=\"_blank\">8. CJSS<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/cjss-group\/CJSS\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3143\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/cjss\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss.jpg\" data-orig-size=\"835,415\" 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=\"cjss\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss-300x149.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss.jpg\" loading=\"lazy\" width=\"835\" height=\"415\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss.jpg\" alt=\"\" class=\"wp-image-3143\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss.jpg 835w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss-300x149.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/cjss-768x382.jpg 768w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/a><\/figure>\n\n\n\n<p>Fun project that moves all the markup, data and logic of your app into the CSS stylesheets. This fully CSS-powered framework is for experimental purposes only, so please don&#8217;t use it at work,<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/lrsjng\/pagemap\" target=\"_blank\">9. Pagemap<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/lrsjng\/pagemap\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3142\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/pagemap\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap.png\" data-orig-size=\"1139,232\" 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=\"pagemap\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap-300x61.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap-1024x209.png\" loading=\"lazy\" width=\"1024\" height=\"209\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap-1024x209.png\" alt=\"\" class=\"wp-image-3142\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap-1024x209.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap-300x61.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap-768x156.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/pagemap.png 1139w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>This original JS plugin adds a minimap of your website&#8217;s layout next to the scrollbar, similar to what you see in code editors like VSCode. Very useful for documentation websites and other pages with lots of text.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/IanLunn\/Hover\" target=\"_blank\">10. Hover<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/github.com\/IanLunn\/Hover\" target=\"_blank\" rel=\"noreferrer noopener\"><img data-attachment-id=\"3144\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-september-2019\/attachment\/hovercss\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss.png\" data-orig-size=\"1185,127\" 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=\"hovercss\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss-300x32.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss-1024x110.png\" loading=\"lazy\" width=\"1024\" height=\"110\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss-1024x110.png\" alt=\"\" class=\"wp-image-3144\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss-1024x110.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss-300x32.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss-768x82.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/hovercss.png 1185w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>A nice collection of CSS-powered hover effects. All the animations can be applied to links, buttons, logos, SVGs, and more. Super easy to customize and available in CSS, Sass, and LESS.<\/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":3145,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,145,12,95],"tags":[25,94,146,116,87,45,96,48,174],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/11\/interesting-js-and-css-libraries-september.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-Oy","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3134"}],"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=3134"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3134\/revisions"}],"predecessor-version":[{"id":3146,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/3134\/revisions\/3146"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/3145"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=3134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=3134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=3134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}