Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Publishing & Web Application             Even Wu
evenWeb Designer
evenwu
<         evendesig nevendesignhttp://evendesign.tw
1999
2003
blog
IE
2007
Event   Publishing        Application
Event   Publishing        Application
PMDesigner        Developer
PMDesigner        Developer
PM         ad                        re                          ad       re              co-workDesigner                 ...
co-workDesigner             Developer
by designer
by developer
Coding
HTML/CSS
HTML
CSS
div {  border: 1px solid black;  border-radius: 5px;}
w         wne       ne     div {       border: 1px solid black;       border-radius: 5px;       position: relative;     } ...
CSS3, jQuery
HTML,CSS
command linehttp://peepcode.com/products/meet-the-command-line
git, github      http://git-scm.com/      https://github.com/http://peepcode.com/products/git
SCSS, Compasshttp://sass-lang.com/   http://compass-style.org/
CSSh2 {  color: red;}
CSSh2 {  color: green;}
h1 {  color: #a32200;}em {  color: #a32200;}.error {  background: #a32200;}
SASS$brand-color: #a32200;h1 {  color: $brand-color;}em {  color: $brand-color;}.error {  background: $brand-color;}
compassa {  color: #f00;  text-decoration: none;}a:hover {  color: #a00;  text-decoration: under-line;}
compass@import: “compass”;$brand-color: #f00;a {  @include hover-link;  @include link-colors($brand-color, darken($brand-c...
http://compass.handlino.com/
http://markdown.tw
• Redmine   http://www.redmine.org• Camp re   http://camp renow.com
Thanks
website    http://rgba.tumblr.comtwitter    http://twitter.com/rgba_plurk      http://plurk.com/rgba_facebook   RGBA 網頁設計師聚會
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
設計與程式的溝通之道
Upcoming SlideShare
Loading in …5
×

設計與程式的溝通之道

6,446 views

Published on

HP18 給一般網頁設計師的演講

Published in: Technology
  • Be the first to comment

設計與程式的溝通之道

  1. 1. Web Publishing & Web Application Even Wu
  2. 2. evenWeb Designer
  3. 3. evenwu
  4. 4. < evendesig nevendesignhttp://evendesign.tw
  5. 5. 1999
  6. 6. 2003
  7. 7. blog
  8. 8. IE
  9. 9. 2007
  10. 10. Event Publishing Application
  11. 11. Event Publishing Application
  12. 12. PMDesigner Developer
  13. 13. PMDesigner Developer
  14. 14. PM ad re ad re co-workDesigner Developer
  15. 15. co-workDesigner Developer
  16. 16. by designer
  17. 17. by developer
  18. 18. Coding
  19. 19. HTML/CSS
  20. 20. HTML
  21. 21. CSS
  22. 22. div { border: 1px solid black; border-radius: 5px;}
  23. 23. w wne ne div { border: 1px solid black; border-radius: 5px; position: relative; } div img { position: absolute; top: -15px; left: -15px; }
  24. 24. CSS3, jQuery
  25. 25. HTML,CSS
  26. 26. command linehttp://peepcode.com/products/meet-the-command-line
  27. 27. git, github http://git-scm.com/ https://github.com/http://peepcode.com/products/git
  28. 28. SCSS, Compasshttp://sass-lang.com/ http://compass-style.org/
  29. 29. CSSh2 { color: red;}
  30. 30. CSSh2 { color: green;}
  31. 31. h1 { color: #a32200;}em { color: #a32200;}.error { background: #a32200;}
  32. 32. SASS$brand-color: #a32200;h1 { color: $brand-color;}em { color: $brand-color;}.error { background: $brand-color;}
  33. 33. compassa { color: #f00; text-decoration: none;}a:hover { color: #a00; text-decoration: under-line;}
  34. 34. compass@import: “compass”;$brand-color: #f00;a { @include hover-link; @include link-colors($brand-color, darken($brand-color, 10%));}
  35. 35. http://compass.handlino.com/
  36. 36. http://markdown.tw
  37. 37. • Redmine http://www.redmine.org• Camp re http://camp renow.com
  38. 38. Thanks
  39. 39. website http://rgba.tumblr.comtwitter http://twitter.com/rgba_plurk http://plurk.com/rgba_facebook RGBA 網頁設計師聚會

×