My most-often use for transparent text is for centering text. Let's suppose a headline needs to be centered without considering a note appended to it.

Here is a simple demonstration of a headline that is not centered the way I want it.

Who is
best? (Will!)

(The complete article is at https://www.willmaster.com/blog/css/using-transparent-text.php)

Unordered lists in HTML web pages generally use bullets to begin list items. Sometimes circles or squares. But it doesn't have to be that way.

You can use an image instead of bullets.

(The complete article is at https://www.willmaster.com/blog/css/custom-list-markers.php)

Some things happen so automatically that we tend not to notice.

The address bar of browsers is an example. When you've loaded a web page and then you tap the URL in the address bar, the editable URL is selected. You can type a new URL without having to erase the old one (it's erased automatically when you begin to type). If you do that a lot, you tend to take the convenience for granted.

It's a bit unhandy when you only want to change something in the current URL (requires an extra tap to deselect). Still, it is easier to unselect with a tap than it is to erase all the data before typing a new URL.

This article describes how to do a "select the field when the field is tapped" for your forms.

(The complete article is at https://www.willmaster.com/library/manage-forms/easier-field-information-change.php)

If you have wanted a self-contained PHP script for file uploading on your website, here it is.

Optionally, it can be customized to require login.

Tell the script which directory to use for storing uploaded files. Upload the script to your website. You're good to go.

Uploaded files will not overwrite each other. If a file is uploaded with the name of a file already in the directory, the new file gets a number appended to its file name.

(The complete article is at https://www.willmaster.com/library/tools/file-uploader.php)

Just for fun, let's put a div on the web page that jumps. The div can contain any valid HTML content. For this article, the div will contain an image.

When the mouse pointer moves over the image, the image jumps to a new location. For devices without a mouse, tapping the image makes it jump.

The demonstration image is an outline of an envelope within a colored circle. The image has the word "Possibilities" above the envelope.

If you're using a laptop or desktop computer to read this article, try putting the mouse pointer on the demonstration image. The image will jump to a new location.

On the other hand, if you are using a phone or tablet to read the article, tap the image to make it jump.

When the image jumps, it relocates itself to a random location within the browser window (the viewport). The window can be scrolled, and the image remains at its viewport location.

Fun ideas include an image of a squirrel, a small video playing, the words "May problems elude you", a laughing cartoon face, or an eagle in flight. You're probably thinking of something right now that would be fun on your web page.

(The complete article is at https://www.willmaster.com/library/web-content-prep/fun-jumper.php)

When you need to group certain items in a dropdown list, use the <optgroup> tag. Here is a demonstration.

When you view the dropdown list, you'll see how your browser divides things up. Each browser has it's own style for dropdown lists.

(The complete article is at https://www.willmaster.com/library/web-content-prep/the-html-optgroup-tag.php)

This is a techy how-to article about measurements related to div locations and dimensions.

Listing all the reasons to know the information would be a long list. Getting the dimensions of a div element for use when centering the div within the viewport is one reason. It is also how I used it just yesterday.

There are various ways to try to determine the location of a div in the viewport (browser window, generally, but might also be an iframe). Similar to its dimension, there are various ways to determine the width or the height of a div.

The ways are JavaScript methods. PHP doesn't work for this functionality because PHP runs before the web page is loaded into a browser window.

The JavaScript function I prefer to use provides the viewport location and the dimensions of a div all in one function call. getBoundingClientRect is the name of the function.

(The complete article is at https://www.willmaster.com/library/tutorials/determining-div-location.php)

At Willmaster and some other sites, we use a site-wide One Login System. The system can protect any directory that contains a customizable .htaccess file.

How the One Login System Works

There is one log-in page. After logging in, a cookie is set.

Directories are protected with entries in the .htaccess file. If the cookie is set, the browser is allowed to access the directory. Otherwise, the browser gets a "not authorized" message.

Why?

For Willmaster.com, we use the One Login System to protect various scripts on the domain. The Possibilities emailing software is an example. Others are syndication, web content updating, server monitoring, and backup software.

Some of those are in separate directories. Some share the same directory. So long as the directory has the customized .htaccess file, we're good.

For better security, either or both the username and the password may contain embedded spaces.

The source code provided in this article is an updated version of what we are using. It was updated for easier customization and to allow more than one username/password set to be specified. (With a separate username for each person allowed access, removing a username later won't affect anybody else's log-in.)

(The complete article is at https://www.willmaster.com/library/security/site-wide-login-system.php)

Here are the steps to make an image show available on your web page.

1. Put some images into a directory on your server.

2. Upload the "Image Show" PHP script into the same directory. (The script comes with this article. No customization is required.)

3. On a separate web page, call Image Show.

(The complete article is at https://www.willmaster.com/library/tools/image-show.php)

If you program in PHP, you know it is a fairly common need to peek into variables and see what they contain. It can be especially needful when one is chasing a bug.

If you have programmed with PHP for a long time, you no doubt have developed ways to view the content of variables without affecting the flow of the software's execution.

Here is another way, or perhaps a way you are already using. This method publishes the variable name, its length, and its content on the web page. The dumped information can be viewed on the web page where the PHP is running.

(The complete article is at https://www.willmaster.com/library/tools/a-variables-dump.php)

As a programmer, you are likely to be tasked with reading and writing CSV files.

CSV (Comma-Separated Values) used to be the most popular format for data files compatible with various types of software. It may still be the most popular. Other popular formats are XML and JSON. This article is dedicated to CSV.

If you are not a programmer, you may want to skip this article.

But if you are a programmer, I'll describe how to read and write CSV files with PHP.

I'll first describe how to write a CSV file. Then, how to read it.

(The complete article is at https://www.willmaster.com/library/misc/handling-csv-files-with-php.php)