Tags: images

Scrape Images with wget [↗]

A quick tip for using wget to download all images at a given URL.

Stack Motion Hover Effects [↗]

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.

blurify.js [↗]

blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

Nice, looks useful.

The year in photos 2016 [↗]

A round-up of sites publishing the best photos of 2016. Some of these photos are stunning and there are a lot of political shots, but my favourite is probably the picture of Usain Bolt running in the 100 metre semifinal at the Olympic Games.

Superhuman.

20 Magical Free Winter Stock Photos [↗]

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.

Image Effects with CSS [↗]

Using one or more newer CSS properties (background-blend-mode, mix-blend-mode, or filter) gives us a surprising amount of possibilities to manipulate a single source image.

Some interesting image effects, it’s pretty cool what you can achieve with CSS these days.

Google Debuts ‘PhotoScan’ App for Scanning Old Photos With iPhone [↗]

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.

Magnific Popup [↗]

Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js).

I’ve been using this in combination with slick and it works pretty well.

Grade.js [↗]

This JavaScript library produces complementary gradients generated from the top 2 dominant colours in supplied images.

Nice.

Zooming Background Images [↗]

A nice walk-through on how to achieve that popular image zoom effect with CSS. Note, read to the end (and the comments) for notes about mobile usage/support.

◀ Older