Category Archives: Web Design

Site Redesign Part 3

I was really happy with the watercolor and the basic idea of the design I was working on but it really didn’t feel like _me_. So out comes the Wacom. I think I like this direction better. The watercolor with … Continue reading

Web Design is a road…

Here I am again, stuck in IE7 hell. It struck me today, while I’m sitting here hacking up my layout’s css to accommodate the vagaries of IE7, that working on a layout is a lot like driving a car. There’s … Continue reading

Site Redesign Part 2

alright here’s where I leave it for tonight. I’m thinking my site really needs a layout overhaul and that includes a nice big “featured” article section at the top of the index. Not sure whether to make it a featured … Continue reading

Site Redesign Part 1

Websites are hard. It’s about time to redesign my site again and this time clear out all the old code that’s hiding under the hood. Moving up to html5 and css3 but damn, the design’s the hard part. Here’s how … Continue reading

Posting Announcements by End Date in MX-Publisher for phpbb3

I am the guild leader of Seelund Trading Co. on the Venture Co. (US) Server in World of Warcraft. I’m also, not surprisingly, our webmaster. This means maintaining a forum with a guild news portal, informational pages and a messaging … Continue reading

Color Wheels with only CSS3 and Primary Colors

div{background:transparent;} .cw_out{background:transparent;width:400px;height:400px;margin:10px auto;position:relative;} .cw_out div,#ex1,#ex2{height:150px;width:150px;-moz-border-radius:150px 0px 0 0;-webkit-border-top-left-radius:150px;position:absolute;display:inline-block;} .cw_out div{display:block;} #ex1,#ex2{position:relative;display:block;background:rgba(255,25,0,1);margin:2px auto;} #ex2{-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);top:-37px;}; .red1,{background:rgba(255,25,0,.5);} .blue1{background:rgba(0,50,255,.5);} .yellow1{background:rgba(255,255,0,.5);} strong.red1{background:#f00;} strong.blue1{background:#02f;} strong.yellow1{background:#fc0;} .red2{background:rgba(255,25,0,.5);} .blue2{background:rgba(0,65,255,.5);} .yellow2{background:rgba(255,255,0,.5);} .red3{background:rgba(255,25,0,.2);} .blue3{background:rgba(0,65,255,.2);} .yellow3{background:rgba(255,255,0,.2);} code{padding:3px;text-shadow:none;} #s1{position:absolute;display:block;height:1px;width:1px;background:transparent;} #s2{display:block;position:absolute;height:300px; width:300px; border:1px solid #741;border:0;top:47px;left:47px;z-index:10;-moz-border-radius:150px;-webkit-border-radius:150px;margin:0;background-image: -moz-radial-gradient(center 45deg, circle closest-side, #fff 0%, … Continue reading