A common problem among designers is how to get a div to stretch 100% of the window’s height. There are a few different techniques out there, but I came up with one that is my personal favorite, which I will share with you today…
Articles in the ‘Code’ Category
-
CSS 100% Height
Posted: 3 weeks ago in Code
Read More: CSS 100% Height
-
CSS charts – Bar Charts Created with Pure CSS
Posted: 2 months ago in Code
For ultimate performance try these really fast bar charts that don’t need any plugins or rely heavily on JavaScript. Just pure and wholesome bar charts in CSS…
-
Bulletproof @font-face
Posted: 3 months ago in Code
Real type on the web. All the kids are doing it. But maybe we’re doing it wrong. After testing several CSS @font-face syntax variants, including one used on this site, Paul Irish says the following is clearly best:
Read More: Bulletproof @font-face
-
CSS Restaurant Menu
Posted: 4 months ago in Code
When out having a meal with a few guys from work once we got talking about the menu, and how it would be intereting to work on a restaurant website in terms of using semantics and CSS to build menus properly. When I got in that night I had a spare few minutes and came up with the following lightweight and semantic xHTML with a sprinkle of CSS…
Read More: CSS Restaurant Menu
-
CSS Navigation: No JavaScript or Image Required
Posted: 4 months ago in Code
I have coded this pager only CSS based navigation/pagination bar. No javascript is required. There are tooltips on hover and previous/next buttons to make navigation easier…
-
Simple CSS Tips that Go a Long Way
Posted: 4 months ago in Code
Sometimes it’s the little things that can make all the difference and there are plenty of neat little CSS tips that can help with all aspects of design and development. Here are a few great tips that will help you improve your CSS work and help you get the most out of your code…
Read More: Simple CSS Tips that Go a Long Way
-
Visual Cheat Sheet: CSS Compatibility with Internet Explorer 6, 7 and 8
Posted: 5 months ago in Code
This Visual Cheat Sheet will help you to understand CSS (2.1 and 3) behavior in Internet Explorer’s earlier (IE6 and IE7) and recent (IE8) versions. This cheat sheet (2 pages) contains some important CSS reference like… At rules (@rule), Element Selectors, Attribute Selectors, Pseudo-classes, Border and Layout, Position, Font and Text etc.
Read More: Visual Cheat Sheet: CSS Compatibility with Internet Explorer 6, 7 and 8
-
CSS3 Speech Bubble
Posted: 5 months ago in Code
Just to show a concept, here’s the code to make a speech bubble with a little pointer using only HTML and CSS3…
Read More: CSS3 Speech Bubble
-
Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
Posted: 6 months ago in Code
The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You’re a web developer and you’re ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn’t support you. You’ve spent hours on it, but you just can’t seem to get your layout right. This comprehensive IE6 bug fix cheatsheet will help…
Read More: Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
-
Bulletproof CSS @font-face syntax
Posted: 6 months ago in Code
Let me introduce you to the best way to do your @font-face definitions. I’ll circle back to why this is the best possible solution but let’s first review the other techniques’ weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a .ttf or .otf. Okay, let’s see what we got here…
Read More: Bulletproof CSS @font-face syntax