recent posts

categories

archives

‘design’ stuff

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…

Free Twitter Icon: Over-Tweeted

Monday, February 8th, 2010

download this

Couldn’t resist making a Twitter icon. And it is a little tongue-in-cheek, because that’s how I get down. This guy gave it his all, but he just couldn’t keep up with all the # and @ and DM and RT lingo. Feel free to use this icon however you would like. The zip file includes a psd, a png, and an ai file, so you can tweak it and really make it your own. Enjoy.

Here is the free download (.zip file).

Flip Flop Social Media Icons

Thursday, January 14th, 2010

I like downloading free stuff, so I wanted to give something back. Here are 10 social media icons. They are flip flops, naturally. Use them however you see fit. The .zip file includes .png’s and psd’s in 2 sizes (I don’t know how well they’d work if you made them smaller than 128px wide). You are welcome to modify them and/or create new ones. If you have an extreme emotional reaction (good or bad) leave a comment. Here is the preview:

download these things

I hope you get some use out of them. It would be great if you credited me (via GreenFlipFlops.com) if/when you use them, but if not, you will have horrible things happen to you. If you’re not following me on Twitter, you should.

Finally, here is the download.

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!

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

Firefox user? Get Personas!

Wednesday, May 13th, 2009

I love tweaking stuff, playing with it, tinkering. Not “real” stuff that you can touch and feel, like car engines or mechanical things, but stuff on the computer. More specifically stuff involving the interwebs. So when I discovered Firefox Personas, I was thrilled. If you haven’t tried it give it a whirl! Keep reading…

Photoshop Tip: Move Layers Up and Down

Wednesday, April 29th, 2009

Really quick, I just discovered this, quite by accident: ctrl+[ moves the active layer down one step in the layers palette and ctrl+] moves it up one step.



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 green flip flops