Difference between revisions of "CSS3"
From Lost In Wonderlands
(→CSS3) |
(→See also) |
||
Line 17: | Line 17: | ||
* [[HTML5 | HTML5]] | * [[HTML5 | HTML5]] | ||
* [[JavaScript]] | * [[JavaScript]] | ||
− | * [[ | + | * [[JavaScriptFrameWorks | More JavaScript Frameworks]] |
* [[CSS3]] | * [[CSS3]] | ||
* [[WebTechnologiesRef | Web Technologies Reference]] | * [[WebTechnologiesRef | Web Technologies Reference]] | ||
Line 23: | Line 23: | ||
* [[WebTools | Web Tools]] | * [[WebTools | Web Tools]] | ||
* [[WebComputing | Web Computing]] | * [[WebComputing | Web Computing]] | ||
− | |||
== Language == | == Language == |
Revision as of 02:57, 4 March 2016
Contents
CSS3
by paul.plaquette, Senior Software Engineer, Trilda Open Source
NeXT Steps
here everything has yet to be done !
coming soon :
Everything You Always Wanted to Know About Cascading Style Sheet version 3... (But Were Afraid to Ask) B)
<<TableOfContents(4)>>
See also
- HTML5
- JavaScript
- More JavaScript Frameworks
- CSS3
- Web Technologies Reference
- Web APIs
- Web Tools
- Web Computing
Language
Elements
Properties
* http://meiert.com/en/indices/css-properties/
Variables
Values
Selectors
Typography
Regions
Exclusions
Breaks
Media Queries
Principles
HTML
JavaScript
Tags
Tags Catalog
File Formats
CSS3 Design Patterns
CSS3 Tutorials
- http://www.w3.org/Style/CSS/learning
- http://www.w3.org/wiki/CSS/Training
- http://www.html.net/
- http://www.w3.org/Talks/2012/0416-CSS-WWW2012/
- http://www.westciv.com/courses/index.html
- http://www.webreference.com/authoring/style/sheets/headlines/index.html
- http://www.cssplay.co.uk/
- http://reference.sitepoint.com/css
CSS3 Demos
- http://www.csszengarden.com/
- Simple as Milk: http://simpleasmilk.co.uk/
- Yebocreative: http://www.yebocreative.com
- CSS Filters effects : http://html5-demos.appspot.com/static/css/filters/index.html
- more demos: http://html5-demos.appspot.com/
- toggle CSS http://lab.simurai.com/css/stars/
- more demos: http://lab.simurai.com/
CSS3 Tools
Generation
- CSS3 editor: http://css3generator.com/
- CSS3 editor : http://css3maker.com/
- CSS3 Color Gradient Editor: http://www.colorzilla.com/gradient-editor/
- CSS3 Bezier curves editor: http://cubic-bezier.com/#.17,.67,.83,.67
- CSS3 generator (exist as an iOS app): http://procssor.com/process
- CSS3 compressor & minifyer: http://minifycss.com/css-compressor/
- CSS3 beautifier: http://www.codebeautifier.com/
- CSS3 beautify: http://cssbeautify.com/
- CSS3 editing:
* http://css3maker.com/ * http://css3pie.com/ * http://css3please.com/
- CSS3 grid:
* http://www.1kbgrid.com/ * http://grid.mindplay.dk/ * http://960.gs/ * http://www.designbygrid.com/tools * http://grids.heroku.com/
- CSS3 Bezier & Splines: http://cubic-bezier.com/#.17,.67,.83,.67
- CSS3 Properties: http://meiert.com/en/indices/css-properties/
- Adobe Colors: https://kuler.adobe.com/#themes/rating?time=30
validation
test
CSS3 Frameworks/Tools
- http://sass-lang.com/
- https://github.com/anthonyshort/Scaffold/wiki
- http://learnboost.github.com/stylus/
- http://lesscss.org/
- http://www.knacss.com/
- http://leaverou.github.com/prefixfree/#
- http://selectivizr.com/
- http://960.gs/
CSS3 GuideLines, Best Practices, Advices
- google search engine: http://www.google.com/search?q=CSS3+Best+practices&aq=f&oq=CSS3+Best+practices&sourceid=chrome&ie=UTF-8
- Mozilla: https://developer.mozilla.org/en-US/docs/CSS/Writing_Efficient_CSS
Web UI Design Patterns
References
w3c
working group:
- blog :
* http://www.w3.org/blog/CSS/ * http://www.w3.org/Style/CSS/current-work.en.html
- dev documents folder: http://dev.w3.org/csswg/
- CSS3 Variables:
* http://dev.w3.org/csswg/css-variables/
- CSS3 Fragmentations:
* http://www.w3.org/TR/css3-break/
- CSS3 Regions:
* http://dev.w3.org/csswg/css3-regions/ * http://www.w3.org/TR/css3-regions/
- CSS3 Exclusions:
* http://dev.w3.org/csswg/css3-exclusions/ * http://www.w3.org/TR/css3-exclusions/
- CSS3 Overflow:
* http://dev.w3.org/csswg/css3-overflow/
- CSS3 Flexible box:
* http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/
- Selectors:
* http://www.w3.org/TR/selectors4/
- Values:
* http://www.w3.org/TR/css3-values/
- test suites:
* http://dev.w3.org/cvsweb/CSS/
Web Sites
- Eric Meyer's Blog
* http://meyerweb.com/eric/
- Smashing Magazine
* http://coding.smashingmagazine.com/ * http://coding.smashingmagazine.com/tag/css/
- A List Apart:
* http://alistapart.com/ * http://alistapart.com/topics/code
- 24 ways.org
* http://24ways.org/
- HTML5 Boilerplate
* http://html5boilerplate.com
- Web Design Friday, 24 Ways (French)
* http://wdfriday.com
- Mozilla on CSS3
* https://developer.mozilla.org/en-US/docs/CSS/CSS3
- Open Web (French)
* http://openweb.eu.org/
- Alsacréation (French)
* http://www.alsacreations.com/
- Pompage.net (French)
* http://www.pompage.net/
- Css4Design (French)
* http://css.4design.tl/
- more blogs in french
* http://www.bertrandkeller.info/ * http://www.nicolas-hoffman.net/ * http://darkg.me/ * http://wwwhteumeuleu.fr/ * http:blog.goetter.fr
Books
Conferences
- Ampersand
* http://2012.ampersandconf.com/ * http://2013.ampersandconf.com/