Tuesday August 29, 2006 CSS3 Preview
I found a preview of some of the new properties coming out in ver.3 of CSS; some are very cool, few are actually useful, and I think 2 or 3 work in IE7 (Beta 3).....so there's not too much to be used in it. There's a border-image feature built in that kind of works, pretty neat, I'm not sure how much it'll get used.Most of the stuff probably won't get used, so I'll just sum up the one's I like the most.
- multiple background images, this is an OUTstanding feature to have, it should cut down div tag use a lot. I can see it getting abused a bunch too though. This, however doesn't work in IE7 or FireFox 1.5.0.6...so again, probably low usage, but very cool.
- text-shadow, exactly what it sounds like, no more need for image drop shadows on text. This, surprisingly, looks pretty good for a generated shadow, not as hard as the old one. It only works in WebKit right now, I imagine Safari will pick it up soon too.
- text-overflow, this inserts an elipsis (...) in text if it reaches a certain defined point. This is GREAT for when you want to sample text and put a "more..." link at the end. Oddly enough, this is supported by IE6+ and not FireFox 1.5.0.6
- background-size, conrtolling the size of a background image. this doesn't seem very usefull to me for things other than thumbnail images with a hover command, possibly zooming...but it's still pretty neat.
- border-radius, this is BY FAR my favorite new feature, it allows you to set the curve radius of a border, so in theory you could put a circle border around something....BUT of course, no IE support, as of right now. I'm hoping this get put in IE7 before it gets released in the Fall, but I doubt it. This works in FireFox 1.5 if you want to play around with it.
For more CSS3 checkout: http://www.css3.info/preview/
-Tim
Posted by tcwrigh2 ( Aug 29 2006, 10:33:36 AM EDT ) Permalink
Thursday August 24, 2006 JavaScript Form Checker
I just came across this link that was sent to me about a
month ago, it's very cool so I thought I'd share: Remember the Milk.
You don't have to sign up for anything, I'm posting it, basically, to show the
form-checking. Up to now I've been using Dreamweaver?s form validator to check
if my forms are complete. It's very easy, but doesn't t really add any *POP* to
a page.
This is using a JavaScript function to check each form field to see if it?s
complete and then producing a check or an 'X' accordingly. Lemme see if I can
go a little deeper into that...
The JS file is here if you want to take a look at it
A quick way to get this effect would be to download the .js file, mimic the
form, and then customize it accordingly. You?ll get a bunch of code you don't
need, but it's a lot faster than hacking through the JavaScript.
They have a cache function called cacheDom that checks each form field if
you're a repeat visitor, you might want to take that out, but otherwise, it's
pretty clean script.
I really don't have anything of merit to say, just thought I'd share that link.
-Tim
ps. I have another post for dealing with browser compatibility in CSS (IE vs FF
& Safari), but I'll save that for another day...suspenseful isn't it?
Wednesday August 16, 2006 CSS Resources
This is just a list of CSS resources I've used in the past, I give them the "Tim Seal of Approval" - in no special order- CSS Layout Techniques
- CSS Insider Blog
- Styling Forms
- Position is Everything
- CSS Creator
- Random CSS Imaging
- Styleboost
Enjoy,
Tim
Posted by tcwrigh2 ( Aug 16 2006, 09:46:35 AM EDT ) Permalink