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

New Website for NWSF!

Northwest Seafood got hacked unfortunately. Being previous clients of ours we came to the rescue. The site was damaged beyond repair so our team of Gainesville Web Design experts took hold and gave them a brand new website in a matter of days. We always support our clients in

Firefox is dead to me

That happened a long time back. Now it seems that the once beloved browser is now in the same situation with the majority of its former users. I personally feel that the browser lost its roots in version 12, but it was showing signs of becoming yesterdays news

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,

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

Facebook Dings Developers

In the ever growing app community, Facebook is putting the screws to developers looking to use their vast resources to build their apps. Really, they’re just looking for a little “reciprocity”. But come on, how much do you need? You already own and operate the largest website in

How important is color in web design?

Color is an extremely important aspect of web design. It can have a significant impact on the user’s perception of a website, its brand identity, and the overall user experience. Here are some reasons why color is important in web design: Branding: Colors can be used to create