{"id":2543,"date":"2019-07-15T05:27:35","date_gmt":"2019-07-15T05:27:35","guid":{"rendered":"https:\/\/azoora.com\/blog\/?p=2543"},"modified":"2019-07-22T05:37:51","modified_gmt":"2019-07-22T05:37:51","slug":"10-interesting-js-and-css-libraries-for-july-2019","status":"publish","type":"post","link":"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/","title":{"rendered":"10 Interesting JS and CSS Libraries for July 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:\/\/www.csswand.dev\/\" target=\"_blank\">1. CSS Wand<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2546\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/csswand\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand.png\" data-orig-size=\"1058,488\" 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=\"csswand\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-300x138.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-1024x472.png\" loading=\"lazy\" width=\"1024\" height=\"472\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-1024x472.png\" alt=\"\" class=\"wp-image-2546\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-1024x472.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-300x138.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-768x354.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-720x332.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-580x268.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand-320x148.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/csswand.png 1058w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A collection of useful customizable CSS loading spinners, animated buttons, and other cool components. It is super easy to grab one of the snippets, copy its CSS, and paste it into your project. The code is really clean so with a little tweaking you can have it look just as you like it.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/barbajs\/barba\" target=\"_blank\">2. Barba.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2544\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/barba\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba.png\" data-orig-size=\"1220,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=\"barba\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-300x42.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-1024x143.png\" loading=\"lazy\" width=\"1024\" height=\"143\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-1024x143.png\" alt=\"\" class=\"wp-image-2544\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-1024x143.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-300x42.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-768x107.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-720x100.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-580x81.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba-320x45.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/barba.png 1220w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Small JavaScript library for creating fluid transitions between your website&#8217;s pages. It takes a plain ol&#8217; static website and with a little configuration turns it into an awesome single page style app. It helps reduce the delay between loading pages, minimizes HTTP requests, and enhances the user experience.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/ctrl-freaks\/freezeframe.js\/\" target=\"_blank\">3. Freezeframe<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2547\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/freezeframe\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe.jpg\" data-orig-size=\"995,508\" 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=\"freezeframe\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe-300x153.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe.jpg\" loading=\"lazy\" width=\"995\" height=\"508\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe.jpg\" alt=\"\" class=\"wp-image-2547\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe.jpg 995w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe-300x153.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe-768x392.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe-720x368.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe-580x296.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/freezeframe-320x163.jpg 320w\" sizes=\"(max-width: 995px) 100vw, 995px\" \/><\/figure>\n\n\n\n<p>Tiny JS library that allows you to control animated GIFs&#8217; playback. You can start and pause the GIFs based on user input such as clicks or hover. Under the hood it uses a canvas to draw the individual frames so its pretty performant.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/jstrieb\/urlpages\" target=\"_blank\">4. URL Pages<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2552\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/urlpages\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages.png\" data-orig-size=\"970,118\" 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=\"urlpages\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages-300x36.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages.png\" loading=\"lazy\" width=\"970\" height=\"118\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages.png\" alt=\"\" class=\"wp-image-2552\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages.png 970w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages-300x36.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages-768x93.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages-720x88.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages-580x71.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/urlpages-320x39.png 320w\" sizes=\"(max-width: 970px) 100vw, 970px\" \/><\/figure>\n\n\n\n<p>Proof of concept experiment which bundles up the entire contents of a page (including HTML, CSS and JS) and stores it in a URL. This makes it possible to create an instantly shareable and editable web page that anyone with the link can see. Includes a builder where you can make your own URL pages.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/VerbalExpressions\/JSVerbalExpressions\" target=\"_blank\">5. VerbalExpressions<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2553\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/verbalexpressions\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions.png\" data-orig-size=\"903,417\" 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=\"verbalexpressions\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions-300x139.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions.png\" loading=\"lazy\" width=\"903\" height=\"417\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions.png\" alt=\"\" class=\"wp-image-2553\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions.png 903w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions-300x139.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions-768x355.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions-720x332.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions-580x268.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/verbalexpressions-320x148.png 320w\" sizes=\"(max-width: 903px) 100vw, 903px\" \/><\/figure>\n\n\n\n<p>JavaScript library that helps with writing regular expressions. It provides chainable methods for most RegEx operations, allowing developers to write out more complicated rules without having to build a regular expression using tokens.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/nextapps-de\/spotlight\" target=\"_blank\">6. Spotlight<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2551\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/spotlight\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight.png\" data-orig-size=\"971,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=\"spotlight\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight-300x72.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight.png\" loading=\"lazy\" width=\"971\" height=\"232\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight.png\" alt=\"\" class=\"wp-image-2551\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight.png 971w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight-300x72.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight-768x183.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight-720x172.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight-580x139.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/spotlight-320x76.png 320w\" sizes=\"(max-width: 971px) 100vw, 971px\" \/><\/figure>\n\n\n\n<p>JavaScript lightbox gallery that is completely plug-and-play. Simply include it into your page via CDN or the JS bundler of your choice, create the gallery markup, and voila &#8211; your lightbox works. No additional code, CSS or dependencies.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/mavoweb\/mavo\" target=\"_blank\">7. Mavo<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2549\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/mavo\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo.jpg\" data-orig-size=\"1102,501\" 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=\"mavo\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-300x136.jpg\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-1024x466.jpg\" loading=\"lazy\" width=\"1024\" height=\"466\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-1024x466.jpg\" alt=\"\" class=\"wp-image-2549\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-1024x466.jpg 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-300x136.jpg 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-768x349.jpg 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-720x327.jpg 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-580x264.jpg 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo-320x145.jpg 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/mavo.jpg 1102w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>HTML-based language for building websites without any coding. This cool project makes it possible to create small data-driven websites with no JS and no backend, just HTML. It can also be used as a declarative, reactive front-end framework to make UI development easier.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/daybrush\/scenejs\" target=\"_blank\">8. Scene.js<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2550\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/scenejs\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs.png\" data-orig-size=\"974,441\" 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=\"scenejs\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs-300x136.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs.png\" loading=\"lazy\" width=\"974\" height=\"441\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs.png\" alt=\"\" class=\"wp-image-2550\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs.png 974w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs-300x136.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs-768x348.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs-720x326.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs-580x263.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/scenejs-320x145.png 320w\" sizes=\"(max-width: 974px) 100vw, 974px\" \/><\/figure>\n\n\n\n<p>Scene.js is a timeline-based animation library with tons of awesome features. It can be played in both JS and CSS, supports SVG animations, multiple timelines, and comes with preset effects you can use out of the box.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/leaverou\/bliss\/\" target=\"_blank\">9. Bliss<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2545\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/bliss\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss.png\" data-orig-size=\"1026,360\" 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=\"bliss\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-300x105.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-1024x359.png\" loading=\"lazy\" width=\"1024\" height=\"359\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-1024x359.png\" alt=\"\" class=\"wp-image-2545\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-1024x359.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-300x105.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-768x269.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-720x253.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-580x204.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss-320x112.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/bliss.png 1026w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cool little library that adds syntactic sugar for Vanilla JS, making the API much more pleasant. Unlike jQuery, it doesn&#8217;t affect the vanilla JS API itself, it just improves the syntax, keeping the method functionality untouched.<\/p>\n\n\n\n<h3><a rel=\"noreferrer noopener\" href=\"https:\/\/microsoft.github.io\/just\/\" target=\"_blank\">10. Just<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img data-attachment-id=\"2548\" data-permalink=\"https:\/\/azoora.com\/blog\/code\/10-interesting-js-and-css-libraries-for-july-2019\/attachment\/just\/#main\" data-orig-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just.png\" data-orig-size=\"1046,556\" 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=\"just\" data-image-description=\"\" data-medium-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-300x159.png\" data-large-file=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-1024x544.png\" loading=\"lazy\" width=\"1024\" height=\"544\" src=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-1024x544.png\" alt=\"\" class=\"wp-image-2548\" srcset=\"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-1024x544.png 1024w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-300x159.png 300w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-768x408.png 768w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-720x383.png 720w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-580x308.png 580w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just-320x170.png 320w, https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/just.png 1046w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A task library by MicroSoft that helps with organizing the build tasks for your JavaScript projects. Includes presets for TypeScript, Webpack and others.<\/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":2540,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[4,85,7,12,95],"tags":[93,25,94,28,116,87,54,48],"jetpack_featured_media_url":"https:\/\/azoora.com\/blog\/wp-content\/uploads\/2019\/07\/interesting-js-and-css-libraries-july.jpg","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/p7FQPL-F1","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2543"}],"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=2543"}],"version-history":[{"count":1,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2543\/revisions"}],"predecessor-version":[{"id":2554,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/posts\/2543\/revisions\/2554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media\/2540"}],"wp:attachment":[{"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/media?parent=2543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/categories?post=2543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/azoora.com\/blog\/wp-json\/wp\/v2\/tags?post=2543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}