2nd Annual CSS Summit: Resources

Environments for Humans Hosts 2nd OnLine, Live CSS Summit

Christopher Schmitt, Austin WordPress Community member, and founder of Environments for Humans, hosted some of the Web’s most notable experts in Cascading Style Sheets (CSS) for an all-new, all-day online conference, the Second Annual CSS Summit on July 28th from 9am to 5pm (CT).

Christopher has developed an affordable, convenient way to deliver amazing training to the WordPress community. Environments For Humans produces online conferences that bring subject matter experts to your desktop for a great low price – $149.00 for the full day — SWEET!

We can’t share all the take-away goodies here, because we want Christopher’s training company to be successful and offer more great sessions later this year. However, I can share some link love to give you an idea about how much value Environments for Humans delivers for such a reasonable ticket price.

This link for CSS Summit itself is: http://environmentsforhumans.com/2010/css-summit/
This site includes links to each presenter’s website/blog. Some may put their presentations on their blogs.

CSS 3 Tools

http://CSS3generator.com
all kinds of CSS3 generators including RGBA

http://borderradius.com
play with borderradius settings and get CSS code

http://westciv.com/tools/box-properties/index.html
More powerful tool allowing you to generate CSS3 text and box styling; also see site for  gradients, transforms, multiple columns

http://http://gradients.glrzad.com/
CSS3 gradients and buttons

http://css3please.com/
another (odd) CSS3 generator

http://fontsquirrel.com
free web font kits to use with @font-face

http://www.w3viewer.com/
click on letters to read W3C documents/tutorials/reference material

iPhone

http://protofluid.com
website to test CSS on mobile devices

To target iphone in CSS:

@media screen and (max-device-width: 480px){
/* iPhone CSS here */
}


CSS Animations

(Transforms and Transitions… warning, not all supported in all browsers, including Firefox!)

http://developer.apple.com/safari/library/navigation/
http://developer.apple.com/safaridemos/
http://dev.opera.com/articles/view/css3-transitionsand-2d-transforms/
https://developer.mozilla.org/en/CSS/CSS_transitions

Some articles/CSS 3 tutorials:

http://www.devarticles.com/c/a/Web-Style-Sheets/Controlling-Overall-Transparency-of-an-HTML-Element-with-the-RGBA-CSS3-Property/

http://www.smashingmagazine.com/2010/06/17/start-using-css3-today-techniques-and-tutorials/

http://www.smashingmagazine.com/2009/10/26/modern-css-layouts-the-essential-characteristics/

http://www.smashingmagazine.com/2010/05/06/modern-css-layouts-part-2-the-essential-techniques/

Thanks to CHristopher Schmitt and his great Environments for Humans Team!