Difference between revisions of "CSS Notes"
Jump to navigation
Jump to search
PeterHarding (talk | contribs) (New page: = Some Links = * [http://www.sitepoint.com/article/accessible-menu-tabs Menu Tabs] * [http://www.sitepoint.com/article/fancy-form-design-css Form Design]) |
PeterHarding (talk | contribs) |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
* [http://www.sitepoint.com/article/accessible-menu-tabs Menu Tabs] | * [http://www.sitepoint.com/article/accessible-menu-tabs Menu Tabs] | ||
* [http://www.sitepoint.com/article/fancy-form-design-css Form Design] | * [http://www.sitepoint.com/article/fancy-form-design-css Form Design] | ||
* [http://www.w3schools.com/css/default.asp W3Schools Tutorial] | |||
* [http://css.maxdesign.com.au/ Maxdesign Tutorial] | |||
* [http://www.csstutorial.net/ CSSTutorial.net] | |||
* [http://www.html.net/tutorials/css/introduction.asp HTML.net CSS tutorial] | |||
* http://www.echoecho.com/css.htm | |||
* http://www.htmlgoodies.com/beyond/css/ | |||
* http://www.tizag.com/cssT/ | |||
=Reference Pages= | |||
* http://reference.sitepoint.com/css | |||
=Interesting Sites= | |||
* http://www.colorzilla.com/gradient-editor/ | |||
* http://www.colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100;Custom | |||
<pre> | |||
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100 */ | |||
background: #f3c5bd; /* Old browsers */ | |||
background: -moz-linear-gradient(top, #f3c5bd 0%, #ea2803 30%, #ea2803 30%, #e86c57 50%, #ea2803 62%, #24c900 82%, #c72200 100%); /* FF3.6+ */ | |||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(30%,#ea2803), color-stop(30%,#ea2803), color-stop(50%,#e86c57), color-stop(62%,#ea2803), color-stop(82%,#24c900), color-stop(100%,#c72200)); /* Chrome,Safari4+ */ | |||
background: -webkit-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Chrome10+,Safari5.1+ */ | |||
background: -o-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Opera 11.10+ */ | |||
background: -ms-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* IE10+ */ | |||
background: linear-gradient(to bottom, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* W3C */ | |||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */ | |||
</pre> | |||
[[Category:Development]] | |||
[[Category:CSS]] | |||
[[Category:Internet]] | |||
Latest revision as of 09:03, 28 June 2015
Some Links
- Menu Tabs
- Form Design
- W3Schools Tutorial
- Maxdesign Tutorial
- CSSTutorial.net
- HTML.net CSS tutorial
- http://www.echoecho.com/css.htm
- http://www.htmlgoodies.com/beyond/css/
- http://www.tizag.com/cssT/
Reference Pages
Interesting Sites
- http://www.colorzilla.com/gradient-editor/
- http://www.colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100;Custom
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,ea2803+30,ea2803+30,e86c57+50,ea2803+62,24c900+82,c72200+100 */ background: #f3c5bd; /* Old browsers */ background: -moz-linear-gradient(top, #f3c5bd 0%, #ea2803 30%, #ea2803 30%, #e86c57 50%, #ea2803 62%, #24c900 82%, #c72200 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3c5bd), color-stop(30%,#ea2803), color-stop(30%,#ea2803), color-stop(50%,#e86c57), color-stop(62%,#ea2803), color-stop(82%,#24c900), color-stop(100%,#c72200)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3c5bd 0%,#ea2803 30%,#ea2803 30%,#e86c57 50%,#ea2803 62%,#24c900 82%,#c72200 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */