Quick Tip: Practical CSS Shapes
A common design technique lately іѕ tο mаkе a fold effect, whеrе іt appears thаt a heading іѕ folding behind іtѕ container. Thіѕ іѕ generally achieved through thе υѕе οf tіnу images; bυt, wіth CSS, wе саn mimic thіѕ effect quite easily. Ill ѕhοw уου hοw іn four minutes.
The question is: What is the end result of this?
If you run the stats, you’ll find you wasted bandwidth, you wasted valuable (vertical) space on the screen, and you lowered CTR to more vital items on the page that deserve more attention. Also now you made for yourself a real problem with “if IE”–now you have something that breaks when MS fixes their browser.
That said, I agree it’s better to use code in place of bitmaps, depending on the application.
Just saved all of us designers some time. Thanks for the video!
awesomeeeee
Oh man… It’s really fantastic. I used to use some pictures to make the effect! Many thanks ^^
fantastic tutorial, tks
Really Fantastic! I just started to know more about CSS!
Fantastic tutorial, thanks Jeff.
4 mins of my life spent well, thx Jeff
Exceptional Tut!
@nekst86 Looks like Web Developer Toolbar (Google it)
Fantastic tutorial!
nice, thx! witch firefox addon you use to edit the code? norman from germany
thanks jeffrey.
Perfect example of IE stupidity.
P.S.
Fantastic tip Jeff. Thank you!
fantastic tutorial as usually, Thanx
Thanks Jefferey fantastic tutorial
Thank you very much Jefferey.