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

Raven Tools

Took a look at Raven SEO tools today. Really, not all that impressed. They have a good price but it mostly looks like you’re just hooking up other services to be managed in one location. That’s valuable in and of itself, but not really what we’re looking for

Another Mouse Burned

This makes my 7th mouse in less than 18 months. incessant clicking has it’s consequences … and costs …..

reducing cumulative layout shift (CLS)

Reducing Cumulative Layout Shift (CLS)

NEED HELP REDUCING CLS? Enter Your Website Below For Personal Recommendations:   Fill out my online form. In the fast-evolving landscape of web design, one metric that has gained significant attention among developers and SEO experts alike is the Cumulative Layout Shift (CLS). Since it directly affects user

WP: Adding a HTML5 Search Form

A simple script from your local Gainesville Web Designer. [code scroll=”false” language=”htmml”] <form role=”search” method=”get” class=”search-form” action=”<?php echo home_url( ‘/’ ); ?>”> <label> <span class=”screen-reader-text”><?php echo _x( ‘Search for:’, ‘label’ ) ?></span> <input type=”search” class=”search-field” placeholder=”<?php echo esc_attr_x( ‘Search …’, ‘placeholder’ ) ?>” value=”<?php echo get_search_query() ?>” name=”s” title=”<?php echo esc_attr_x( ‘Search

Code School: Woo Shipping Per Product Count Script

Here’s a little snippet that has been useful for woocommerce development. This regulates shipping charges from a simple fee based system to a fee per quantity output. We modified this to allow for a couple of different shipping charge options based on quantity – first by three’s and