« November 2009 »
Sun Mon Tue Wed Thu Fri Sat
1 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22
23
 24 25 26 27
28 29 30        

November, 2009

Maxims
Date : 11-19 20:12:
Views: 1744
Comments : 0
Topic :Aphorisms
Aphorisms
Date : 11-17 13:25:
Views: 1017
Comments : 0
Topic :Aphorisms
Review of The Lexicographer's Dilemma
Date : 11-03 19:51:
Views: 5316
Comments : 0
Topic :Books

gpullman@gsu.edu
Published: 02-14 2006
Title: tables with alternating colors
Topic: CSS

http://24ways.org/advent/splintered-striper

Published: 12-03 2005
Title: Icons
Topic: CSS

http://www.intersmash.com/300images/

Published: 10-04 2005
Title: Menu hover
Topic: CSS

A nice example of a nav bar with hover from Sitepoint.com and The CSS Anthology

#navigation {
 width: 200px;
 font-family: Arial, Helvetica, sans-serif;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation li {
 border-bottom: 1px solid #ED9F9F;
}
#navigation li a:link, #navigation li a:visited  {
 display: block;
 padding: 5px 5px 5px 0.5em;
 border-left: 12px solid #711515;
 border-right: 1px solid #711515;
 background-color: #B51032;
 color: #FFFFFF;
 text-decoration: none;
}
#navigation li a:hover {
 background-color: #711515;
 color: #FFFFFF;
}
</style>
</head>
<body>
<div id="navigation">
  <ul>
    <li><a href="#">Recipes</a></li>
    <li><a href="#">Contact Us</a></li>
    <li><a href="#">Articles</a></li>
    <li><a href="#">Buy Online</a></li>
  </ul>
</div>



Published: 10-04 2005
Title: Fieldset
Topic: CSS

Found this interesting technique in Rachel Andrew's The CSS Antology published by Sitepoint. It produces

Personal Information

form p label {
  float: left;
  width: 30%;
  font: bold 0.9em Arial, Helvetica, sans-serif;
}
fieldset {
  border: 1px dotted #61B5CF;
  margin-top: 16px;
  padding: 10px;
}
legend {
  font: bold 0.8em Arial, Helvetica, sans-serif;
  color: #00008B;
  background-color: #FFFFFF;
}

<body>
<form method="post" action="fieldset.html">
  <fieldset>
    <legend>Personal Information</legend>
    <p>
      <label for="fullname">Name:</label>
      <input type="text" name="fullname" id="fullname" class="txt" />
    </p>
    <p>
      <label for="email">Email Address:</label>
      <input type="text" name="email" id="email" class="txt" />
    </p>
    <p>
      <label for="password1">Password:</label>
      <input type="password" name="password1" id="password1" class="txt" />
    </p>
    <p>
      <label for="password2">Confirm Password:</label>
      <input type="password" name="password2" id="password2" class="txt" />
    </p>
  </fieldset> 



Published: 10-03 2005
Title: Navigation -- light-up current page
Topic: CSS

There's an article at Sitepoint that among other things explains how to make a navigation system that indicates which page a person is viewing using plain html and css. The gist of it is, lable each body tag with an id etc. and then define an id and a class for each page a user will navigate to:

Next, you create a new CSS rule:

body#home .home, #about .about, #about .about, #contact .contact
{
background:blue;
}

 



Published: 08-09 2005
Title: Menu scripts
Topic: CSS

A great collection of CSS based menu scripts (link).

Published: 07-21 2005
Title: Links Styling
Topic: CSS

a.nav:link {color: #336699;}
a.nav:visited {color: #666699;}
a.nav:hover {color: #000000; border: 1px solid green; background-color: #ccc;}
a.nav:active {color: #336699;}

/*resource box style */
a.res {font-weight: bold;}
a.res:link {color: red;}
a.res:visited {color: red;}
a.res:hover {color: orange;}
a.res:active {color: red;}

HTML:


<A class=nav href="link.html">Nav 1
<A class=nav href="link.html">Nav 2
<A class=nav href="link.html">Nav 3
<A class=nav href="link.html">Nav 4


<A class=res href="link.html">Res 1
<A class=res href="link.html">Res 2
<A class=res href="link.html">Res 3
< class=res href="link.html">Res 4


Published: 11-16 2004
Title: CSS menu generator
Topic: CSS

This is a JS and CSS tool that makes it easy to create a dropdown menu like the kind found in all software programs and on many websites. As far as I can tell, the code it makes is cross browser compatible. And its Free!. (link)

Published: 08-22 2004
Title: Smart Quotes in ASCII
Topic: CSS

–
—
‘
’
‚
“
”
„
†
‡
•
…
‰
€
™
 –
—
‘
’
‚
“
”
„
†
‡
•
…
‰
€
™

en dash
em dash
left single quotation mark
right single quotation mark
single low-9 quotation mark
left double quotation mark
right double quotation mark
double low-9 quotation mark
dagger
double dagger
bullet
horizontal ellipsis
per thousand sign
euro sign
trade mark sign
a more complete list

Published: 07-13 2004
Title: Cool table styles
Topic: CSS

Great examples of stylized tables.

http://www.bowdoin.edu/templates/tables.html



Published: 07-05 2004
Title: Photo site
Topic: CSS

While image ladden websites are slow loading and rarely worth the effort, a few well chosen and properly placed photographs create a mood better than any other technique. The problem is finding decent images without paying for them. There's a site called the stock.xchng that offers free images that have been uploaded by users. You have to give your contact info.



Published: 06-20 2004
Title: Color Theory
Topic: CSS

Actually, a better title would be some good sites for color theory. There's a $40.00 program called color wheel pro that helps you select and blend colors. It looks pretty good, but the site that supports and promotes it is very good.

There's also a terrific hexidecimal color sellector at pixy.cz

 



Published: 06-14 2004
Title: CssCreator
Topic: CSS

A very handy wysiwyg tool for creating style sheets for free:

http://www.csscreator.com

 



Published: 03-19 2004
Title: css menu
Topic: CSS

There's a nice explanation of how to use css and the li command to make a menu that is context sensitive at PVII. (link)

Published: 01-27 2004
Title: navigation with highlights
Topic: CSS

Tutorial about how to create a context sinsitive css navigation tool.

http://www.hicksdesign.co.uk/personal/experiments/cssnav/index.html



Published: 01-13 2004
Title: CSS magazine
Topic: CSS

Digital Web Magazine

Published: 10-15 2003
Title: Float tag tutorial
Topic: CSS

The folks at maxdesign have another great css tutorial. This one is on using the float tag to isolate various items on a page, images, drop caps, etc. (link)

Published: 10-11 2003
Title: vertical orientation
Topic: CSS

MS IE 5.5 and later has a css property called layout-flow: vertical-ideographic; designed to make it possible to set up text to read top to bottom and right to left, for langauges that are read that way. I realized that it could be used to embelish english text. (link) 

Published: 09-30 2003
Title: Layout_o_matic
Topic: CSS

To go with list-o-matic (link)



Published: 09-28 2003
Title: Another color picker
Topic: CSS

This one runs off the net and shows contrasts. (link)

Published: 09-26 2003
Title: color picker online
Topic: CSS

Thanks to michael haynes for this link to a color scheme selection tool. (link)

Published: 09-21 2003
Title: Menu making software
Topic: CSS

List-O-Matic is a site that offers css code for rolloever menus based on Eric Meyer's style book as well as others.

Published: 09-17 2003
Title: Lists with style
Topic: CSS

A while ago i blogged a site listomatic that has a nice tut on stylizing lists. I've just found its companion site "Listorial" which offers more about sylizing ordered and unordered lists.  (link)

Published: 09-07 2003
Title: Color chart with names and codes
Topic: CSS

(link) Because high contrast between background and text is critical for readability, once you choose a color you should know its opposite. There's a piece of javascript that will do that for you. (link)

 



Published: 09-06 2003
Title: List-a-matic
Topic: CSS

A site offering lists revamped using various CSS. (link)

Published: 08-22 2003
Title: Tables and the framing command
Topic: CSS

This is strictly html, not css, but anyway. There's an html command called frames that is associated wth tables. It lets you create half tables: 

With frame="below":

First Row
Second Row
See w3schools



Published: 08-22 2003
Title: Newspaper layout
Topic: CSS

An example of a three column layout that demonstrates css properties float and clear (link).

Published: 08-01 2003
Title: CSS Examples
Topic: CSS

From HTML The Complete Reference Guide, 3rd edition, a nice collection of examples.

Published: 07-19 2003
Title: Mandarin design - - CSS advice
Topic: CSS

Here's a link to very good blog site on CSS: text effects, boxes, color chart, etc.



Published: 07-14 2003
Title: A wiki on css
Topic: CSS

link

Published: 06-08 2003
Title: CSS FAQ
Topic: CSS

The HTML Writer's Guild FAQ on Cascading Style Sheets. (link)

Published: 05-25 2003
Title: CSS Blog
Topic: CSS

Simon Wilson's Weblog covers php, python, css, and xml. (link)

Published: 05-12 2003
Title: Zen Garden
Topic: CSS

A site about the out limits of CSS design. (link)

Input
Admin
Add
Email updates



Links

Aldaily
Blogrunner
Books24/7
Digg
Gizmodo
Google News
Inform
Internet news
LifeHacker
News Now UK
News Wire
Overheard NYC
Reddit
rhetcomp
Sifry's Alerts
Web Dev Hndbk
Webcreme

Topics
8123 (47)
adult literacy (20)
Aphorisms (8)
Blogging (81)
Blogging & Teaching (3)
Blogging History (0)
Blogging Software (16)
Books (34)
CMS (5)
commonplaces (22)
Composition (9)
critical thinking (3)
CSS (33)
CTW (3)
DTP (2)
E-texts (1)
Epolitics (2)
Home Repair (1)
InfoVis (2)
Java (0)
Javascript (3)
misc (29)
MySQL (1)
news (1)
Open source (3)
PHP (35)
PR (2)
QEP (3)
rhetoric (39)
Robotic grading (6)
RSS (6)
Social Software (2)
Software (9)
Teaching (15)
Usability (2)
Writing (41)