Created
August 14, 2012 16:53
-
-
Save cdharrison/3350829 to your computer and use it in GitHub Desktop.
Resources
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ### Web Fonts ### | |
| + http://fontsquirrel.com | |
| + http://typekit.com | |
| + http://google.com/fonts | |
| ### Books ### | |
| + HTML and CSS: Design and Build Websites by Jon Duckett | |
| ++ http://www.amazon.com/dp/1118008189/ | |
| + Designing with Web Standards by Jeffrey Zeldman | |
| ++ http://www.amazon.com/dp/0321616952/ | |
| + HTML5 for Web Designers by Jeremy Keith | |
| ++ http://www.abookapart.com/products/html5-for-web-designers | |
| + CSS3 for Web Designers by Dan Cederholm | |
| ++ http://www.abookapart.com/products/css3-for-web-designers | |
| + Responsive Web Design by Ethan Marcotte | |
| ++ http://www.abookapart.com/products/responsive-web-design | |
| ### CSS Pre-Processing Languages ### | |
| + Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, | |
| ++ and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin. | |
| ++ http://sass-lang.com/ | |
| + LESS “extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both | |
| ++ the client-side (Chrome, Safari, Firefox) and server-side, with Node.js and Rhino.” | |
| ++ http://lesscss.org/ | |
| + xCSS - an object-oriented CSS Framework. | |
| ++ http://xcss.antpaw.org/ | |
| ### Applications ### | |
| + Codekit – (Mac) – Use for Less, Sass/SCSS, HAML, Jade, Optimizing Images, etc. (My personal favorite.) | |
| ++ http://incident57.com/codekit/ | |
| + Scout.app - (PC/Mac) | |
| ++ http://mhs.github.com/scout-app/ | |
| + Compass.app - (PC/Mac/Linux) | |
| ++ http://compass.handlino.com/ | |
| + WinLESS – (PC) | |
| ++ http://winless.org/ | |
| + SimpLESS – (PC) | |
| ++ http://wearekiss.com/simpless | |
| + .less – (PC) - Less CSS for .Net | |
| ++ http://dotlesscss.org/ | |
| ### Further Reading ### | |
| + Get Yourself Pre-Processing in a Few Minutes | |
| ++ http://css-tricks.com/video-screencasts/111-get-yourself-preprocessing-in-just-a-few-minutes/ | |
| + Using the LESS CSS Preprocessor for Smarter Style Sheets | |
| ++ http://coding.smashingmagazine.com/2010/12/06/using-the-less-css-preprocessor-for-smarter-style-sheets/ | |
| + An Introduction to LESS and Comparison to Sass | |
| ++ http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/ | |
| + SASS vs. LESS | |
| ++ http://css-tricks.com/sass-vs-less/ | |
| ### Frameworks ### | |
| + Twitter Bootstrap – (Less) | |
| ++ http://twitter.github.com/bootstrap/ | |
| + Foundation 3 – (Sass) | |
| ++ http://foundation.zurb.com/ | |
| + 960.gs | |
| ++ http://960.gs |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment