Skip to main content Screen Reader Website Version

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

Preloading Images with Jquery

There are times when preloading images is an important step in keeping your site/page/program running smoothly. This is especially true in the era of mobile. Here’s a cute little snippet that does just that. function preload(yourarrayOfImages) { $(yourarrayOfImages).each(function(){ $(‘<img/>’)[0].src = this; }); } preload([ ‘img/image1.jpg’, ‘img/image2.jpg’, ‘img/image3.jpg’ ]);

Lawn Enforcement Agency Has A New Website

Lawn Enforcement came to us in need of some SEO advice. They were paying another company several hundred dollars per month and getting nowhere. We noted that there were many, many site structural problems with their current design and all the probably needed was a new site and

An Accessibility Mindset

How often do you receive this response when inquiring about making a website more accessible? We wish we could devote more resources to it, but at the moment we just don’t know enough to get started. The value and necessity of making websites accessible are generally recognized. Almost

HotOpponents Hack

We have seen this one a few times coming from WordPress but we have also seen it in Google Analytics code or simply in a header.php file. HotOpponents is a simple redirect script but really digs down and makes roots for itself throughout your website files and database. 

New apps coming down the pipe

We have 6 new apps coming out over the next few months. Very excited to roll these out – unfortunately we can’t give you too many details but we have a couple apps geared toward attorneys and the legal industry, one that deals with product shipping and another

What makes your website attractive to google?

What makes your website attractive to google? In 2013, Google released Search Quality Evaluation Guidelines to provide transparency in how google rates websites. The main goal of Google’s Search Quality Ratings is to provide results that represent and are beneficial to a specific user and their locale. This