Text-shadow Selector in CSS3

21 07 2011

http://www.w3.org/Style/Examples/007/text-shadow.en.html

There’s a “glow” option in there…





Checkered Background Pattern Using only CSS

21 07 2011

To make checkerboard, striped and other repeat pattern backgrounds:

http://leaverou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/





Round-up of Cool CSS Techniques to Try

21 07 2011

http://www.smashingmagazine.com/2011/04/18/powerful-new-css-techniques-and-tools/





Rounded Corners

21 07 2011

In class I proposed the shortcut for a rounded corner being the declaration and then 4 values for topleft, topright, bottomright, bottomleft… not so fast.

While the selector will take a single number and assume a symmetrical rounding of the corner, the description actually allows for asymmetrical rounding. So you can have (and for the shorthand version, need), two numbers. Read the attached to get the details:

http://www.css3.info/preview/rounded-border/





CSS3 Browser Support

21 07 2011

Here’s a link to a slightly dated chart showing browser support for various CSS3 selectors. I’ll try to run down the current support for some of these. For instance, IE 9 now supports most if not all of the CSS3 selectors listed. Firefox 3.5 and higher supports @font-face.

http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/





Fonts, fonts, fonts

14 07 2011

A nice overview of how to use the @font-face code:

http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

Free and cheap type foundaries:

www.google.com/webfonts

http://www.youthedesigner.com/2010/04/06/free-web-2-0-fonts/

http://www.fontsquirrel.com/

Subscription:

http://webfonts.fonts.com/ (you can sign up for a free account with access to about 2,000 fonts, limit to 25K views per month and you have to show their badge –ad on your page.)

http://typekit.com/ (I love their fonts, but don’t know anything about their webfont service)

http://typotheque.com

http://www.fontslive.com

http://www.kernest.com





System fonts for web

14 07 2011

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html