pagerunners tips n' tricks snippets page I

pagerunners.com logo

CSS

Borders & No Borders

A Few Shades of Blue

Easy in Green

Over & Under

CIA Country Tables

Off to the Side

Laying It All Out

Big & Red & Underlined

Tips & Tricks

business suits for women!

database array

I-Frame

css tables

nested tables

on the menu

(more, for purists) table tricks

radio buttons

rollovers

rollovers & forms

photo rollovers

rollovers v.2

snippets I

Tips & Tricks II

snippets II

snippets III

snippets IV

snippets V

snippets VI

snippets VII

snippets VIII

table dividers

video how to

web color chart

web colors x 2

web colors x 3

web colors x 4

vividness of visual appearance

Imagetype

chrome emblem

black chrome

chrome type

chrome CS3

chrome CS3 V.2

clipping group

copyright ©

fire type

glass type

gel type
glow type

gold type

neon type

perspective shadow

see-through text

wrapping type

Imageworks

enhancements

enhancements II

back separation

backscreening

(alien) cast shadow

clipart sketch

content.htm

custom frame

depth of field

edge effects

edge effects II

gradient nav bar

grid pattern

image frame

Imageworks

inset rectangle

let it rain

(it keeps on) raining

let it snow

merging images

metal menu

paint away color

photo window

popping out (at the beach)

soft light on a soft face

sunrise, sunset

watercolors

(water)drops on the leaf tops

web buttons

Ascii Charts

ascii 163-256

ascii 257-340

ascii 341-382

ascii 383-735

ascii 900-974

ascii 1000-1200

ascii 1201-1359

ascii 1360-1499

ascii 1500-1660

ascii 1661-1792

ascii 2990-3174

ascii 3500-3632

ascii 4000+

ascii 4200+

ascii 13000+

ascii 13137+

ascii 13270+

Worthy Sites

The Modern Javascript Tutorial

Webteacher

Javascript Source

Photoshop Cafe

Photoshop Star

Photoshop Lady

Planet Photoshop

My Baby Rocks

Mr. Marty Schwartz

Active Melody

Guitar Tricks

Jamplay

Justin Guitar

Scorpions Rock!

"In love and war don't seek counsel." (French Proverb)

home imagetype imageworks html tips n' tricks
business suits for women! database array I-Frame css tables nested tables on the menu purists' table tricks radio buttons rollovers rollovers & forms photo rollovers rollovers v.2 snippets I
aka: captions to images aka: data lists aka: greetings to visitors aka: emoji faces
snippets II
aka: blockquotes aka: video embed aka: time greetings aka: more emoji faces
snippets III
aka: a table for one aka: directions to...
snippets IV
aka: highlighting text aka: breaking up: easy to do aka: ~~you are so gone~~ aka: H₂O is elemental aka: elements grouped by color aka: underlines begone
snippets V
HTML 5 Example 1 Targeting The Window Editable HTML 5 CSS Body Background Browser Refreshed Bigger IS Better
snippets VI
BDO (Right to Left) The Roundabout Hip To Be Square Rounding Out The Square Aligning The Stars SVG Ellipse
snippets VII
alert box resetting your name print this page
snippets VIII
Range Slider Collapsibles
table dividers video how to web color chart web colors x 2 web colors x 3 web colors x 4 vividness of visual appearance

snippets 1

snippets & tips n'tricks I

Danger, Will Robinson! Many browsers now treat new and/or popup windows as an intrusion and block implementation. Open Window will display a new window (just imagine). Using Open A Tab will open the url in a new tab. You're welcome...

Adding Captions to Images:

<figure> <img src=“red1.jpg” alt=“A lovely lady with red hair.”> <figcaption> This is a picture of a lovely lady with red hair.</figcaption> </figure>

Data Lists:

<html> <body> <h1>The datalist element</h1> <form action="/action_page.php" method="get"> <label for="browser">Choose your browser from the list:</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form> <p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0 (or earlier).</p> </body> </html>

Saying Goodbye to your Visitors:

<body onload="alert ('Thanks for coming to visit the snippets page')">

UTF-8 Emoji Faces (Many More to Follow):

<html> <body> <head> <style> body { font-size: 20px; } </style> </head> <body> <p> UTF-8 Emoji Faces </p> <span style='font-size:100px;'>😀</span> <p>Smile! They are watching. 😀</p> <p>Smile! They are watching, too. 😁</p> <p>Smile! They can see you better with glasses. 🤓</p> </body> </html>

Imagework Examples:

a canvas border

depth of field (think: hair)

alien cast shadow

© pagerunners forevermore