개발자가 본 웹디자인
-
Upload
jae-nam-jung -
Category
Technology
-
view
92 -
download
0
Transcript of 개발자가 본 웹디자인
개발자가 본 웹디자인실무에서 웹디자이너가 겪을 일들에 대하여
정 O O , 프론트엔드 개발자C 회사 재직중
G 회사 ( 스타트업 )
E 회사 ( 웹에이전시 )
공부만 오래 한 한량
목차웹디자인 공통
모바일 & 반응형 디자인협업을 위한 지식
개발자의 시선
웹디자인 공통
pixel
http://output.jsbin.com/vedekafece/
pixel
pixel
font
자간 ( letter-spacing )
firefox
자간 ( letter-spacing )
chrome
행간 ( line-height )
http://dol2156.tistory.com/156
CSS3
rgb & rgba
font-face
text-shadow
box-shadow
border-radius
gradient
background-image
transform
transition
animation
https://html5.firejune.com/css3.html#slide13
animation
https://www.codeandweb.com/texturepacker/tutorials/animate-sprites-in-css-with-texturepacker
모바일 & 반응형 디자인
resolution
http://screensiz.es/phone
flexible sizes
http://leipiel.tistory.com/7
fingertips
mobile first
협업을 위한 지식
Layer Group
http://webagit.tistory.com/260
Crop
Crop
Design Guide
http://redgoose.me/article/Web/1300/
Design Guide
Design Guide
http://www.slideshare.net/witstudio/ps-201311
HEX vs. rgba
#FF0000= #F00
= rgb(255, 0, 0)= rgba(255, 0, 0, 1)
SelectBox - Defaulthttp://output.jsbin.com/lucujegimu
SelectBox - designedhttp://www.jqueryrain.com/?q_dPnE1B
http://cheolguso.com/preview/select/select.html
개발자의 눈
몰라도 되지만알면 더 좋은 지식들
image compression
tinypng.com
Thanks