DEV Community: bhargavkumar7031 The latest articles on DEV Community by bhargavkumar7031 (@bhargavkumar7031). https://dev.to/bhargavkumar7031 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F465979%2F28406bea-1015-49c6-94d7-6f7dd8bae9a7.jpg DEV Community: bhargavkumar7031 https://dev.to/bhargavkumar7031 en Resources for Web Development bhargavkumar7031 Fri, 21 May 2021 13:08:00 +0000 https://dev.to/bhargavkumar7031/resources-for-web-development-3bm0 https://dev.to/bhargavkumar7031/resources-for-web-development-3bm0 <h2> Contents </h2> <ol> <li>Resources for Icons</li> <li>Chrome Extensions</li> <li>Resources for PNG</li> <li>Hosting</li> <li>Animation</li> </ol> <h3> Icons <a></a> </h3> <p>1.<a href="https://thenounproject.com/">Noun Project</a><br> 2.<a href="https://www.vecteezy.com/">Vecteezy.com</a><br> 3.<a href="https://www.flaticon.com/">Flaticon</a><br> 4.<a href="https://iconscout.com/">iconscout.com</a><br> 5.<a href="https://iconset.io/">iconset.io</a></p> <h3> ChromeExtension <a></a> </h3> <ol> <li>JSON Viewer - chrome extension for printing JSON</li> <li>CSS Peeper - Extract CSS and build beautiful style guides</li> <li>LightHouse - automated tool for improving the performance, quality and correctness of your web apps</li> </ol> <h3> PNG <a></a> </h3> <ol> <li><a href="https://stickpng.com">stickpng</a></li> <li><a href="https://pixelsquid.com">pixelsquid</a></li> <li><a href="https://pngpix.com">pngpix</a></li> <li><a href="https://pngtree.com">pngtree</a></li> <li><a href="https://freepngs.com">freepng</a></li> <li><a href="https://freepngimg.com">freepngimg</a></li> </ol> <h3> Hosting <a></a> </h3> <ol> <li><a href="https://pages.github.com">Github pages</a></li> <li><a href="https://www.heroku.com">Heroku</a></li> <li><a href="https://www.netlify.com">Netlify</a></li> <li><a href="https://www.vercel.com">Vercel</a></li> <li><a href="https://www.aws.amazon.com/">AWS</a></li> </ol> <h3> Animation <a></a> </h3> <ol> <li><a href="https://mojs.github.io/">MO.js</a></li> <li><a href="https://thednp.github.io/kute.js/">KUTE.js</a></li> <li><a href="https://simpleparallax.com/">Simple Parallax.js</a></li> <li><a href="https://sarcadass.github.io/granim.js/">Granim.js</a></li> <li><a href="https://tympanus.net/Development/AnimatedLetters/">Animated Letters</a></li> </ol> webdev resources hosting animation CSS Animation Libraries bhargavkumar7031 Fri, 21 May 2021 12:31:13 +0000 https://dev.to/bhargavkumar7031/css-animation-libraries-np1 https://dev.to/bhargavkumar7031/css-animation-libraries-np1 <h3> <a href="https://animate.style/">Animate.css</a> </h3> <p>Animate.css is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.</p> <h3> <a href="https://animista.net/">Animista</a> </h3> <p>Animista is a CSS animation library and a playground where you can play with a collection of ready-made CSS animations and download only those you will use.</p> <h3> <a href="https://ianlunn.github.io/Hover/">Hover.css</a> </h3> <p>A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.</p> <h3> <a href="https://www.minimamente.com/project/magic/">Magic Animation</a> </h3> <p>CSS3 Animations with special effects built using SCSS and javascript</p> webdev css