corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: images

Stack Motion Hover Effects image/svg+xml

The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color as the image and then animate the elements in a swift motion. We are using the JavaScript library anime.js for the animations.

I really like these effects, I think they look proper classy.

20 Magical Free Winter Stock Photos image/svg+xml

Browse through these 20 magical free winter stock photos, choose your favorites and save them to your design collection or use them in your upcoming Christmas projects.

I’m not a massive fan of stock photography, but some of these are actually pretty nice. Note, despite what the title says, I’m pretty sure there is no magic involved; unless it’s just not visible to a muggle such as myself.

Google Debuts ‘PhotoScan’ App for Scanning Old Photos With iPhone image/svg+xml

Google today launched a new app called PhotoScan, which is designed to make it easy to scan printed photographs using your iPhone’s camera.

PhotoScan instructs users to take four separate quick images of a printed photo, stitching them together to create a perfect high-resolution digital copy. Google’s multi-image capture method eliminates issues that normally plague digital photos of print photographs, including glare and distortion.

This looks pretty cool, I’m looking foward to giving it a try.

High Performance SVGs image/svg+xml

I recently worked on a project that was getting a ton of traffic but users were bouncing because the page load was too long at around 10 seconds. They called me in because the majority of the images on that site were SVGs, and they were animated. I trained the team how to decrease the file size on the SVGs while preserving the appearance and functionality, finally getting the load time to under 2 seconds. The bounce rate dropped dramatically and conversion was restored.

Some handy tips on optimising SVGs for performance. I’ve been trusting Inkscape for my SVG production needs, but after reading this, I might take a closer look at the files it creates.