December 11, 2024

By Web Designers for Web Designers

svg

Featured Tools

Sketch 3.6 Comes With Better SVG Support

Sufyan bin UzayrMarch 2, 2016

Javascript Web Development

Vivus.js brings SVG Animation to Life

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 23, 2015

Tools Webapp

Loading.io is your source for Animated Loading Images

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 23, 2015

Tools

Compressor.io offers Free Image Compression in your Browser

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 17, 2015

Icons

SmartIcons for Designers: A Large(and growing) SVG Icon Catalog

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauOctober 7, 2015

Graphics Icons

We Love SVG offers Open Source Icons for UI Design

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauSeptember 25, 2015

Resources

The Web Field Manual curates resources for UI Designers

<img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' data-src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo lazyload' height='30' width='30' loading='lazy' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 30px; --smush-placeholder-aspect-ratio: 30/30;' /><noscript><img alt='' src='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=30&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a856f0348a2e1c8fa9c2b8b4f1e618d7?s=60&d=mm&r=g 2x' class='avatar avatar-30 photo' height='30' width='30' loading='lazy' decoding='async'/>

Jake RocheleauSeptember 22, 2015