Here are steps to make an animation to indicate content is loading:

1. Make an image to rotate.
2. Rotate it with CSS.
3. Smile.

The code in this article was made to rotate an icon image, although the code can be used to rotate any image. In other words, you might have other uses for it.

The image you specify rotates continuously at a speed you specify.

(The complete article is at https://www.willmaster.com/blog/css/loading-icon-animation-with-css.php)

Often I have use for random characters in my PHP scripts. I've tweaked my go-to function from time to time over the years. The latest version comes with this article.

A random character or a series of random characters may be needed for a filename, a password, a security implementation (to make something virtually unguessable, for example), or any of several other reasons.

(The complete article is at https://www.willmaster.com/blog/php/random-characters-function.php)

I publish a number of books. The Books at Bontrager Connection index page lists a dozen or so. In addition to ebooks, some of them are published as hardcover and paperback books.

To publish hardcover or paperback, assuming you create your own covers, a custom template can be generated at Amazon. They call it a calculator. Tap kdp.amazon.com/en_US/cover-calculator to use the calculator.

The image below is an example of what the calculator responds with. The calculator was used for a recent hardcover book I published.

It used to be that every time I created a cover for publishing a paperback or hardcover book at Amazon, I had to do numerous calculations to figure out where to put various content on the cover image.

When the number of pages changes, the thickness of the book changes. When the thickness changes, the size of the wrap-around cover image also changes.

Here is the cover image of the hardcover book the above calculator screenshot was for. (One of my pen names is Vern Harrison.)

You see there are three panels with content. The left side of the image contains the panel for the back cover. The narrow, tall panel in the center is for the spine of the book. The panel at the right side of the image is for the front cover. (I almost always place the cover image under the panels.)

To find the specific locations for each panel is where I used to do manual calculations.

Now, I use my own software for calculating the position of the panels. I fire up the software and give it the numbers that the Amazon calculator gave to me.

(The complete article is at https://www.willmaster.com/blog/tips/amazon-hardcover-and-paperback-book-cover-measurements.php)

The use for the HTML address tag is to publish an address.

A reason to do so is to have the address available for those who need it.

Another reason to do so is for website search engines. What's published with the address tag is assumed to be an address. The spider may look around a bit and then decide the address is for the person or business that is the subject of the web page.

The address tag may get the person or business on the search site's map. There is no guarantee, of course. Yet, providing an address is a better chance than not providing an address at all.

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

Probably the easiest way to implement hover text on a web page is by use of the HTML title attribute.

Here is an example.

I am here.

Hover over the word "here" in the above sentence. The text will pop up as a tooltip. Phones and tablets will need to tap on "here" because they don't have a mouse for hovering on anything.

Each browser implements the hover according to its independent programming. Generally, the tooltip will be below the mouse pointer.

Here is the code for the above example.

I am <span title="This article.">here</span>.

The above title attribute is in a span tag. The title attribute can be used in HTML tags that contain content, including a linking tags, img image tags, and p paragraph tags. The examples in this article all use the span tag. (The complete article is at https://www.willmaster.com/blog/html/easy-tooltips.php)

The CSS rotate property is versatile, more versatile than the transform:rotate() function.

Although versatile, the rotate examples in this article are simple.

Toward the end of the article are a few hints about its versatility. For a deeper immersion into the CSS rotate property, see the Mozilla rotate reference.

Simple? Yes, very much so.

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

Today's article is technical.

When a PHP page is requested from the server, the PHP code runs before the result is sent to the browser. Thus, there is no URL available in a browser while PHP runs.

Although the URL in the browser's address bar is unavailable, PHP does store values that can be used to construct what the URL will be.

Each of the parts resides in the global $_SERVER variable. This list names them along with a hint about what they contain.

• $_SERVER['HTTPS'] (protocol test)
• $_SERVER['HTTP_HOST'] (domain & port)
• $_SERVER['PHP_SELF'] (relative URL)
• $_SERVER['QUERY_STRING'] (URL parameters)

The article describes how to build the full, absolute URL of the current PHP script, which would be the URL of the web page where this article is published.

(The complete article is at https://www.willmaster.com/library/web-content-prep/building-a-url-to-self-with-php.php)

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)