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

1. Web Publishing & Web Application
Even Wu

2. even
Web Designer

3. evenwu

4. < evendesig n
evendesign
http://evendesign.tw

6. 1999

13. 2003

14. blog

19. IE

20. 2007

27. Event Publishing
Application

31. Event Publishing
Application

33. PM
Designer Developer

34. PM
Designer Developer

35. PM
ad
re
ad
re
co-work
Designer Developer

36. co-work
Designer Developer

38. by designer

39. by developer

41. Coding

43. HTML/CSS

45. HTML

46. CSS

47. div {
border: 1px solid black;
border-radius: 5px;
}

48. w
w
ne
ne
div {
border: 1px solid black;
border-radius: 5px;
position: relative;
}
div img {
position: absolute;
top: -15px; left: -15px;
}

52. CSS3, jQuery

61. HTML,CSS

63. command line
http://peepcode.com/products/meet-the-command-line

64. git, github
http://git-scm.com/
https://github.com/
http://peepcode.com/products/git

66. SCSS, Compass
http://sass-lang.com/ http://compass-style.org/

67. CSS
h2 {
color: red;
}

68. CSS
h2 {
color: green;
}

69. h1 {
color: #a32200;
}
em {
color: #a32200;
}
.error {
background: #a32200;
}

70. SASS
$brand-color: #a32200;
h1 {
color: $brand-color;
}
em {
color: $brand-color;
}
.error {
background: $brand-color;
}

71. compass
a {
color: #f00;
text-decoration: none;
}
a:hover {
color: #a00;
text-decoration: under-line;
}

72. compass
@import: “compass”;
$brand-color: #f00;
a {
@include hover-link;
@include link-colors($brand-color, darken($brand-color, 10%));
}

73. http://compass.handlino.com/

75. http://markdown.tw

77. • Redmine http://www.redmine.org
• Camp re http://camp renow.com

79. Thanks

80. website http://rgba.tumblr.com
twitter http://twitter.com/rgba_
plurk http://plurk.com/rgba_
facebook RGBA 網頁設計師聚會