ow

CSSplay - Full Screen Auto Run Slideshow

A CSS only full screen auto run slideshow with zoom effect and captions.




ow

CSS play responsive 'swipe' slideshow version three

An update to the Swipe Me! slideshow to add extra fuctions and simplify usage.




ow

CSS play responsive inline 'swipe' slideshow version two

An update to the Swipe Me Inline slideshow to add extra fuctions and simplify usage.




ow

CSSplay - Drill down menu #4

A CSS only drill down menu suitable for PCs, Tablets and Smartphones.




ow

CSSplay - Borders, Shadows & Gradients

Using CSS 'border', box-shadow' and 'radial-gradient' together with ::before & ::after to produce graphics.




ow

CSSplay - CSS 'Drop Shadows'

Two methods of implementing 'drop shadows' instead of 'box shadows'.




ow

CSSplay - CSS only responsive slide down/up menu

A CSS ONLY responsive slide down/up full screen menu suitable for all the latest browsers and operating systems with animation.




ow

CSSplay - Responsive full screen slideshow

A responsive full screen vertical scrolling slideshow using CSS and a little jQuery for all modern browsers and OS.




ow

CSSplay - CSS responsive slideshow with auto play option

A CSS only responsive slideshow with auto play option for all the latest browsers and operating systems.




ow

CSSplay - CSS responsive slideshow with auto play option, version 2

An update to the CSS only responsive slideshow with auto play option for all the latest browsers and operating systems, to simplify and add extra functionality.




ow

CSSplay - CSS basic auto play slideshow

A basic responsive auto play slideshow using the latest CSS selectors.




ow

CSSplay - CSS responsive auto play slideshow

A responsive left/right auto play slideshow using the latest CSS selectors.




ow

CSSplay - CSS responsive left right slideshow with wrap around

A responsive left/right slideshow with wrap around using the latest CSS selectors.




ow

CSSplay - CSS responsive autorun slideshow tutorial

A tutorial for a simple responsive autorun slideshow sutiable for all the latest browsers and OS.




ow

CSS PLAY - Responsive swipe action stacked slideshow

A responsive swipe action stacked slideshow for all browsers and OS, using a little jQuery.




ow

CSS PLAY - Responsive swipe action stacked slideshow v2

A responsive swipe action stacked slideshow, with multiple instances and sizes, for all browsers and OS, using a little jQuery.




ow

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.




ow

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.




ow

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.




ow

CSSplay - A CSS ONLY modal windows template

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




ow

CSSplay - Responsive slide down menu

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




ow

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




ow

CSS PLAY - Responsive auto run slideshow'

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




ow

CSS PLAY - Responsive full featured slideshow'

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




ow

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.




ow

CSSplay - Responsive slideshow using 'Swiper' with thumbnails.

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




ow

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.




ow

CSSplay - Responsive slideshow using 'Swiper' customized v3.

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




ow

CSSplay - Responsive autorun slideshow using HTML5 <picture>.

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




ow

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.




ow

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.




ow

When a Red Arrows flypast to commemorate VE Day will fly over part of Surrey

SurreyLive has detailed the times and locations the aerobatics team is expected in the county




ow

Your views on how lockdown has been handled and how it's affected you

SurreyLive conducted the Great Big Lockdown Survey to see how you are feeling about the current situation. Here's the results




ow

Murder investigation launched following discovery of woman’s body in Reigate

A man has been arrested on suspicion of murder




ow

The super easy microwave peanut butter bread recipe that takes 90 seconds to cook

The quick bread recipe tastes delicious and requires just five ingredients




ow

Dalgona coffee is the new lockdown craze and this is how you can easily make it

You don’t need any fancy equipment or special coffee beans




ow

9 lockdown restrictions most likely to be eased next week

Some restrictions will stay in force for the foreseeable future, but others may be lifted in the next few days




ow

What time will Boris Johnson make 'road map' lockdown announcement on Sunday?

The Prime Minister will be outlining the government's plans for easing lockdown restrictions in the UK




ow

Police 'not treating Reigate death as suspicious' following post-mortem

Officers found the body of a woman in her 40s on Friday morning




ow

Lightwater heathland fire: Residents urged to 'keep windows and doors shut'

Crews and officers from Surrey Fire and Rescue Service and Surrey Police were in attendance




ow

Licensing Showdown: Creative Commons vs Royalty Free vs GPL

Creative Commons, Royalty-free, and General Public License (GPL) are types of licensing for images, graphics, and video. Designers, photographers, software developers, and content creators regularly access and use licensed media for a variety of projects. The question is, which license is best? Licensing gives users the ability to legally use a piece of media in […]

The post Licensing Showdown: Creative Commons vs Royalty Free vs GPL appeared first on Elegant Themes Blog.




ow

How to Create a Full Split-Screen Layout with Unique Toggles in Divi

Split Screen layouts are a great way to add design to your Divi website that is beautifully balanced and unconventional. With Divi’s new position options, we can create a split-screen layout design using two adjacent Divi sections. This opens the door for building even more unique split-screen layouts using the Divi Builder. In this tutorial, […]

The post How to Create a Full Split-Screen Layout with Unique Toggles in Divi appeared first on Elegant Themes Blog.




ow

How to Use Transformed Motion Shapes as Backgrounds with Divi

Divi’s new scroll effects are made for you to easily take your web design experience to the next level. Of course, you can apply it to elements within your section directly, but you can choose to add motion to underlying elements too. Going for an underlying approach allows you to keep content static while having […]

The post How to Use Transformed Motion Shapes as Backgrounds with Divi appeared first on Elegant Themes Blog.




ow

How to Fan Out Images on Scroll to Promote an Image Gallery in Divi

Knowing how to fan out images with Divi’s scroll effects can be a subtle and impressive design element to help promote an image gallery on a landing page. The idea is to engage users as they scroll down the page by fanning out images like a hand of playing cards. In this tutorial, we are […]

The post How to Fan Out Images on Scroll to Promote an Image Gallery in Divi appeared first on Elegant Themes Blog.




ow

How to Fix the 502 Bad Gateway Error in WordPress

One of the most frustrating aspects of running a website is having to troubleshoot an error when you don’t know why it’s happening. Some issues, such as the 502 bad gateway error, have many potential causes. This means you may need to try multiple solutions before you land on the right one. In this post […]

The post How to Fix the 502 Bad Gateway Error in WordPress appeared first on Elegant Themes Blog.




ow

How to Add More Social Media Icons to Divi

Divi lets you control and design every detail of your website, from header to footer and everything in between. Some of the most-clicked elements of any website are social media icons. An engaged audience wants to find you elsewhere and get to know you. Obviously you’ll want to make that as easy and frictionless as […]

The post How to Add More Social Media Icons to Divi appeared first on Elegant Themes Blog.




ow

Estimated Timber Harvest By U.S. Region and Ownership, 1950-2002

This publication provides estimates of total softwood and hardwood harvests by region and owner for the United States from 1950 to 2002. These data are generally not available in a consistent fashion and have to be estimated from state-level data, forest resource inventory statistics, and production of forest products. This publication describes the estimation process and documents the various assumptions. These estimates have been used for the past three decades in the periodic USDA Forest Service timber assessments.




ow

Searing The Rhizosphere: Belowground Impacts of Prescribed Fires

A century of fire suppression has resulted in dense fuel loads within the dry pine forests of eastern Oregon . To alleviate the risk of stand-replacing wildfire, forest managers are using prescribed fire and thinning treatments. Until recently, the impact of these fuel treatments on soil productivity has been largely unknown. Such information is essential for making sound management decisions about the successful reintroduction of fire to the ecosystem to retain biodiversity of soil fungi and achieve the desired future condition of large ponderosa pines with low fuel loads. In a recent pair of studies, led by researchers at the PNW Forestry Sciences Laboratory in Corvallis, Oregon, novel molecular techniques were utilized to investigate the response of soil ecosystems to prescribed burning and thinning. The research compared impacts of the season of burn and various combinations of fuel-reducing treatments. Results suggest that overly severe fires can damage soil productivity and that less intense fires can be used to gradually reduce accumulations of fuel. The findings are currently being implemented in decisions about forest management and contribute important new information to the science.




ow

Does Wood Slow Down “Sludge Dragons?” The Interaction Between Riparian Zones and Debris Flows In Mountain Landscapes

Conservation measures for aquatic species throughout the Pacific Northwest rely heavily on maintaining forested riparian zones. A key rationale for this strategy is that the presence of standing and downed trees next to streams will provide a continuous source of wood, which is an important structural component of aquatic habitat.




ow

Yellow-Cedar Decline In The North Coast Forest District of British Columbia

The distribution of a forest decline of yellow-cedar (Callitropsis nootkatensis (D. Don) Orsted) has been documented in southeast Alaska, but its occurrence in British Columbia was previously unknown. We conducted an aerial survey in the Prince Rupert area in September 2004 to determine if yellow-cedar forests in the North Coast Forest District of British Columbia were experiencing a similar fate as in nearby Alaska. Numerous large areas of concentrated yellow-cedar mortality were found, extending the known distribution of the decline problem 150 km south of the Alaska-British Columbia border. The forests with the most concentrated tree death occurred at 300 to 400 m elevation, frequently on south aspects. The appearance of these forests including proximity to bogs; mixtures of dying, recently killed, and long-dead trees; and crown and bole symptoms of dying trees were all consistent with the phenomenon in southeast Alaska.