With CSS3 on the slow rise and Internet Explorer 6 on the (painfully slow) downfall, most of the time we as developers and designers are forced to use individual images for each button if we want cross-browser friendly, good looking buttons. Especially when it comes to ecommerce, this can sometimes add up to 20+ images. You’ve got buttons for Login, Checkout, Express Checkout, Update, Remove etc.
In this quick tip, we’ll review how to work with HTML 5 video in your own projects. Because older browsers and Internet Explorer do not understand the <video> element, we must also find a way to serve a Flash file to viewers who are utilizing those browsers.
Read MorejQuery is not always as it appears. There's a lot of cool stuff going on under the surface, and there are many methods just waiting to be discovered, and many potential usages of jQuery's API that you may not have considered before. In this article James Padolsey be taking you through a few of the not-so-obvious things he has discovered about jQuery.
Read MoreThe curves adjustment tool is an integral part of every professional’s knowledge base and image editing package. Even if you’ve taken a good photo, chances are it can be improved or it needs to be adjusted to work in a collage or collection. Or even to just to intensify a mood. You can always make a good thing better – and curves is a one-stop-shop way to do that.
In the first of the CSS In depth series, we’ll be talking about margins, padding and the box model. Margins and padding are some of the most widely used styles in CSS, but are often the source of frustration in cross-browser compatibility.
Many of the one-page portfolios sites are using jQuery to accomplish specific things. In this post we’ll feature some plugins and tutorials that are ideal for one-page portfolios. Of course, they can be used on other types of sites as well, but they are well-suited to match up with the trends among one-page portfolios.
Read MoreAs the first thing visitors see, home pages and headers often steal the design spotlight. But above-the-fold thinking neglects the natural flow of vertical page layout. What happens when people reach the end of a page?
You can bet that a simple copyright statement won’t hold visitors’ attention, but many pages are designed with the expectation that people will find their way… or so we assume.
Images and photos are an integral part of almost every successful blog these days. If your text isn’t accompanied by images, few people are going to be interested in what you’ve got to say- it’s sad, but true. The problem is, with so many people uploading images to their blogs in interesting and unique ways, it’s hard to make your blog stand out unless you’re doing the same.
Read MoreIn my never ending quest to find weird and wonderful ways to abuse CSS and all its little intricacies, I have come up with a pretty good way of using CSS to create custom radio and checkbox inputs without JavaScript, that are accessible, keyboard controlled, don’t use any hacks and degrade nicely in non supporting browsers. The journey wasn’t easy and I was on the brink of filing it in the “to crazy” folder, never to be seen again. Luckily I had a brain wave that paid off and actually allowed this to be a very viable solution that degrades beautifully and works in 80% of the browsers. This is my story.
CSS3 has brought some amazing new features. And the most fun is playing
with the CSS animation. Here is a compilation of 50 CSS3
animation that allows you to perform many motion-based
functions normally Delegated to JavaScript.