Useful resources and inspiration for creative minds
Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.
Resizing and Cropping Images with Canvas was written by Mike Riethmuller and published on Codrops.
A second set of styles was added to the collection of subtle hover effect ideas. The old set was updated and we've added some fresh effects with various transitions.
Some More Subtle Hover Effect Ideas was written by Mary Lou and published on Codrops.
A free set of 30 pixel-perfect colorful icons from the Ballicons 2 Vol.2 icon set by PixelBuddha. The icons come in various formats with two styles and are ideal for web and app design.
Freebie: Ballicons 2 Vol. 2 Free Version (PSD, SVG, PNG) was written by PixelBuddha and published on Codrops.
Coolors * Owl Selector * AngularJS * Web Components * Awsome WPO * Canvassing * Hybrid Mobile Apps
Collective #139 was written by Mary Lou and published on Codrops.
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.
Wobbly Slideshow Effect was written by Mary Lou and published on Codrops.
Hotjar Insights * Palletab * SMIL * ProgressBar.js * Lazysizes * DevTools Tips * Material Design Icons * PerfMap
Collective #138 was written by Mary Lou and published on Codrops.
A transportation, travel and ecology themed icon set by Round Icons with 50 free icons in AI, SVG, PSD and PNG format.
Freebie: Travel and Ecology Icon Set (AI, SVG, PSD, PNG) was written by Round Icons and published on Codrops.
CSS turns 20 * GitHub Student Developer Pack * WebGL with Three.js * Hacker News API * Thought Plan * ACNPL\WGL
Collective #137 was written by Mary Lou and published on Codrops.
A free icon set with more than 100 useful app icons designed by Taras Shypka. The set comes with AI, EPS and SVG files and a ready-to-use icon font.
Freebie: Helium Icon Set (AI, EPS, SVG, Icon Font) was written by Taras Shypka and published on Codrops.
A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips.
Tooltip Styles Inspiration was written by Mary Lou and published on Codrops.
Physical Web * HTTP 203 * SweetAlert * Flyer.js * iOS 8 Scroll * CSS Layout Debbuger * AngularJS Guide * RWDPerf * Gifshot
Collective #136 was written by Mary Lou and published on Codrops.