Recent Templates
Strict HTML and CSS, Mmm... good! My cleanest, best-coded web-templates.
- Boogeymen
Found this one under the bed. A haunted single-column site layout ideal for a blog or tumblog. Various boxed styles for visual interest.
- Morning Bliss
A bright and sunny design with a large graphic header easily accomodating additional graphics. The vertically offset side-bar is ideal for navigation or links in this fixed-width centered layout. Plenty of visual accents for headers and menu items.
- Squibbles
An experimental idea in creating a website using watercolors. Energetic and cheerful while still maintaining a high degree of legibility.
- SYS Splash Page
The current splash page for Skinyourscreen, my skinning and graphic design web-site.
- NonDisjunction Blog
A prototype design for skinyourscreen.com that never came to use. It DID become a template for TiddlyWiki, however.
- Life Science Nexus 3
Template designed for Life Science Nexus. Also ported to e107 v0.7.
- LSN 2
Now the splash page for Life Science Nexus, this template offers a balanced 2-column layout followed up by triple-columns below for other content items or link-lists.
- mrbiotechTiddlyWiki
A version of the NonDisjunction Blog theme for awesomely portable AJAXified wiki TiddlyWiki.
- SYS | Universal | 2:NonD
A triple-column centered layout derived from the NonDisjunction Blog theme requested with a red color variation.
- SYS | Universal | 1
Designed for the exceptionally flexible TextPattern CMS. Centered, fixed-width template with a right-oriented sidebar. Vertically stratified content.
- SYS Underlit
A fluid "60/40 layout" with a very wide side-bar offering two columns within itself and a main content area using 60% of the available web-page width. Now used on the SYS Podcasts page.
- Eden
An alternative web-design for bass guitar amplification company Eden. Javascripted menu rollovers at top combined with multiple heading areas.
- Black NeoHemingway2
The previous version of the Skinyourscreen.com site. This template offers a large, highly graphical navigation scheme at the top of the page. The content area is offset by a left-oriented side-bar and followed up by 3 columns underneath for recent tutorials, articles, and downloads. This template was condensed to result in the current Skinyourscreen template.
Simple Designs
The following designs are typified by lack of graphics, straight CSS/XHTML coding with a minimum of extraneous elements resulting in stream-lined, clean web-documents suitable for documentation purposes.
- Simple 1
A basic set of styles for creating documentation. Common HTML tags are all themed. Solid-color block headers with a Centry Gothic font scheme for a simple yet modern feel.
- Simple 2
A color variation of the Simple 1 site theme. This one opts for a green and grey color-scheme while still retaining the readability of that theme.
- Headache Relief
This template was inspired by the label on a Bath & Bodyworks peppermint headache relief product. It's a monochromatic design featuring a multi-tiered header with a sidebar ideal for a site description. No graphics required!
- Boxes Rule
An experiment in grid-like positioning more than anything, this template could easily be adapted for inclusion of images in the various boxes.
About mrbiotech
I like graphic design that feels like you could pick it off the screen and put it in your pocket. I believe all software should be beautiful and work easily. I believe the more accessible and understandable content is, the more people will access it. I believe in economical solutions employing open-source solutions.
Download my card
Old(er) Table-Based Designs
Everybody has to start somewhere. In the days before attempting accessible, semantic table-less designs my templates were heavily TABLE-based. Of course, tables have their purposes for displaying data, not for design purposes, I realize. These are some of my very first web-designs, almost all of which went live previous to 2004. They are provided here as a frame of reference, although all are still viable.
- Synovium
Graphic prototype for skinyourscreen. Only adapted as a primitive table-based layout for the time-being. The graphics make it my favorite design template in my collection, however.
- NonDisjunction e107
The second major template revision to Skinyourscreen while I was running the e107 Content Management System. Three-column fluid layout with multiple boxes for content which adapt to content size. CSS-rollovers on the menus.
- DominantNegative Splash
The original splash page for Skinyourscreen.com when the site first premiered in 2003. Ahh.. the memories!
- DominantNegative
This was the original table-based site template for Skinyourscreen.com at its premier in 2003. It offered 3-columns in a fluid layout that would resize to make maximum use of the browser-window's width. Each column box was heavily styled and also flexible.
- Mulvey Silver
An early prototype for the Mulvey Laboratory web-site at the University of Utah prior to the Pathology Department adopting a universal appearance.
- phage
A really light 3-column table-based fluid layout template made to look squeaky sterile clean, despite the title.