clear-cache

Clear Browser History & Cache (PC)

CHROME

– In the URL field, type in chrome://history
– Click on Clear browsing data button
– Remove checkmarks from everything EXCEPT Browsing history and Cached images and files
– Click on Clear browsing data button
– Go to your web page and refresh your browser (F5 key)

FIREFOX

– Click on the Menu button (Three horizontal bars)
– Click on History
– Select Clear Recent History…
– Remove checkmarks from everything EXCEPT Browsing & Download History and Cache
– Click on Clear Now button
– Go to your web page and refresh your browser (F5 key)

INTERNET EXPLORER

– Click on the Menu button (The gear icon)
– Select Internet options
– In the General tab, under Browsing history, click on the Delete… button
– Remove checkmarks from everything EXCEPT Temporary Internet files and website files
– Click on Delete button
– Go to your web page and refresh your browser (F5 key)

web-design-scales-1

Web Design Tips

Whether you are looking for a web designer or you intend to build a website yourself, these tips may help you end up with a professional site that you can be proud of for years to come.
Goin’ Mobile, Keep Me Movin’
We have written an article in our “Tutorials & Articles” section that describes the benefits of designing your website with mobile device users in mind. Smaller screens mean approaching your website design in a new way. You can read all about it HERE.
Too Cool For Business School
A webpage with a lot of links and graphics may look impressive, but if your visitors cannot quickly find what they are looking for, they may simply go somewhere else. In addition, multimedia, Flash and otherwise graphic heavy sites can suffer from long download times, testing your visitor’s patience. It would be hard to imagine that Craigslist or Google would be more successful with a graphic laden, uber state of the art design. In these cases, less is more, and visitors appreciate that. The product or information that you are providing is the most important asset to your website’s success (content is king!), and keep visitors coming back for more.
That Looks Fontastic!
When choosing fonts for your site, it is better to use sans-serif for general text and sarif fonts for headlines only. Sans-serif fonts are much easier to read on computer monitors. It is easy and safe to use standard font families that are preinstalled on most computers, such as Verdana, Geneva, Arial, and Helvetica, or use generic names such as cursive, fantasy, monospace, sans-serif, and serif. With a little extra effort, you can now pick from hundreds of different fonts by incorporating Google Fonts into your project.
Easy Reading Is Hard Writing
The average adult in the U.S. reads at the 8th-grade level. If your goal is to reach the largest number of viewers, your text should be tailored to meet the reading skill, interest, and patience of your expected average visitor. People tend to scan web pages, so it is important to get to the point early. Keeping your content understandable, short, and focused will please your visitors and result in lower bounce rates.
Don’t Go Changing To Try And Please Me
To project a professional image, your web page design and layout should be consistent throughout the site. Keeping headers, footers, menus, fonts, colors, and backgrounds relatively the same on each page helps your visitors easily navigate your site through instant familiarity. Since viewers don’t always first arrive on your home page, it is important to design each page as a potential landing site with a clear and easy link back to your home page.
Think Opt-In So They Don’t Opt-Out
Background music or videos that automatically start playing when a web page is loaded may not be appreciated by a large number of visitors. People surf the web from their place of work, the library, and at night when others are sleeping. In these situations, a potential visitor of your site may just hit the back button to stop the noise. If your website truly needs to have music or videos, such as a band or a tutorial site, provide a prominent link or button to turn on the sound or video.
No one goes there anymore. It’s too crowded.
Leaving plenty of white space on each web page gives your site a sense of neatness and spaciousness. Information that is packed tightly, using most of the available screen space, can make it hard for your viewers to find and concentrate on the information they are looking for. Think of the pleasant feeling you get from a room in your home that is tidy as opposed to one with clothes, boxes, papers, and dishes scattered about. Hang that jacket up and divide the content into separate pages.
flower1

The Evolution of a Website – Starting Small

It can be very tempting to launch a new website with as much functionality and variety of features you can think of. If the goal is to attract as many visitors as possible, this may seem like the most advantageous strategy, for you think you have given them everything that they could want and how they want to use it. Unfortunately, most often this results in many lost hours of work, unnecessary money spent, and delays in launching your site.
Continue reading

hijack1

Do Not Let Your Website Get HiJacked By Your Developer

When choosing a web designer / developer, make sure that the contract you sign clearly states that they must release the master administrator username and password to you immediately upon request. These master accounts are notably utilized by CMS software such as WordPress and Drupal. It is normal for a professional developer to not release the “admin” account until the project is completed. This is to protect the developer from having to repair damage that the use of such privileges can create. It is NOT normal for a developer to refuse to give you the admin credentials after project completion. It is unethical and can possibly lead to your site being held for ransom.
Continue reading

wordpress1

WordPress – PHP Front Page Conditional Argument

Sometimes, a WordPress template you would like to use does not support the proper functioning of is_front_page(). If you are looking for a way to display some code (HTML or PHP) ONLY on the home page of your WordPress site, regardless of whether you have set the home page to be your blog or a static page, use the following:

Continue reading

search1

Replace Watermark From Google Custom Search Text Box

Here is a method to replace or remove the watermark that is within the Google Custom Search text box using CSS. The default watermark is an image file that reads “Google Custom Search”. In order to replace this, you need to create a new image with the wording of your choice. If you just want to remove the default image altogether, there is no need for a new image.
Replacing the watermark image: Copy and paste the following code into your stylesheet (.css).

Continue reading

optimized1

Why Optimize Your Site For Mobile Devices?

A standard, one size fit’s all, website design can suffer when it comes to usability if a visitor accesses it through a small screen device such as a mobile phone. Text and images tend to be too small to read, requiring users to zoom in and pan the site left and right, up and down, in order to view all the content. With mobile devices accounted for over 55% of Internet usage (CNN Money 2014), it is increasingly important to tailor your site to this ever growing user base.

THE GOOD

A mobile optimized site (responsive design) will adjust it’s layout ‘on the fly’ to fit within a variety of smaller screen widths. At most, users will only have to scroll down for content, with very little need for zooming in. The look and feel of the site should remain mostly intact. As an example, this site is optimized. View it on a smartphone, tablet and laptop/desktop to notice the difference.
Continue reading

responsive1

Responsive Design – Multi Column Layout

The following is an example of an adjustable width, 3 column / 1 row layout that will respond well to smaller screens such as smartphones and tablets. If you view this code on a smartphone (portrait orientation), it will adjust to a 1 column / 3 row layout. Add or remove columns as desired. Change the percentages of the columns to use the amount of space you need for each one, without going over 100% (including padding width).
I am leaving the css in the style tag for this example, however it is recommended that you put it in a .css file and call them with the class tag.

<div style="width:100%;">

<div style="text-align:center;"> <!-- This will center the three blocks of text/images with the width of the container. -->

<div class="multi-col" style="width:30%; min-width:250px; display:inline-block; padding:3%; text-align:left; vertical-align:top;"> <!-- text-align:left will left justify the text within this particular block. -->
Continue reading

clock1

Display USA Standard Day, Date, and Time On Your Website

The following is a method using JavaScript to display the United States standard day, date and time format on your website. This code will update the time without requiring a refresh.
I am leaving the css in the style tag for this example, however it is recommended that you put it in a .css file and call them with the class tag.
Copy and paste the following code into a text file and name it: date_time.js. Upload this file to your server.

function date_time(id) {
date = new Date;
year = date.getFullYear();
month = date.getMonth();
months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
Continue reading