Search This Blog

Saturday, December 27, 2014

Google Hear em See em

Accessible searching


Google appears to have a tool or mini app for almost anything.
Here are some of their answers to making information available to the greatest number of people.

(look at 1-800-GOOG-411)


  • Web Search:

    Result pages include headers to delineate logical sections.

  • Accessible Search:
    Promotes results that are accessible.

  • Book Search:

    Full-text access to public-domain works.

  • Gmail:

    A simple yet functional HTML mode that works well with screen readers
    .
  • Gmail Mobile:
    A lightweight user interface that is also speech-friendly.

  • Google Maps:
    Easy-to-use textual directions.

  • Calendar:
    A functional, yet speech-friendly user interface.

  • Audio Captchas:

    All services that use Google Accounts provide an audio alternative for the visual challenge-response tests that are used to distinguish humans from machines.

  • Mobile Transcoder:

    A mobile lens for viewing the web that produces accessible views.

  • Google Video:

    Allows uploaded videos to contain captions/subtitles in multiple languages for viewers who are hearing-impaired or unfamiliar with the original language.

  • Google Talk:

    IM clients inside a web browser can pose accessibility challenges, but the use of the open Jabber API means that Google users can choose from a variety of Jabber clients, many of which work well with adaptive technologies.

  • 1-800-GOOG-411:

    Here's an exception to the rule that we deliver most things through a web browser. Our experimental Voice Local Search service lets anyone who can speak into a phone search for a local business by name or category; get connected to the business free of charge; get the details by SMS if you’re using a mobile phone. (Just say "text message".)

Accessibility Services


See all Topics

Monday, December 22, 2014

Web Accessibility Checker

Make it easy



"Accessibility, the design of HTML documents for accessibility by people with disabilities, is such an important aspect of the Internet today that the Worldwide Web Consortium (W3C) has adopted a set of guidelines for designing accessible Web sites. The Web Content Accessibility Guidelines (WCAG) closely follow Section 508 of the U.S. Rehabilitation Act.

For some Web sites, adherence to the WCAG is not optional; it is a necessity. Expression Web/FrontPage 2003 has tools for evaluating the accessibility of an entire Web site, identifying elements that violate the guidelines, and finding ways to correct the violations. The accessibility checker provides all of this functionality in a single dialog box.

To access the accessibility checker on the Tools menu click Accessibility (Accessibility Reports).

You can use the accessibility checker to check a single page or an entire Web site. The accessibility checker checks for varying levels of accessibility and specifically for adherence to Section 508 of the U.S. Rehabilitation Act. You can check for errors or warnings, and you can add a manual checklist."

Expression Web Accessibility

MSDN:
Adding Rules to the Accessibility checker


Making Your Web Site Accessible to the Blind
Test your site:
Cynthia Says


See all Topics

Tuesday, December 16, 2014

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

Thursday, December 11, 2014

Font Lister

A look see


I haven't seen, lately, how many fonts you can have on a machine, but I know it's a lot more than earlier versions.

Here is a free download that will create an HTML file that will show all the fonts installed on your computer.

"Using FontList, you can change the predefined sample text, exclude seldom used fonts from the list and change the path for the HTML file.

In your browser, you can change the style of a font and zoom in on a font. You can also view the character map of a font. And, for some, maybe the most important feature, you can create a print out of all your fonts.




FontList


See all Topics

Sunday, December 07, 2014

Reading Level Check

Abrogate Obfuscation


Writing a blog or designing a web page should be done with an eye on the complexity of the language.

For broadest appeal, it should be around an 8th grade level.

This site is at about the 10th grade.


Reading Level

(Avoid one of the reading level sites that offers to put a graphic on your site. The icon links to an ad for "payday" loans.)


See all Topics

Sunday, November 30, 2014

Privacy is Gone

Hide that search


We're not alone in the great world-wide internet.

"In 2006, AOL unwittingly divulged the personal lives of 650,000 customers by publishing their search histories as research data. Despite AOL's attempts to anonymize the info, the New York Times quickly outed a 62-year-old lady in Georgia whose searches revealed her dog was wetting the upholstery."

Slate.com


See all Topics

Wednesday, November 19, 2014

HTML Preview

HTML Tester



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


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

Tuesday, November 04, 2014

IE Temp Files

Storage area


Every once in awhile when the Berners-Lee pipeline clogs up, you are instructed to delete the temporary files that IE saves.

You can do it with the Click of an IE Options button.

Here's where those files are stored:




As you see, you could move that location if you wanted to.

Ed Bott mentioned this in his Blog:

Finding the Temporary Internet Files folder


See all Topics

Saturday, November 01, 2014

Gmail Features

The top 10


Bill Kee, Associate Product Marketing Manager for Gmail, has a blog and has listed 10 major features of the free web based email system.
Including:

"When you get an email that references an address, look to the right and you'll probably see a link from Gmail pointing you to a map of the address on Google Maps.

Gmail also recognizes email text that refers to an event (e.g., 'dinner tomorrow at 8pm'), and will give you a link to add it to your calendar.

It'll even pick up on package tracking numbers from UPS and link you directly to the tracking page, so you don't have to copy and paste the number. I really like this last one when I order stuff online and want the instant gratification of knowing a package is on its way.


Gmail features Part 1

Gmail features Part 2


See all Topics

Tuesday, October 28, 2014

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.

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

Saturday, October 18, 2014

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

Sunday, October 05, 2014

Learn HTML

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

Wednesday, October 01, 2014

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

Wednesday, September 24, 2014

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

Wednesday, September 17, 2014

Blog, Wha's a Blog?

Is it Samuel Pepys or Robert Scoble?





Samuel Pepys:
You can subscribe to an RSS feed of daily entries from Pepys' 1660 diary at The Diary of Samuel Pepys.
A new entry written by Pepys will be published each day; 1 January 1660 was published on 1 January 2003.
Robert Scoble, former Microsoft Evangelizer, former blog:
Scobleizer

How your blog will get discovered

Here are some references to Web Logs

MSDN Magazine:

"Q - What is blogging all about?

A - First, "blog" is short for Web log. It's a medium in which an author writes a journal-style Web site with provisions for readers to respond. These Web logs are becoming quite valuable in the software community for sharing ideas."

All About Blogs and RSS

Wikipedia definition




More on RSS (Really Simple Syndication):
RSS News you choose

Also:
Light and Power


See all Topics

Sunday, September 14, 2014

Homepage(s)

Easy links


Sure you have Favorites and you might have shortcuts on your desktop, but you really only use about a dozen sites on a regular basis.

Try out Only2Clicks. You can set up your home page to show graphic links to your major sites and be able to group them by purpose.



Only2Clicks.com


See all Topics

Thursday, September 04, 2014

W3C Validation

Standards



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

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


See all Topics

Friday, August 29, 2014

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

Sunday, August 24, 2014

Vve have a few Phakes

VVorrisome URLs


If there weren't enough things to look out for, Paul Ferguson warns us of the use of a double "V" in web addresses:

VVINDOWS.COM NS NS1.MYDOMAIN.COM
VVINDOWS.COM NS NS2.MYDOMAIN.COM
VVINDOWS.COM NS NS3.MYDOMAIN.COM
VVINDOWSVISTA.COM NS DNS1.MALKM.COM
VVINDOWSVISTA.COM NS DNS2.MALKM.COM

Here are a few of the domains that have been registered:

VVindows


See all Topics

Monday, August 18, 2014

Define URL Parts

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

Saturday, August 09, 2014

Google Guide

How to do dat



Why Take The Google Guide Tutorial?

Google Guide

"Google is so easy to use, why take this online tutorial? If you're like many people, you use only a fraction of Google's features and services. The more you know about how Google works, its features and capabilities, the better it can serve your needs.

Just as the best way to learn how to sail is to sail, the best way to learn how to search with Google is to search with Google. Consequently, this Google tutorial contains many examples and exercises designed to give you practice with the material presented and to inspire you to find amusing or useful information."

Using Search Operators:
Advanced Operators

Google Guide TOC:
Table of Contents

Also:
GoogleTutor.com
and

Googling for XML

also:


Logoogle


See all Topics

Friday, August 08, 2014

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


See all Topics

Monday, August 04, 2014

Synch Time

Time Server


Things I've forgotten or never knew.

  1. Double click on the date and time on the taskbar to open the time applet.

  2. Click on the Internet Time tab.

  3. Choose a time server, and click on the Update Now button.

As long as you are connected to the internet, Windows will attempt to synchronize the time once per week.
You can type the name of a time server if you want to use one that is not listed. Only time servers that use the Simple Network Time Protocol (SNTP) will work. Inserting an Internet address that uses the Hypertext Transfer Protocol (HTTP) will not work. The time server time.windows.com is operated by Microsoft. The time server time.nist.gov is operated by the U.S. government. Other time servers provided by your computer's manufacturer might also be listed.



Also:
Time Flies Like an Arrow


See all Topics

Thursday, July 17, 2014

How to Start a Blog

Step-by-step tutorials

"If you’re like most people, you may not know where to get started. Starting a blog can be intimidating if you don’t have the required technological skills. Not to mention that the number of options available for starting a blog can be just plain confusing. The good news is that the free step-by-step guide on this site removes any confusion from the process, and requires only the most basic computer skills. So whether you’re 8 or 88, you can have your blog ready to go in less than 20 minutes."

Theblogstarter.com

See all Topics

Tuesday, July 15, 2014

IE Spells

Missing feature found



For years, I've filled out forms on the net and then had to copy and paste into Word to check doubtful spelling.

Now there is a tool that should have been included in the first place.


"ieSpell is a free Internet Explorer browser extension that spell checks text input boxes on a webpage. It should come in particularly handy for users who do a lot of web-based text entry (e.g. web mails, forums, blogs, diaries).

Even if your web application already includes spell checking functionality, you might still want to install this utility because it is definitely much faster than a server-side solution. Plus you get to store and use your personal word list across all your applications, instead of maintaining separate ones on each application."


ieSpell


See all Topics

Tuesday, July 08, 2014

Viddler Video Storage

Player and free video storage

"You can upload many videos at once, and in various formats, too.(mov .avi .wmv .mpeg).

You also won't have to worry about file size - just keep any video you upload under 500 Mb.

Timed Tags
Moments on the timeline of your video are taggable, so you can classify and share instances in time. Timed tags are searchable, too - a great way to explore the content on viddler.com

Timed Comments
Your position in the timeline of a video determines where your comment will be posted to, which brings the discussion to a whole new level!

Use Your Webcam
Got a web camera? You can use Viddler to record footage directly from the camera to the website. There's no third-party software



"Viddler is very different from other video-delivery based websites, because we stream our videos instead of having the user download it.

That means you get to watch videos without having to wait for the entire video to load.

This is especially useful when you want to view the last few minutes of a very long video.

It's a secure system and prevents other people from watching the video (in ways they're not supposed to) or ripping the video off the site.

Video that you host with Viddler cannot be stolen, or used in any fashion, unless you set your sharing options to allow it."


Vidler.com


See all Topics

Sunday, July 06, 2014

Google Search Tips

Drill down to the answer


20 search tips to be used with Google.

Here are a few:

  • Either/or. Google normally searches for pages that contain all the words you type in the search box, but if you want pages that have one term or another (or both), use the OR operator -- or use the "" symbol (pipe symbol) to save you a keystroke.


  • Quotes. If you want to search for an exact phrase, use quotes.


  • Not. If you don't want a term or phrase, use the "-" symbol.


  • Similar terms. Use the "~" symbol to return similar terms.
  • Definitions. Use the "define:" operator to get a quick definition.
  • Vertical search. Instead of searching for a term across all pages on the web, search within a specialized field. Google has a number of specific searches, allowing you to search within blogs, news, books, and much more
20 Google Tips


See all Topics

Monday, June 23, 2014

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