Book

Suggestions

Enter your email address:

Delivered by FeedBurner


Home Page

Bloglines

1906
CelebrateStadium
2006

OfficeZealot

Scobleizer

TechRepublic

AskWoody

SpyJournal









Subscribe here
Add to My Yahoo!
This page is powered by Blogger. Isn't yours?

Host your Web site with PureHost!


eXTReMe Tracker
  Web http://www.klippert.com


  Thursday, May 01, 2008 – Permalink –

Color pickers

Formating tools


Colorcode Generator

Color Scheme

Color Schemer

Colorcombo

Iconico

Irfanview

Kira's Web Toolbox

Mediagods.Com

Pagetutor.Com

Visbone



Also:

Unsafe ColorMatch to see web color combinations.

More Color Matching Tools




See all Topics

Labels: , , ,


<Doug Klippert@ 6:07 AM

Comments: Post a Comment

  Thursday, April 10, 2008 – Permalink –

Web News

Add news to your site



You can add information from other RSS or Atom sites to your own web page.


FeedSweep from Howell Developments takes care of the scripting. You only have to paste a short piece of code on your page. You can choose which feeds to display.

FeedSweep understands:


  • RSS 1.0 and variants
  • RSS 2.0 and variants
  • Atom 0.3
  • Slashdot Backslash


"Including up-to-date information from other web sites and news services bolsters your site's content and lets your visitors know they can come back to get updates on topics that are related to their interests. FeedSweep is a new, free service that allows anyone to include news feeds on his or her web site.

Create a Basic FeedSweep to browse and preview any of these styles, or create an Advanced FeedSweep and make your own style.

FeedSweep uses industry-standard JavaScript to draw news feed information on to web sites, so it is compatible with all the popular web browsers.

Plus, it's free."

I was pointed here by a reference on Excel News




See all Topics

Labels: ,


<Doug Klippert@ 5:03 AM

Comments: Post a Comment

  Friday, March 21, 2008 – Permalink –

Free HTML Tools

Collection of helpful utilities




AXCEL216's MAX Speeed WinDOwS Tricks + Secrets:

HTML Authoring
Webmaster Resources

GIF + JPEG Shrinkers
Do you have large GIFs/JPEGs cluttering your internet/server space? Are your web pages loading too slow?

HTML Validators
These HTML/CSS/DHTML/XHTML validators check the accuracy of your code, reporting all aspects of design and eventual errors, flaws, invalid links etc

HTML Editors
Offline HTML + text editors

[D]HTML, XML, CSS + Java[Script] Resources
Java No Java... JavaScript dedicated web sites

FTP Transfer Tools
FTP transfer clients + FTP server tools




See all Topics

Labels:


<Doug Klippert@ 7:41 AM

Comments: Post a Comment

  Monday, January 21, 2008 – Permalink –

Page-break CSS

Before or after


You can put a break on a web page like you can in a document.
A Cascading Style Sheet makes it simple

"The stub-ends left when paragraphs end on the first line of a page are called widows. They have a past but not a future, and they look foreshortened and forlorn."


Orphans are parts of a paragraph that begin on the previous page. An orphan has a future, but no past.

The only paging properties supported by Internet Explorer 7, Safari 3 and Firefox 2 are page-break-before and page-break-after.
The page-break-before and page-break-after properties enable you to say that a page break should occur before or after the specified element. The following example starts a new page every time an h1 heading is encountered and after every .section block.
h1 {
   page-break-before:always }
.section {
   page-break-after:always}


Etiquette of Pagination



See all Topics

Labels: , ,


<Doug Klippert@ 6:23 AM

Comments: Post a Comment

  Saturday, December 22, 2007 – Permalink –

Fuzzy Pad

HTML Preview



There you are, out in the wilderness of PCdom without a copy of FrontPage around. How do you find out what HTML tags looks like?
(fire up notepad, save the file, open with a browser)

Try FuzzyPad

There are no text files to save and reload. Just write a few lines of text, a few tags, even paste some text in the box from some other application if you want. When you press the button, it will show you how what's in the box will look when run through the web browser your using now.



HTML Preview
Preview HTML in a new window by entering it into the form. This script allows you to pass anything to a new window.
Instructions help you create a preview on your own web page.

Such as:
HTML TEST BED



See all Topics

Labels: , ,


<Doug Klippert@ 6:34 AM

Comments: Post a Comment

  Saturday, November 24, 2007 – Permalink –

MHTML

One file web pages



When a web page is created using HTML, the coding is normally contained in one file and the graphics in separate folders.

The Mime HTML or MHT/MHTML format changed that.

Starting with Office 2000 as an add-in and carried through XP as a "Web Archive" option, the format emerged in Office 2003 as a "Single file web page" selection in the File Save As dialog box.


Features in Internet Explorer 5 +


Here are the Save As choices available in an application such as Word:



  • Web Page, Complete means that the contents of the page (including any pictures) will be saved into a folder as separate files, similar to those on the server hosting the site.

  • Web Page, HTML only means that only the HTML information will be saved. This option and Web Page, Complete will enable you to open the file for viewing in Internet Explorer (or any other browser) at a later time, even when you are offline.

  • Web Archive means that the page will be saved, along with any images it contains, as a single file. You can view a Web Archive later without being connected to the Internet.

  • Text File means that only the text on the page will be saved, not the HTML (or any other) formatting, including graphics.


MIME Encapsulation of Aggregate HTML Documents (MHTML)

Short Summary of the MHTML Standard



See all Topics

Labels: , ,


<Doug Klippert@ 6:21 AM

Comments: Post a Comment

  Sunday, November 11, 2007 – Permalink –

New Window

Pick your target



Expression Web/FrontPage/HTML provides the opportunity to choose how a page opens when you click on a hyperlink.

Create a hyperlink as you usually would by selecting the text (or graphic) you want to use for the link.

Choose Insert > Hyperlink... (or use Ctrl-K or the toolbar icon Link icon as a shortcut), and locate the page in the current web or enter an address in the URL field.

On the right side of the Create Hyperlink window you'll see a button named "Target frame"; click the button.

You'll get the Target Frame dialog box.

In the "Common targets" field, select New Window.

Click OK, then click OK to close the Create Hyperlink dialog box.

Your hyperlink will now open a new browser window when clicked.

Target page
The code would appear like this:
<a target="_blank" href="TCC/Blog/blogger.html">Blog</a>

To make it the page default, place the following code in the "head" section:
<base target="_blank">





See all Topics

Labels: ,


<Doug Klippert@ 6:20 AM

Comments: Post a Comment

  Saturday, October 27, 2007 – Permalink –

Learn HTML

HEADING


More tutorials



I like to read more than one author on a subject. It helps to clarify the sticky parts and each writer has a little bit different perspective on the subject.

WebReference.com has a good collection of material related to the Web and the Internet in general.


Stephanos Piperoglou has written a number of tutorials on Web design and construction.
From HTML 101 to I Shot the Serif and The Seven Habits of Effective Web Sites .


About HTML with Style



W3 Schools


Also:
HTML Tutorials



See all Topics

Labels:


<Doug Klippert@ 6:21 AM

Comments: Post a Comment

  Friday, October 19, 2007 – Permalink –

Type, what it looks like

Screen fonts preview


This is a tool that lets you see how different typefaces will look on the screen. It also allows you to compare three fonts at once.


"The Typetester is an online application for comparison of the fonts for the screen. Its' primary role is to make web designer's life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated."


TypeTester



See all Topics

Labels: , ,


<Doug Klippert@ 4:58 AM

Comments: Post a Comment

  Thursday, October 11, 2007 – Permalink –

Guide to CSS

Map through the forest


Dustin Diaz:
"Ok. Let's set the record straight. There is no official guide for each and every CSS shorthand property value. So let's work together and put one together shall we?

Ok. Straight to the business. Anytime I've ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you're supposed to be set on your way.

Well well. Over the years, I've found quite some interesting unknown quirky facts about these shorthands. . . hence this Guide was born."



CSS Guide



See all Topics

Labels: , ,


<Doug Klippert@ 8:06 AM

Comments: Post a Comment

  Saturday, September 15, 2007 – Permalink –

W3C Validation

Standards



Web pages are written in a language called Hyper Text Markup Language; HTML
The latest version of HTML is 4.01.

There is a move to upgrade the code to Extensible Hyper Text Markup Language.

XHTML is compatible with XML (EXtensible Markup Language) allowing applications to more easily exchange data.

In preparation for making the change, edit your web pages so that element and attribute names are in lower case. XHTML is case-sensitive.

Use <p> rather than <P>.

Also end tags are required. Make sure that <p> is followed by </p>.

<br> should be written <br /> and <hr> as <hr />.

For more information see:

The W3C validation site


Also:

New Line



See all Topics

Labels:


<Doug Klippert@ 7:31 AM

Comments: Post a Comment

  Sunday, September 09, 2007 – Permalink –

New Line

Shift Enter



When you hit the Enter key, the FrontPage/Expression Web editor inserts an HTML <p> (paragraph) tag. This appears as a double line space in a Web browser.


To insert a single line space (or line break) via an HTML <br> tag, just hold down the Shift key and hit Enter.

This happens when you use the

Enter key

Here's what happens with
Shift +Enter


You could also use Insert>Break... Normal Line Break, but that takes too long.

By the way, if you want your code to be XHTML compliant, use lower case for the elements and pair every <p> with a closing </p>


Differences with HTML


Single elements can be used with a built in closer such as:
<hr /> or <br />



See all Topics

Labels:


<Doug Klippert@ 7:35 AM

Comments: Post a Comment

  Wednesday, August 29, 2007 – Permalink –

Define URL Pieces

More than dot com


Google engineer and blogger Matt Cutts has defined the pieces that make up a Uniform Resource Locator.

At least as Google refers to them when they're sitting around in their backrooms
Domain

Dynamic URL


Fragment or a Named anchor


The Googlers I've talked to are split right down the middle on which way to refer it. Disputes on what to call it can be settled with arm wrestling, dance-offs, or drinking contests. Typically the fragment is used to refer to an internal section within a web document. In this case, the named anchor means "skip to 2 minutes and 30 seconds into the video."


Host


Parameters


Path


Port


Protocol


Second-level domain


Static url


Subdomain


Top-level domain


Parts of a URL



See all Topics

Labels: ,


<Doug Klippert@ 7:48 AM

Comments: Post a Comment

  Saturday, August 18, 2007 – Permalink –

CSS

Cascading Style Sheets



As a web page is formatted in FrontPage, the style choices are applied to each element.
To format the body of the page, the HTML code might be:

<body background="blue" color="white" font-family="times, serif" font-size=10pt>

Every page on the site would need to be coded this way in order to have a consistent look.
Cascading Style Sheets will simplify the problem. On an external page the elements can be defined like this:

body {
background: blue;
color: white;
font-family: times, serif;
font-size: 10pt


Each page would contain a reference to the CSS definitions:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

When the element "body" is used it will now use the CSS references.

For more information see:

Using Cascading Style Sheets on Your Web Site
David Berry
and
Eric Meyer's Site

In this Blog:
CSS Links
and:
More Cascading Style Sheet Help

[Edited entry 9/4/2004]



See all Topics

Labels: , , ,


<Doug Klippert@ 6:53 AM

Comments: Post a Comment

  Monday, August 13, 2007 – Permalink –

Surrogate Image Server

Temporary


"When posting on message boards or blogs, often you want to show or link to an image on another website. Directly showing or linking to that image is called hot-linking. It's generally bad because it leeches bandwidth from the host site, and as a result many webmasters have their servers set up to prohibit hot-linking.


ImgRed.com lets you simply enter the original URL in your post as you normally would, but with http://imgred.com/ written before the URL. When this is viewed, the image will be copied once* to imgred.com, and from then on the image will always be served from imgred.com instead of the host site.



*ImgRed is not an archive service, and occasionally its cache is cleared out (once a month or so), so images are not literally cached forever.



Imgred.com



See all Topics

Labels: , , ,


<Doug Klippert@ 6:55 AM

Comments: Post a Comment

  Sunday, June 24, 2007 – Permalink –

DOCTYPE

Customize



At the top of an HTML file source, you may see some code that indicates the version of HTML that is going to be used.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

The O'Reilly Net.com has a discussion:
DOCTYPE Explained.

"There are three variants on HTML 4.01, for example:

  • HTML 4.01 Strict, which describes the structural portions of HTML 4.01 and does not provide any frame-related markup.
  • HTML 4.01 Transitional, which includes the presentational markup such as >B< and >FONT<, but does not include frame-related markup.
  • HTML 4.01 Frameset, which is the same as HTML 4.01 Transitional except that it adds a description of frame-related markup."



From Thomas Brunt's Outfront.net

Editing the FP 2003 Default Template

"I've heard some folks complaining that FrontPage doesn't include a doctype declaration when you create a new page. If that's a problem for you then why not just edit the default template? That's the file that FP copies every time you create a new blank page.

Here's the location of the file. Change it you like.

C:\Program Files\Microsoft Office\Templates\1033\Pages11\normal.tem\normal.htm

FP 2003 gives you a choice of doctypes to enter somewhat automatically, however. You can edit what's available and add your own stuff too."

Also:
Fix Your Site With the Right DOCTYPE!
Choosing a DOCTYPE
The global structure of an HTML document





See all Topics

Labels:


<Doug Klippert@ 7:48 AM

Comments: Post a Comment

  Tuesday, May 22, 2007 – Permalink –

Backgrounds Plus

Also Clocks and stuff


This site generates backgrounds. They also have a collection of clocks and the code to create transitions and graphic additions.



ToolShell.com



See all Topics

Labels: , ,


<Doug Klippert@ 6:27 AM

Comments: Post a Comment

  Wednesday, April 04, 2007 – Permalink –

Embed Media

Code machine


The code necessary to embed a video or animation file on a web page can be a bother.

The University of California Center for Instructional Technology has a generator that will create the necessary code to insert Flash, Real Media, Quick Time, or Windows Media files using HTML.

Embedded Media HTML Generator

See all Topics

Launch in external player






Labels: ,


<Doug Klippert@ 8:14 AM

Comments: Post a Comment