Cayce Cookbook Site Table of Contents

Image Swap on Hover, CSS

An interesting approach given on this site, by "SamA74". The simplicity of it is that on hover, the top image fades out to reveal the bottom image, and can be set to reveal slowly.

Light-Box Pop-Up with Image Swap

This is intended to be a gallery type display in a Light Box format. I used it to display the before & after images in my photo illustration porfolio.

HTML5 Image Hover Effects

ninodezign.com - 35 Examples, Part 1

ninodezign.com - 35 Examples, Part 2

nikesh.me - Nice Work

tympanus.net - Interesting 3D Effects - See All Demos

tympanus.net - Very Interesting for Beth's Site

htmldrive.net - Very Interesting

htmldrive.net - Simple, for Router Page

webtutorialplus.com

cssscript.com

cssscript.com - Good

webtutorialplus.com - Good

tympanus.net

tympanus.net

tympanus.net

alessioatzeni.com

demo.web3canvas.com

freshdesignweb.com

queness.com

Resize Image to Fit DIV

CSS Tricks Method

Force DIV Dimensions to Background Image Size or Aspect Ratio

CSS Tricks Method

Redirect Mobile Website for Mobile Devices

Resources

jQuery Method

Fade-In/Fade-Out Animation

HTML5/CSS3 Method

jQuery Method

Background Movie

Slice-Jack HTML5 Method

Resize Video to Fit Viewport

Methods for sizing an element to fit viewport.

Cayce Mobile Apps Cookbook

Operations and Procedues for iOS & Android

Cayce Cookbook Style Elements

A list of styles used in the site.

Concatenate Excel Cell Values

Merge Multiple Cell Values into One Cell

PP Recipes

A Collection of Yummy PP Recipes

Complete Website Templates

A Collection of Full Website Pages & Widgets

Cayce Drop Box

Pretty much just what it says.

ACCORDION SLIDE-OUT

A collapsing accordion behavior.

ALERTS

A Collection of Alerts & Notifications by Various Event Methods.

BACKGROUND TREATMENTS

A collection of background effects.

BUTTONS

Simple & Complex Mouse-Over/Hover Effects.

Cloak a Site from being Indexed

A method of thwarting Copyright Legal Predators, or keeping any part of a website from being indexed.

COLOR CHART - HEXADECIMAL

Extra-Large Array of Hex Colors

CONTENT SWAP-OUTS

Used to great effect in the Triad iMedia site. Swaps content remotely.

CSS DROP SHADOWS

Code Driven Drop Shadows.

CSS Gradient Generator

Code Driven Gradients.

CSS - TEXT.CSS MASTER

A MASTER Text.CSS Sheet

This is an ever-evolving sheet I devised to be a system of shortcuts in applying text styles. Each time this sheet is used, it should include a hexadecimal date string to show when it was updated and applied. A hex string example: Jan 01, 2014 = "010114" — so the file, if used on that date, would be named "text_master_010114.css". This way we always know the latest incarnation, and this base file can evolve accordingly. Upgrades should be made with respect to legacy bersions still in use, with a deprecated quarantine in a bottom area.

CSS LINK BEHAVIORS

Different CSS driven hover, Active & Visited Behaviors.

CSS DIV BEHAVIORS

A collection of DIV specific templates. Equal-Depth Columns, etc.

CSS PAGE TEMPLATES

A variety of CSS Page Templates.

CSS Positioning: Absolute Center, H&V

Absolute Centering Techniques

CSS RECIPES

A variety of CSS solutions for an array of applications

CSV using Load Data

Upload procedure for CSV file in phpMyAdmin.

Display HTML Code on Web Page

Show the actualy tags & characters of HTML, etc, live on a web page.

DREAMWEAVER HIDDEN CHARACTERS

A Web Page Listing DW's Hidden Characters

DREAMWEAVER WILDCARD F&R

A variety of WildCard F&R Options.

DROP SHADOWS - SURROUND-PAGE

Variety of Page Wrap Drop Shadows

E-Mail Setups & Protocols

Embed Video (MP4, webm, OGV, etc)

phpinfo() Page Setup

FLASH PROJECTS

Flash Projects of Varying Effect.

FORMS & TEXT-FIELD TREATMENTS

Variety of Forms & Form Treatments. Default Text in Text Field with Varying Effects.

HTML-5 RECIPES

Next generation HTML-5 advances & solutions.

htaccess Scripts

A collection of htaccess scripts (duhhh...)

iFRAME CONSTRUCTS

IMAGE DISPLAYS, SLIDERS, etc.

A collection of Sliders, Faders, etc, some CSS, some Flash, simple to complex.

IMAGES PRELOADER

A Cool CSS/JavaScript that physically preloads images off the viewport.

iOS Certficates & Provisioning Profiles Development

JQuery Resources

Lists – Ordered & Unordered

Local Href Setup

LogMeIn Setups & Protocols

Various applications of the iFrame Construct.

MAC SYSTEM PROCEDURES

A collection of procedures for System-Wide Control.

MENUS

A collection of Menus.

Multi-Column Text Wrap

Wrap Text across Multiple Columns

Navigation Menus

Various Navigation Layouts

PAGE PRE-LOADER

Pre-Loader as Intro while a Heavy Page Loads.

Password Protect a Folder, while Allowing Directory Access

A la MAGM: needing PW protection on the file upload folder, but clear an internal file for pulling uploaded images out for display.

POP-UPS

A Collection of Pop-Ups by Various Event Methods.

Resources & Procedures

Web Resources, Tools, and Procedures for Getting Things Accomplished

SERVER PROTOCOLS & SETUP

All Web Server & Mail Protocols.