the Web

Year of the ‘Stache

mymoustacheand.me

I had a great idea. Why not grow a moustache like I did last year but only this time, document it and put the pics on a website? Upon further research I found the domain mymoustacheand.me to be open. It was in the stars. So I bought it and got to work. In less than a month I put together the site and January 1st it was launched.

After that I had to justify it a little more so I took the opportunity to hand craft some HTML5 and CSS3 along with a tiny bit of jQuery (I'm slowly learning)!

I have no idea what I was thinking but the feedback so far is positive with the word "ridiculous" followed by laughter coming up quite a bit. Take a look and let me know what you think.

What’s All This About Web Typography?

It seems like everyone these days is talking about web typography. I don't blame them. With the now almost universal support for @font-face in every major browser (yes, even IE), we will now have access to one of the most sought-after features we've always wanted — the ability to use non-system fonts in our websites. No more will designers be limited to Georgia, Arial, Tahoma and those other system fonts.

What's All This About Web Typography?

But, as they say, when one problem is solved another steps up to take its place. In this case its licensing restrictions for some fonts. The problem in a nutshell: foundries make awesome fonts. They sell those fonts to us — designers — and in turn we use @font-face to put those fonts on web pages. But when we do that we often break the licensing rights that come along with those fonts since putting them on the web is just like distributing them. Just as you can download an image from the web, so to would you be able to download the font. Until those fonts can be protected, designers won't take the risk. Continue reading…

Front-End Design Conference

Front-End Design Conference

This past Friday the first Front-End Design Conference was held in St. Petersburg, FL. Ryan and I made the early morning drive to St. Petersburg for the festivities.

For awhile there hasn't been a conference or event that has focused on front-end design. Okay, there has been but nothing even remotely close to Orlando. I was surprised to hear about the Front-End Design Conference and quickly made plans to attend (thanks to NFi for covering the cost for the tickets). And it was an even bigger reason to attend when I found out the speaker lineup who included folks and companies I've actually heard of and follow.

Speakers included Kevin Hale of Wufoo, Jonathon Longnecker of Forty Seven Media, Grant Friedman of Colorburned and Chris Coyier of CSS-Tricks who had a great talk on jQuery. Continue reading…

The CSS Overflow Trick

For those who work with front-end code, clearing floated elements has probably been one of the most common layout problems when using CSS. The problem is brought on when an unfloated container has a floated element or elements. The parent looks like in takes up no space at all while the floated elements seem to fall out of the parent. Frustrating stuff.

Traditional fixes consisted of either A) setting an element with clear: both; after the floated element or B) basically floating everything. Option A is not semantic and option B is very inefficient. I've used both options since I've learned CSS so I was surprised when I read Sitepoint's article about how to clear floats easily. Continue reading…

BarCamp Miami / FOWA Wrap Up

Photo by markkrupinski

Photo by markkrupinski

This past week I visited Miami to take in the sites and expand my knowledge a bit by attending BarCamp Miami and the annual FOWA (Future of Web Apps) conference. Both events were absolutely amazing and much fun was had by all. Here's my recap of the week in Miami. Continue reading…

Safari 3.1

Safari 3.1

I installed Safari 3.1 a few hours ago and didn't really think much of it. Then I came upon an article that gave a rundown of the new features that Apple has packed into the new version. I went back to Safari and I'm very impressed at what Apple has done. Continue reading…

Using Tripoli – A CSS Framework

Using Tripoli - A CSS Framework

Okay, so its not exactly a framework in the traditional sense of coding but it is and can be used as a solid CSS reset.

Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.

Continue reading…