recent posts

categories

archives

‘css’ stuff

Redesigned Another Site

Wednesday, March 10th, 2010

MelissaHarrisPhotography.comI redesigned my wife’s web site, MelissaHarrisPhotography.com. It was built with Photoshop, Illustrator, jQuery, CodeIgniter, CSS3, and tender loving care. You will want to look at it in a browser that understands CSS3 to get the full effect (Firefox, Chrome, or Safari – sorry Opera, I did not check on you, but I’m guessing it’s much better than good ol’ Internet Explorer.) You can’t tell by looking – but it does have an entire custom built back-end for administering the portfolio and proofing sections of the site. The blog portion of the site will be updated very soon to match the new style.

She’s happy with it, so I’m happy with it. If you need a photographer – get in touch with her!

Leave me a comment to let me know what you think of the new design!

Times are changing

Monday, February 22nd, 2010

And so is my site. Don’t try to use the contact form in the footer yet, it won’t get you anywhere. The contact form should work now! I’m using some CSS3 and HTML5, and Wordpress (still), and jQuery (still), and the 960 Grid System. I have also drastically simplified the site, and cut out a lot of garbage. Most of the garbage is still available if you dig around, it’s just not blasted in your face like it was before. I got tired of all the nonsense I see all over so many sites, I really wanted to let content be the focus of the new design. Additionally I decided that font-replacement JavaScript is trash, so I’m using the @font-face technique. And I have completely abandoned trying to make the site look the same in all browsers. I have a script that should do some magic if you’re running an older version of IE (but I’m not checking what it actually does), the site is really designed for Chrome or Firefox (I’m guessing Safari looks similar to Chrome.)

BTW, if you want to “social bookmark” anything, you know how to do it, I’m not putting 497 icons all over the place to do it for you.

I like the new design, I was looking for something more “serious” feeling (maybe an effect of the 73 feet of snow we got this winter?)

Also left to do is to make some sense of a mobile version of the site. I haven’t looked at it on a mobile browser yet, but I’m guessing it could use some help.

I hope you enjoy the new site!

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…

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!

New j-o-b

Friday, August 14th, 2009

Took a look at my site and noticed I hadn’t posted anything in pert near 2 months. Saw that I’ve only tweeted about twice in the past month, too. Busy guy. Or has it lost some of it’s luster? Keep reading…

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

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…

CSS Organization

Monday, April 6th, 2009

some css

There comes a time, unfortunately, when the web site is built. It has been completed and the client/manager/boss has signed off on it. This feels like the end of a long arduous journey that has lead through the depths of your soul as a developer. It’s done. Completed. Finished. Right? Not so fast! The journey is not nearly complete, it is so very, very, VERY far from over. Now comes the maintenance, upkeep, management of the site. How can we make this part of the life cycle less painful? Proper prior preparation prevents poor performance.

One area that can cause plenty of angst is the site’s style sheet(s). Riddled throughout the site’s code are all these tags for class=”" and id=”". What can we do to make these more manageable? How do I find what I’m looking for once I open that .css file, scroll to the bottom and learn that it is 400+ lines of code? This article addresses some ideas for organizing CSS files.

Keep reading…



i am gabe

Gabe Harris, that's me

I love web development and I specialize in front-end development. If you think that means "just HTML" you can go play some place else on the internet, that's fine. While I'm neither an artsy designer nor an über-technical programmer, I am comfortable in both worlds. I work at the intersection of design and server-side programming with proficiency in HTML/CSS, JavaScript/Ajax (thumbs up for jQuery), ASP.NET, php (including Wordpress and CodeIgniter), Photoshop, and Illustrator.

I follow modern web design trends and techniques, but I'm not overly concerned with being bleeding edge. I browse the web with Google Chrome, I use Firefox for some of its development features sometimes, and I cringe at the thought of Internet Explorer (can guess which browser renders this site best?) I work on a PC, never had a good reason to switch to a Mac. I do have an iPod Touch, that's as close to trendy as I need to get.

When I'm not geeking out on the interwebs, I love playing with my kids and going fishing. Feel free to learn more about my experience, or see my work, or Facebook me, or follow me. Glad you stopped by!

reach out




©2010 gabe harris of citrus design group