SASS LEs

Transcript

1. SASS(Y) STYLING RESPONSIVE DESIGN WITH Tuesday, February 5, 13
2. ZACK BRADY FRONT-END WEB DEVELOPER etc. Tuesday, February 5, 13
3. SUITS & SANDALS A DIGITAL AGENCY sasbranding.com Tuesday, February 5, 13
4. I WRITE THINGS http://www.zacharybrady.com zachary@sasbranding.com Tuesday, February 5, 13
5. sass-lang.com Tuesday, February 5, 13
6. BUT FIRST SOME LESSONS Tuesday, February 5, 13
7. 1 RESPONSIVE DESIGN IS NOT OPTIONAL Tuesday, February 5, 13
8. 2 A web designer should CODE and a web developer should DESIGN 2 Tuesday, February 5, 13
9. 3 KEEP YOUR CODE DRY (Do Not Repeat Yourself) Tuesday, February 5, 13
10. STAY UP TO DATE 4 Tuesday, February 5, 13
11. Blogs and Newsletters www.css-tricks.com www.smashingmagazine.com alistapart.com css-weekly.com responsivedesignweekly.com sidebar.io Tuesday, February 5, 13
12. Podcasts www.pagebreakpodcast.com www.shoptalkshow.com 5by5.tv/bigwebshow theeastwing.net 5by5.tv/webahead 5by5.tv/founderstalk Tuesday, February 5, 13
13. SO... SASS Tuesday, February 5, 13
14. SASS IS A PREPROCESSOR LANGUAGE Tuesday, February 5, 13
15. Preprocessing Languages Related to the Web CSS SASS CSScaffold TurbineCSS LESS JADE SLIM HTML5 COFFEESCRIPT JAVASCRIPT HAML MUSTACHE Tuesday, February 5, 13
16. sass-lang.com Tuesday, February 5, 13
17. ruby-lang.org Tuesday, February 5, 13
18. Tuesday, February 5, 13
19. “Sass is a meta-language on top of CSS that’s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.” Tuesday, February 5, 13
20. SASS... IT DOES A LOT Tuesday, February 5, 13
21. Tuesday, February 5, 13
22. LITTLE AND ALLOWS US TO DO VERY Tuesday, February 5, 13
23. CSS SASS/ SCSS Tuesday, February 5, 13
24. PREPROCESSOR LANGUAGES MUST* BE CODED LOCALY *should Tuesday, February 5, 13
25. DON’T FORGET VERSION CONTROL Tuesday, February 5, 13
26. git-scm.com Tuesday, February 5, 13
27. Tuesday, February 5, 13
28. Tuesday, February 5, 13
29. DON’T BE AFRAID OF THE COMMAND LINE (TERMINAL) Tuesday, February 5, 13
30. Tuesday, February 5, 13
31. incident57.com/codekit/ Tuesday, February 5, 13
32. Tuesday, February 5, 13
33. Let’s do some SCSS Tuesday, February 5, 13
34. Tuesday, February 5, 13
35. RESP ONSIV E DESIG N S A S S and Tuesday, February 5, 13
36. Set Up the Variables Tuesday, February 5, 13
37. Mixins and FOR Loops! Tuesday, February 5, 13
38. Rows and Gutters Tuesday, February 5, 13
39. Media Query Tuesday, February 5, 13
40. Media Query! Tuesday, February 5, 13
41. Tuesday, February 5, 13
42. http://compass-style.org Tuesday, February 5, 13
43. Tuesday, February 5, 13
44. CSS SASS/ SCSS Tuesday, February 5, 13
45. Well, that’s it Tuesday, February 5, 13
46. QUESTIONS? Tuesday, February 5, 13
47. Tuesday, February 5, 13