Gabe Harris

The Argument for HTML 5 and CSS3 – NOW

Tuesday, February 9th, 2010

A few months ago, I did a post about CSS3, and I was not sold on it at the time. I agreed that the possibilities it presented were useful, but the browser support was lagging too far behind to begin using it. We live on the web, and times change quickly, and I’ve changed my opinion. I’m flexible, I want to grow and adapt and do what makes the most sense. Keep reading…

• tagged: browser, css, design, development, html, web browser, web development
• categorized: css, design, development
• no comments »

CSS3 on Textboxes

Wednesday, November 4th, 2009

Discovered this “bug”, and its workaround. When applying the -moz-border-radius and the -moz-box-shadow to an input type=”text”, it didn’t work  immediately with their default stylings. Once I  set the border and background styles manually, it displayed quite nicely. Hooray for Firefox!

• tagged: css, css3, firefox, rounded corners, web design, web development
• categorized: css, design, development
• no comments »

CSS3 Demo

Tuesday, June 16th, 2009

I love web development. I like using new technologies, especially when it makes my job go more smoothly and produces better looking and functioning web sites. I did a little test of CSS3, just to see what all the buzz was about. Overall, I like where it’s headed, but it’s not ready for prime time yet. I will be happy when it is! Most of my observations are written up on the page, so check it out. Feel free to comment here and let me know your thoughts. Are you using it yet? Why or why not?

Check out my demo page (feel free to use a few browsers for the full effect): CSS3 Demo

• tagged: css, css3, web design, web development
• categorized: css, design, development
• no comments »

CSS Float Issue

Monday, April 27th, 2009

I didn’t think this up myself, but I just learned it, and it seems terrifically useful. I run into this problem regularly: I have a containing element (div usually) with a few floating elements inside of it. I like to use this technique when splitting an element in half – a left half and a right half. I’ll float the left half to the left, give it a width that’s a little less than half of the outer container, float the right half to the right with the same width.

“Great,” I think to myself. Let’s ctrl+s then refresh the browser to check this pig out. Then there’s the problem… Keep reading…

• tagged: css, float, layout
• categorized: css, development
• no comments »