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

Come On Folks, It’s All About Site Structure, Still!

I like what Jeff Bezos said about your margin being his opportunity. In the same way, for other SEO companies out there, your inattention to site structure is our opportunity. We just wish your clients didn’t have to suffer through it before they come to us to get

What we’ve been up to lately

Here’s what’s been going on at Livewire in the last few weeks – because, well, why not? It’s a blog ,isn’t it? Finishing up the LDM iphone app – which has been a big project that has presented us with some unique challenges. The Android version is likely

The Flour Pot Bakery has a new website.

NEW!! Sally is one of a kind and so is her business. She really takes the time to put out a quality product and we wanted to give her that same high quality standard with her website that she is used to. FPB has some fantastic bread –

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,

Using Red In Website Design

A key component of website design is color, and many designers choose the color red in particular. Red is a passionate, vivid color that may elicit strong feelings and emotions, making it a fantastic choice for designing a strong, compelling website. These are several justifications on why red

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’ ]);