개발자가 본 웹디자인실무에서 웹디자이너가 겪을 일들에 대하여

정 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