MeyerBros

speaking of cutting edge (if we weren’t, we should have been):

check out this little presentation by tantek. it has some problems, but the concept is fascinating from a css standpoint. Basically he has all the content in one page with valid markup - but only allows you to see it one ’slide’ at a time using CSS to hide everything else.

on the other hand, he has to use JavaScript for the onClick effect - so i suppose the interaction isn’t actually CSS based. it can also a confusing interface - if you accidentaly click on a link you are sent out of the site, so you have to be careful where you click.

so i’m not exactly sure what the advantage is here (maybe loadtime per slide? click-anywhere navigation?), but i like it for the sake of CSS exploration.

here’s another design for the meyerbros site. i moved the banner to the side to play with a new look, and to allow the content to flow right to the top. i think this is also the first full screen design.

feel free to comment on the usability of this design. i’ll still be making minor edits to it for a while to get it cleaned up.

i wrote the code for the new world arts site way back in the day, before i knew much about css layout or semantic markup. it includes one table and loads of poorly named classes (several of which should be IDs). while the text-file database system for events is fairly robust (for a text-file events database), the front end isn’t nearly as tightly coded.

today we got a lesson in that - the hard way. our css file was lost and has to be rebuilt.

with the beauty of css i rebuilt the front page structure farily quick - cursing the poorly named sections, the entirely unnecessary table and the general mess of spans serving for strong and em tags - pausing every other line to hack through markup code for the right names to reference. from there i was lost. the back pages use different names and structures and none of the styling markup makes any sense at all.

let that be a lesson to me. this page, for example, i could rebuild to look decent in minutes without even looking at the html code. it’s simple, it all makes sense, and it’s entirely flexible.

my latest exploration in CSS design: css hexagons. thanks to Tantek. no images were used.

not entirely semantic - you use some empty span and div tags, but…

it does flex well with text-size adjustments…