Here’s how to easily fix the 100% div not displaying correctly on iPad or iPhone mobile safari bug.
Text-indent:-9999px is no longer the way to hide text on an element. See the new technique here.. thanks to Scott Kellum and Zeldman.
The latest release of fancyBox is responsive, so now your maps can auto adjust based on your browser window size!
The newest version of fancyBox has a responsive layout, making it the perfect solution for your responsive YouTube video needs.
Responsive website layouts have become increasingly popular. What are developers supposed to do about sliders and galleries when developing a responsive website? Here are 10 great solutions.
Have you noticed that when you click from a shorter webpage to a taller webpage the content jumps to make room for the vertical scroll bar? This problem can be fixed by forcing the vertical scroll bar on ALL pages with CSS.
The superscript and subscript tags can push lines of text further apart from each other, ruining the line-height. Here is how to correct this issue with CSS.
Here’s a great collection of 8 font stacks, perfect for your next website design project.
Here’s a demo of how to create a fading transparent overlay effect of a magnifying glass when you hover over an image, using jQuery & CSS3. A great way to make image galleries more user friendly.
Centering your website within the browser window is a pretty simple process. With a few lines of CSS this can be accomplished. Here’s how!
If you need to put a quick note on a website, why not use a Post-it note? There’s no need to use any images now that we have good old CSS3. We can use some nice handwritten text, skew the note to the side, even add a shadow.
CSS3 Wins. Browser support is finally good enough that we as developers can use a lot of the great features that CSS3 offers. Here are 25 CSS3 generators and tools for your next website development project.
Internet Explorer Sucks. We all know the IE6 hacks, IE7 hacks.. here is the IE9 specific hack you’ll need to make your website work in Microsoft’s newest disaster of a browser.
Need to target the submit button of your form without adding a class or an id to it? This might come up if you don’t have access to the actual form code for some reason. Luckily CSS can be used to take care of this situation.
If you style forms with CSS you probably are familiar with adding a border style, background colors, and widths to your form inputs. This is a great way to style forms, but there’s a problem that usually comes up. If you have radio buttons on your form they are going to take the same styles as the other inputs. You most likely don’t want your radio button to be 200px wide like you set your text areas to be, or to have a border around them, etc.
Learn how to use jQuery to apply zebra striping to a table; a technique which is cross browser compatible. Yup, even your favorite browser Internet Explorer can pull this one off!
Zebra striping is a technique used to help the usability of a table in html. By coloring every other row in the table, it makes it easier for your eye to keep it’s place. CSS3 makes this “uber” easy.
So often I’ll be working on a website that somebody else coded and have to strip out junk styling. There are a lot of different ways to accomplish the same thing with CSS, but so many people have no idea how much time they are wasting by coding something in a “hacky” manner. Example. I […]