Introducing keycoop.com, A New Responsive Website

A new keycoop.comI launched a new website this week, keycoop.com. Go ahead and click on the link. Check it out. I’ll wait for you to come back. 🙂

Welcome back! This was a fun site to code. A few of the more interesting aspects include:

  • The main menu uses a 2D transform to give it a similar diagonal look to the logo.
  • If you’re in Chrome, you get to see a little eye candy as the hero image fades from 100% desaturation to 0%. I love CSS3 filters.
  • IE8 support is limited to functionality and a constrained single-column layout.

I was the front-end developer and UX manager on this project. That means I wrote 100% of the HTML, CSS, and JavaScript that wasn’t generated by our CMS.

As always, a shout out to the ever-impressive Emily Robinson for a beautiful design.

Love the site? Hate the site? Let me know what you think in the comments or on Twitter.

For A Good Time, Call Midwest PHP

A great group of people at Midwest PHP

 

So, I’m at Midwest PHP. That’s right. A front-end developer for a .NET shop at a conference filled to the brim with open-source developers, talk about Linux, and beards… so many beards. That being said, I’ve never met a group of people so kind, accepting, and open. They are a credit not only to the PHP community, but the developer community as a whole.

The talks have also been awesome. It’s been a nice collection of topic overviews that I’ve enjoyed learning from and being inspired by. I already have a long list of to-do’s that I’m taking back with me to both try and use, and we’re only half-way done. I’m really excited for day two.

Anyway, enough fawning over my new-found friends.  Let’s get to what you’re all hear for… slides. Here are my Rocking the Responsive Web Slides and the simple responsive demo. Steal them, use them, convince your boss and clients that responsive is the future AND the present. Do responsive, and make the web better. And if you’d leave me your feedback on joind.in, that would be great!

Need a place to start? Fork and contribute to Squeaky Clean, my fast and clean WordPress boilerplate. Even if you’re not a WordPress guy, the SASS file is a great place to start on your project.

Here are the slides for my second presentation, “Embrace Your Inner Designer.” I’m sorry they are so delayed. My brain decided it was a good idea to leave my laptop power cord somewhere other than in my bag.

Oh, if you use these slides to make something awesome, PLEASE put a link to it in the comments below. I love hearing about amazing new things.

UPDATE: If you missed my talks at Midwest PHP, or you want to watch them again, MJG Intl. was kind enough to host a meeting, “An Evening of Web Development,” during which I presented very similar (and very nervous) versions of my two talks. The videos are available on YouTube: Embrace Your Inner Designer and Rocking t he Responsive Web.