Revision as of 03:03, 8 March 2016

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)

Language

Elements

Properties

* http://meiert.com/en/indices/css-properties/

Variables

Values

Selectors

Typography

Regions

Exclusions

Breaks

Media Queries

Principles

HTML

JavaScript

Tags Catalog

File Formats

CSS3 Design Patterns

CSS3 Tutorials

CSS3 Tutorials

CSS3 Demos

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

http://validator.w3.org/

test

http://css3test.com/

CSS3 Frameworks/Tools

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/

@@ Line 2: / Line 2: @@
 ''by paul.plaquette, Senior Software Engineer, Trilda Open Source''
@@ Line 14: / Line 13: @@
 == See also ==
-* [[HTML5 | HTML5]]
+* [[Main_Page]]
+* [[HyperText]]
+* [[HTML]]
+* [[HTML5]]
+* [[HTML5Gaming | HTML5 Gaming]]
+* [[HTML5Demos | HTML5 Demos]]
+* [[HTML5Tutorials | HTML5 Tutorials]]
+* [[xHTML]]
+* [[XML]]
+* [[JSON]]
+* [[CSS]]
+* [[CSS3]]
 * [[JavaScript]]
 * [[JavaScriptFrameWorks | JavaScript Frameworks]]
-* [[CSS3]]
+* [[Cordova | Cordova, a framework previously know as PhoneGap]]
+* [[WebBlogs | Web Blogs]]
+* [[WebBrowsers | Web Browsers]]
+* [[WebHybridApplications | Web Hybrid Apps]]
+* [[WebNativeExtensions | Web Native Extension and plugins]]
+* [[WebFormats | Web Formats]]
 * [[WebTechnologiesRef | Web Technologies Reference]]
 * [[WebAPIs | Web APIs]]
 * [[WebTools | Web Tools]]
-* [[Main_Page]]
+* [[WebPresentationTools | Web Presentation Tools]]
+* [[SemanticAndDataWeb | Semantic Web and Data Web]]
+* [[FullStack]]
+* [[FrontEnd]]
+* [[BackEnd]]
 == Language ==
 === Elements ===

Difference between revisions of "CSS3"