All posts in CSS
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.
Using fancyBox for Responsive Google Maps
The latest release of fancyBox is responsive, so now your maps can auto adjust based on your browser window size!
Responsive YouTube Videos with fancyBox
The newest version of fancyBox has a responsive layout, making it the perfect solution for your responsive YouTube video needs.
fancyBox 2 Responsive Lightbox Download
The popular jQuery lightbox fancyBox recently had a major overhaul. The new version has better transitions, more options, and most importantly a respo ...
-
10 Awesome jQuery Responsive Sliders, Galleries & Plugins
December 1, 2011, No commentsResponsive 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.
-
Force a vertical scroll bar in non-IE browsers to avoid page jump
September 13, 2011, No commentsHave 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.
-
How to fix Sup Sub line-height problem with CSS
September 6, 2011, No commentsThe 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.
-
8 Great Font Stacks for Web Design
September 2, 2011, No commentsHere's a great collection of 8 font stacks, perfect for your next website design project.
-
Create a fading magnifying glass overlay on image hover with jQuery and CSS3
August 29, 2011, No commentsHere'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.
-
How to Center a Website with CSS
August 22, 2011, No commentsCentering your website within the browser window is a pretty simple process. With a few lines of CSS this can be accomplished. Here's how!
-
Create a Post-it Note with CSS3
August 11, 2011, No commentsIf 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.
-
New Poll – How do YOU write CSS class names?
August 9, 2011, No commentsOver the years I've worked with a lot of different 'coders', and have seen a variety of ways to write CSS class names. I decided to open up a poll to see what other designers / developers thought was the best way to write these names.
-
25 Killer CSS3 Generators & Tools
July 26, 2011, No commentsCSS3 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.
Sponsors
