Tuesday, December 6, 2011

CSS frameworks, bootstraps, tricks, etc.

Bootstraps
http://twitter.github.com/bootstrap
10 Really Outstanding and Useful CSS Grid Systems
http://spyrestudios.com/css-grid-systems
http://compass-style.org

10 Useful tools:
http://www.catswhocode.com/blog/10-useful-tools-to-simplify-css3-development
http://ruseller.com/lessons.php?rub=2&id=1288
http://jsfiddle.net
http://dabblet.com

CSS grids:
http://getskeleton.com
http://960.gs
http://grids.heroku.com
http://foundation.zurb.com
http://twitter.github.com/bootstrap
http://developer.yahoo.com/yui/grids/builder
http://gridulator.com
http://www.tinyfluidgrid.com
http://elasticss.com
http://www.usabilitypost.com/2009/05/29/the-1kb-css-grid-part-1
http://www.usabilitypost.com/2009/06/06/the-1kb-css-grid-part-2
http://www.usabilitypost.com/2009/06/19/the-1kb-css-grid-part-3
http://www.blueprintcss.org


Article:
http://24ways.org/2011/css3-patterns-explained

Here is the LESS, http://lesscss.org
Extends CSS with dynamic behavior such asvariables, mixins, operations and functions.

Tools:
CSS sprites: http://css-sprit.es
CSS sprite generator: http://www.spritecow.com
CSS generator: http://www.css3.me
Button maker: http://css-tricks.com/examples/ButtonMaker/#
Tricks: http://css-tricks.com/downloads
Movement generator: http://cubic-bezier.com/#.17,.67,.83,.67
Bezier generator: http://www.roblaplaca.com/examples/bezierBuilder
Load generator: http://cssload.net
Layer style: http://www.layerstyles.org
Drop shadow: http://www.wordpressthemeshock.com/css-drop-shadow
Border radius: http://border-radius.com
(http://ruseller.com/service.php?rub=19)

Menu:
http://www.red-team-design.com/sexy-css3-menu
http://ruseller.com/lessons.php?rub=2&id=1183
http://ruseller.com/lessons.php?rub=2&id=1311

Tutorials:
http://teamtreehouse.com
http://tutorialzine.com
http://www.impressivewebs.com/css3-linear-gradient-syntax
http://www.impressivewebs.com
http://yuilibrary.com/yui/quick-start
http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery
http://evgeniypopov.com/jurnal.html
http://ruseller.com
http://www.red-team-design.com
http://developer.yahoo.com/yui/grids/builder
http://net.tutsplus.com/articles/news/a-detailed-look-at-the-960-css-framework

Freebies:
http://www.wordpressthemeshock.com/the-shock-bundle
http://www.wordpressthemeshock.com/premium-wordpress-themes/templates
http://www.wordpressthemeshock.com
http://www.styleshout.com

Microsoft references:
http://msdn.microsoft.com/en-us/library/windows/apps/hh453285.aspx

Ruby + CSS
http://sass-lang.com/tutorial.html

0 коммент.:

Post a Comment

Powered by Blogger.