Monthly Archives: July 2010

CSS3 Transitions on Transforms in Firefox 4

In one of my previous posts, I showed how to use SVG as a mask over top of video and I based it on what I saw in a demo video showing off what Firefox 4 can do. With the … Continue reading

Posted in HTML/CSS | Tagged , , , | Leave a comment

In some browsers <textarea> is resizable

I was building a contact form a few weeks ago and since I use Firefox 3.6 to do my testing while I build a site, I didn’t noticed until I checked the site in Chrome that you can now resize … Continue reading

Posted in HTML/CSS | Tagged , | Leave a comment

jQuery style animated drop down navigation using only CSS3

I’ve been building website navigations that are enhanced with jQuery for a while now and so far I haven’t had many problems with them. But I’m always a little apprehensive about relying on JavaScript for basic functions, like animating drop … Continue reading

Posted in HTML/CSS | Tagged , , | 2 Comments

SVG Masks, HTML5 video and Firefox 4

Earlier this month, Paul Rouget, who’s a evangelist for Mozilla posted a video where he demonstrated some of the new features that are coming with Firefox 4. And I have to say, the stuff he shows off is for the … Continue reading

Posted in HTML/CSS | Tagged , , , | 2 Comments

Create the ThinkGeek background effect using CSS3

When ThinkGeek launched their new site design last year, one of the hilights was the background image that switches from robots to zombies when you scroll down to the bottom of the page. It was one of those things that … Continue reading

Posted in HTML/CSS | Tagged , , | 2 Comments

Don’t build a site that relies on JavaScript

I’ve been spending a lot of my time learning jQuery, mainly because the direction the web is going, web designers and front-end developers are going to need to know it to fulfill their clients needs. jQuery is great and can … Continue reading

Posted in HTML/CSS | Tagged , , , | Leave a comment

If you’re going with HTML5, go all out

If you’ve built a site using HTML5 or even have just looked into it, you’ll know that HTML5’s new tags are there to reduce the amount of mark-up that web designers need to build a web page. Things like <header> … Continue reading

Posted in HTML/CSS | Tagged , | Leave a comment

Video: To autoplay or not to autoplay

I’m a huge sports fan and I spend a lot of time online visiting sports news sites like si.com and espn.com and over the last couple of years they, and other major sports sites, have had some big redesigns. ESPN … Continue reading

Posted in HTML/CSS | Tagged | Leave a comment

2 CSS Positioning Tips Every Web Designer Needs to Know

In my fight to stop people from using tables for layout in web design, there’s a couple of arguments I come across a fair amount. One is about pinning a div, like a footer div, to the bottom of another … Continue reading

Posted in HTML/CSS | Tagged , , | 1 Comment