y

CSS PLAY - Responsive foreground image 'contain'

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




y

CSS PLAY - Responsive foreground image 'cover'

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




y

CSS PLAY - Responsive foreground image 'cover/contain' slideshow

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




y

CSSplay - Responsive experimental 'viewport' layout

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




y

CSSplay - Responsive experimental 'viewport' grid layout

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)




y

CSS PLAY - Tracking images using CSS shape

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




y

CSS PLAY - Emulating shape-inside

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




y

CSS PLAY - Animating CSS shapes

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




y

CSS PLAY - CSS shape autorun slideshow

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




y

CSS PLAY - CSS shape autorun slideshow version 2

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




y

CSSplay - A CSS ONLY modal windows template

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




y

CSSplay - Responsive slide down menu

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




y

CSS PLAY - CSS responsive keyframe slideshow

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




y

CSS PLAY - Javascript responsive swipe action panel changer

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




y

CSS PLAY - Responsive momentum swipe gallery for touch screens and trackpads

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




y

CSS PLAY - Responsive momentum swipe gallery for touch screen, trackpad and mouse

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




y

CSSplay - Responsive swipe action momentum menu

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




y

CSS PLAY - Responsive full page gallery

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




y

CSS PLAY - Responsive 3D 'slinky'

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




y

CSSplay - CSS only circular menu with bounce animation

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




y

CSSplay - CSS only page using 'scroll snap points'

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




y

CSSplay - CSS only 3x3 grid of screens 'scroll snap points'

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.




y

CSSplay - CSS only flexbox menu with 'order' animation

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




y

CSSplay - CSS only multi-level slide in menu

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




y

CSSplay - CSS only multi-level concertina menu with bounce

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




y

CSSplay - CSS only multi-level tree menu with slide action

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




y

CSS PLAY - Responsive auto run slideshow'

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




y

CSS PLAY - Responsive full featured slideshow'

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




y

CSSplay - CSS only multi-level tree menu with slide action, version 2

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




y

CSSplay - CSS only 'flexbox' layout

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




y

CSSplay - CSS only multi-level tree menu with slide action, version 3

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




y

CSSplay - Responsive slideshow using 'Swiper' with html5 picture element.

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




y

CSSplay - Responsive slideshow using 'Swiper' with thumbnails.

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




y

CSSplay - Responsive slideshow using 'Swiper' customized v2.

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




y

CSSplay - Responsive slideshow using 'Swiper' customized v3.

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




y

CSSplay - Mi Gallery jQuery plugin.

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




y

CSSplay - Mi Thumb jQuery plugin.

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




y

CSSplay - CSS only multi-level menu with slide action, version 4

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




y

CSSplay - CSS only multi-level tree menu with slide action, version 5

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




y

CSSplay - Responsive autorun slideshow using HTML5 <picture>.

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




y

CSSplay - CSS circular menu with circular sub menus

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




y

CSSplay - Responsive flex box gallery

A simple responsive gallery using flex box.




y

Production, prices, employment, and trade in Northwest forest industries, all quarters 2008.

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.




y

Production, prices, employment, and trade in Northwest forest industries, all quarters 2014

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.




y

Reference Library (Part-time) 2 openings

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......




y

How to get better at photography

(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.




y

Managing your photo library: pruning old growth

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.




y

Items of photographic interest, January 2020 newsletter

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.




y

Making Photography Your Career

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.




y

DMI Winter School 2020. Post-API Research? On the contemporary study of social media data

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