A CSS only method of containing a responsive foreground image in a fullscreen browser window without @media queries.

A CSS only method of covering a responsive foreground image in a fullscreen browser window without @media queries.

A CSS only responsive foreground image fullscreen slideshow with 'cover' and 'contain' images and no @media queries.

A second experimental CSS responsive single page website using 'viewport', suitable for all modern browsers and OS (fails in Safari PC)

Another experimental CSS responsive single page website using 'viewport' with a 3 x 3 grid, suitable for all modern browsers and OS (fails in Safari PC)

Using CSS shape to have text track the shape of images. For all modern browsers except IE and Firefox.

Using CSS shape-outside to emulate shape-inside with fixed positioning. For all modern browsers except IE and Firefox.

A demonstration showing how to animate CSS shapes. For all modern browsers except IE and Firefox.

A demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.

A second demonstration showing how to animate CSS shapes using @keyframes to produce an autorun slideshow. For all modern browsers except IE and Firefox.

A simple CSS ONLY modal windows template, suitable for all the latest browsers.

A CSS responsive slide down menu for all the latest browsers, OS and devices without using media queries.

A CSS ONLY responsive slideshow to rival jQuery/javascript with ability to show different images on PCs, tablets and mobiles

A javascript (no jQuery) responsive swipe action panel changer for mouse and touch screens. Works in all the latest browsers and operating systems.

A CSS only responsive swipe action gallery with momentum scrolling. For touch screen and trackpad.

A CSS and javascript responsive swipe action gallery with momentum scrolling. For touch screen, trackpad and mouse.

A CSS responsive swipe action momentum menu for all the latest browsers, OS and devices using a little javascript.

A CSS only responsive full page gallery for all devices with no visible scrollbars.

A CSS responsive 3D 'slinky' animation for all the latest browsers, but buggy on iOS.

A CSS only circular menu with bounce animation using cubic-bezier timing.

A CSS only page layout using 'scroll snap points to scroll the page one screen at a time.

A CSS only 3x3 grid layout using 'scroll snap points to scroll the grid one screen at a time. For IE11 and Edge at the moment.

A CSS only menu using flexbox and order animation. Suitable for all the latest browsers, but only Firefox supports animation of the 'order' style.

A CSS only responsive multi-level slide in menu suitable for all the latest browsers and OS.

A CSS only responsive multi-level concertina menu with bounce action suitable for all the latest browsers and OS.

A CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.

A CSS responsive auto run slideshow with image selection and pause on hover

A CSS responsive slideshow with play, pause, previous, next, captions and image selection

A second CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.

A CSS only responsive layout suitable for all the latest browsers and OS.

A third CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.

Using 'Swiper' with html5 'picture' element to change the images depending on the browser window size, and update parameters.

How to have thumbnail images on a single responsive 'Swiper' slideshow.

Customizing a single responsive 'Swiper' slideshow to have thumbnails, animated captions, dynamic prev/next arrows and pause autorun.

Customizing a single responsive 'Swiper' slideshow to have background thumbnails and large images, animated captions, pause autorun.

A jQuery plugin gallery with many user parameters and customization v1.0.0

A jQuery plugin slideshow with many user parameters and customization v1.0.0

A fourth CSS only responsive multi-level menu with slide action suitable for all the latest browsers and OS.

A fifth CSS only responsive multi-level tree menu with slide action suitable for all the latest browsers and OS.

Using html5 to use four diferent images depending on browser window size. Suitable for all modern browsers.

An update to a previous circular menu (July 2011) using the latest CSS techniques.

A simple responsive gallery using flex box.

Provides current information on lumber and plywood production and prices; employment in the forest industries; international trade in logs, lumber, and plywood; volume and average prices of stumpage sold by public agencies; and other related items.

Provides current information on lumber and plywood production and prices; employment in the forest industries; international trade in logs, lumber, and plywood; volume and average prices of stumpage sold by public agencies; and other related items.

Maintain library reference information desk during evenings and peak times of need to serve primarily, students, faculty, and staff with information retrieval. Assists with Information Desk/Reference and research questions, check in/out of study rooms, t......

(This is an excerpt from the introduction to the companion exercise book for the 9th edition of Complete Digital Photography. It can be downloaded free from the CDP 9 support page on the website.)  Throughout your life you have probably been told to practice one thing or another—musical instruments, sports, handwriting, whatever. If you’re like me, you […]

The post How to get better at photography appeared first on Complete Digital Photography.

At the end of October, 2019, my photo library contained approximately 60,000 images, mostly taken over the past 20 years. (Of those, nearly 40% are from the past five years.) Comparing the size of my library with those of friends of mine, I’m about average, but still, 60,000 is a big number, and managing that […]

The post Managing your photo library: pruning old growth appeared first on Complete Digital Photography.

Our January 2020 CDP newsletter, “Items of photographic interest” was sent via email this week to subscribers, and it is also now available as a free downloadable PDF. Download: Jan-2020-CDP-newsletter.pdf List of primary links found in this month’s newsletter: Delicate Arch, with Moon (photo) Managing Your Photo Library: Pruning Old Growth (CDP post) Complete Digital Photography ebook (CDP […]

The post Items of photographic interest, January 2020 newsletter appeared first on Complete Digital Photography.

In a world where photographs are everywhere, displayed largely via web pages and small screens, the traditional career tracks for professional photographers have fallen by the wayside. So what do you have to do to make photography your livelihood in today’s world? I recently moderated a lively discussion on this topic with two professional photographers […]

The post Making Photography Your Career appeared first on Complete Digital Photography.

DensityDesign Research Lab took part in the Digital Methods Initiative... more