CSS Notes

This is a good boilerplate HTML 5 framework for responsive design
http://getskeleton.com/

Great table designs with css


.input-wrapper.gradient {
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #fff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#fff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#fff 100%); /* IE10+ */
background: linear-gradient(top, #f2f2f2 0%,#fff 100%); /* W3C */
-pie-background: linear-gradient(#f2f2f2, #fff);
} /*disabled due to lack of proper support for highlighting text*/