Skip to main content Screen Reader Website Version
Not Sure Where to Start? Start with the website you already have.

We can review the site and help identify what deserves attention first.

Website Checkup →
Different Businesses Different websites.

Structure, content and conversion paths should follow the business rather than a house template.

See Our Work →

New Web Program: Brain Development Maps

Creating braindevelopmentmaps.org was a great opportunity to work on a very interesting site; Shirley came to Livewire with very specific needs. There is nothing ‘typical’ or ‘standard’ about this website, it is in a word, unique.

Braindevelopmentmaps.org allows users to view highly detailed brain mapped images online. These images, when standing alone are several hundred megabytes each. They have extremely high resolutions to enable and support high magnification levels. This is not something that is very web conducive. Large images take a long time to download. Fortunately, Shirley had this part figured out and was using a nifty program called Zoomify to provide a web interface for viewing these high resolution images. This program essentially cuts the large image up into small pieces and displays them in such a way that you only need a few ’tiles’ at any given time, so the entire image doesn’t need to be rendered by your browser. Embedded zoom capabilities make this program perfect for what the website is trying to accomplish.

In order to upload (since files groups are still large in size) a regular custom file upload program would not work. But a simple FTP solution was all that was needed.

The best, and most highly customized, feature of this program is our page building system. Using wordpress as a content management backend, we added a new program that connects the pages built in wordpress to specific file locations within the server.  So when users view brain map sets, the pages are built dynamically preventing the owner of the website from having to deal with the cumbersome task of having to code the pages by hand. The automated system provides Shirley an easy and straightforward way to create complicated pages that have dozens of individual parts and files.

More Web Design Blog Content

Don’t Think Page Load Times Matter? Think Again.

A recent study by Google really hit home for online retailers or anyone looking to make a sale/conversion online. As Forbes points out: “53% of mobile site visitors will leave a page that takes longer than three seconds to load.” Google’s recommendations usually hover around one to one

Leverage Browser Caching

When a webpage loads on your screen there are a lot of little pieces that have come together to create what you’re seeing. Your logo, other images, style sheets, javascript files are among some of the external resources a webpage might use to render itself on your screen.

Best Seagate Barracuda Internal Hard Drive 4TB SATA

An Internal Hard Drive With Endless Storage and Impressive Speed. If you require vast data storage while not sacrificing speed, look no further than the Seagate’s Barracuda Internal Hard Drive Model ST4000DM004! With 4 terabytes of reliable storage you can store business documents, videos, pictures, games and movies

Some Homepage Best Practices

Building an effective website begins with a well-designed home page. Because it’s the first thing people see, the homepage must make a nice impression while also pointing the user in the right direction. If you want your homepage to be successful, you should follow these guidelines. Make sure

Haile’s Angels Pet Rescue has a New Website

Customized WP theme – a great choice for a great organization. Haile’s Angels continues to do some great work in our community focusing on our four legged friends. They take in a good number of pets each month and try to find them forever homes. As a no-kill

Jquery Simple Fadeout

A cute little snippet to show a simple green bar upon a successful edit. <?php if(isset($_GET[‘edit’])){ ?> <div id=’notifyy’> Edited Successfully </div>     <script type=”text/javascript”>     $( ‘#notifyy’ ).show(function(){     $(this).fadeOut(5000);     });     </script> <?php } ?> The CSS: #notifyy{width:100%;background:#2f5001;padding:4px 15px;color:#fff;} Always,