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

Tagged: images

New York Public Library – Public Domain Image Collection image/svg+xml

Did you know that more than 180,000 of the items in our Digital Collections are in the public domain?

That means everyone has the freedom to enjoy and reuse these materials in almost limitless ways. The Library now makes it possible to download such items in the highest resolution available directly from the Digital Collections website.

The visualisation tool is a nice touch and there is plenty of good material here, including photographs, postcards, illustrations, prints, maps, menus etc. I’d imagine these images will get remixed a lot. See below for a sample image.

New York Public Library sample image.

Blending Modes Demystified image/svg+xml

One of the latest capabilities to fall into the hands of web designers is image processing with blending modes. Blending modes allow us to easily create colorization and texturization and apply other special effects without having to crack open an image editor. This saves time by not having to manually reprocess graphics whenever a change is needed, and prevents the headache of having to recall the exact settings of a visual standard that may have been created months earlier. Instead, graphics can be neatly specified, maintained, and manipulated with a few CSS declarations.

I really like that it’s now possible to use image blending modes with CSS. The only problem is:

Blending modes are supported in most major browsers, except Internet Explorer and Edge. The silver lining is that Microsoft lists the properties as “under consideration” for Edge, and that browser does already support all of these blend modes in SVG, so one can hope for a speedy implementation.

With Windows 10 now installed on over 200 million devices, a speedy implementation would be good.

The “Blur Up” Technique for Loading Background Images image/svg+xml

Filter effects in CSS have been around for a while, and together with things like blend modes, they bring new possibilities for recreating and manipulating stuff in the browser that we previously had to do in Photoshop. Here, Emil explores a performance technique using one of the more forgotten filter effects – the filter function – as well as recreating it with SVG.

This technique has the potential to get used way too much, so I’m preparing myself for a year of blurriness.

Stripe Generator image/svg+xml


Haha. Seriously though, it is the tool I used to create the header tile for this site. Cheap and easy, but I like it. Interestingly, or not, I think the “Web 2.0” design trends are now well and truly dead, so it is once again perfectly acceptable for a website to dress in stripes. Am I wrong?