recent posts

categories

archives

‘design’ stuff

Just for fun

I like fun things, but getting tattoos all the time is rather cost prohibitive. So I have built a little playground area, for learning and trying new stuff. Some of it is just following along through tutorials I’ve seen online, and some if it is testing out new things as I read about them. Most of it is front-end related (CSS(3), HTML(5), and JavaScript/jQuery), but there is some coding going on as well (CodeIgniter) that you won’t see. At any rate, check out the playground for some good times.

BE WARNED: if you’re using IE, you probably won’t love it so much… sorry?

Citrus Design Group Update

We’re working hard generating business, and we’re happy to have a few things in the pipeline. For now, we’ve redesigned our site again. Check out the new look at WeAreCitrus.com.

Redesigned Another Site

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!

Another Update

This new version of my site is done for now. More importantly, I have partnered with some great people from Virid to launch a new venture: Citrus Design Group. Holler at us for all of your creative needs!

Times are changing

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

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

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

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.



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 you guess which browser renders this site best?)

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






©2012 gabe harris
Do NOT follow this link or you will be banned from the site!