개인소장용으로 만들어 가지고 있는 링크모음입니다. 디자인관련 정보와 영감을 얻으려고 자주 방문하는 사이트를 보기편하게 정리해놨습니다. 위에 파일첨부로 만들어 놓았구요. 바탕화면에 놓으시고 수시로 들어가보시고 도움받으셨으면 합니다. 저는 이렇게 정리해 놓고 바탕화면에 놓고 씁니다. 20140103 업데이트 되었습니다.

개인소장용으로 만들어 가지고 있는 링크모음입니다. 디자인관련 정보와 영감을 얻으려고 자주 방문하는 사이트를 보기편하게 정리해놨습니다. 위에 파일첨부로 만들어 놓았구요. 바탕화면에 놓으시고 수시로 들어가보시고 도움받으셨으면 합니다. 저는 이렇게 정리해 놓고 바탕화면에 놓고 씁니다. 20140103 업데이트 되었습니다.

워드프레스로 반응형블로그를 작업하고 있습니다. 아이콘은 아직 완성된것이 아니고 한두달 뒤에 최종디자인이 결정될 것 같습니다. ^^ 위에 보시는것처럼 웹페이지와 스마트기기용 해상도로 크게는 3가지의 레이아웃으로 변화됩니다. 원본 스킨디자이너가 잘 만들어 놓았지만 모바일용 레이아웃은 최적화가 되어있지 않아 수정을 많이 했습니다. 아직 수정중입니다. 레이아웃과 로고가 완성되면 정식오픈하려 합니다. 반응형 사이트 디자인은 기존 단일형 사이트보다 분명 많은 것을 알고 고민해야 만들 수 있습니다. 세로로 정렬하고 가로사이즈만 줄인다고 반응형이 아니란 말씀이죠 ^^ 사이트의 목적에 맞는 컨텐츠배치와 컨텐츠가 보여줄 이.......

워드프레스로 반응형블로그를 작업하고 있습니다. 아이콘은 아직 완성된것이 아니고 한두달 뒤에 최종디자인이 결정될 것 같습니다. ^^ 위에 보시는것처럼 웹페이지와 스마트기기용 해상도로 크게는 3가지의 레이아웃으로 변화됩니다. 원본 스킨디자이너가 잘 만들어 놓았지만 모바일용 레이아웃은 최적화가 되어있지 않아 수정을 많이 했습니다. 아직 수정중입니다. 레이아웃과 로고가 완성되면 정식오픈하려 합니다. 반응형 사이트 디자인은 기존 단일형 사이트보다 분명 많은 것을 알고 고민해야 만들 수 있습니다. 세로로 정렬하고 가로사이즈만 줄인다고 반응형이 아니란 말씀이죠 ^^ 사이트의 목적에 맞는 컨텐츠배치와 컨텐츠가 보여줄 이.......

워드프레스로 반응형블로그를 작업하고 있습니다. 아이콘은 아직 완성된것이 아니고 한두달 뒤에 최종디자인이 결정될 것 같습니다. ^^ 위에 보시는것처럼 웹페이지와 스마트기기용 해상도로 크게는 3가지의 레이아웃으로 변화됩니다. 원본 스킨디자이너가 잘 만들어 놓았지만 모바일용 레이아웃은 최적화가 되어있지 않아 수정을 많이 했습니다. 아직 수정중입니다. 레이아웃과 로고가 완성되면 정식오픈하려 합니다. 반응형 사이트 디자인은 기존 단일형 사이트보다 분명 많은 것을 알고 고민해야 만들 수 있습니다. 세로로 정렬하고 가로사이즈만 줄인다고 반응형이 아니란 말씀이죠 ^^ 사이트의 목적에 맞는 컨텐츠배치와 컨텐츠가 보여줄 이.......

2013년 11월에 있었던 제주도 7대관광 기념품 공모전에 캐릭터부분으로 출품했던 '토마' 캐릭터입니다.일러스트로 작업했습니다. CS2버전을 사용하다가 CS6버전을 이번작업에서 처음 사용했는데요.포토샵의 이펙트 기능이일러스트에도 추가되어 다양한 스타일로 작업할 수 있게 되어 즐거웠습니다.

:after :before 는 문자 선택자로 선택한 요소의 뒷부분에 가상으로 내용을 추가하거나 수정할 때 쓰는 선택자입니다. ::: 예제1 CSS p:after{content:"응용해보았습니다.";} BODY :after? :before 태그를 결과물은 :after? :before 태그를 응용해보았습니다. 라고 나오겠죠. 내용추가시에는 content 속성과 함께 쓰입니다. ::: 응용예제1 CSS a { font-weight:bold; font-size:24px; color:#000; text-decoration:none;} a:hover { color: red; position: relative;} a:hover:after { content:"신발"; padding: 10px 30px; color:#333; position: absolute; left: 0; top: 100.......

:after :before 는 문자 선택자로 선택한 요소의 뒷부분에 가상으로 내용을 추가하거나 수정할 때 쓰는 선택자입니다. ::: 예제1 CSS p:after{content:"응용해보았습니다.";} BODY :after? :before 태그를 결과물은 :after? :before 태그를 응용해보았습니다. 라고 나오겠죠. 내용추가시에는 content 속성과 함께 쓰입니다. ::: 응용예제1 CSS a { font-weight:bold; font-size:24px; color:#000; text-decoration:none;} a:hover { color: red; position: relative;} a:hover:after { content:"신발"; padding: 10px 30px; color:#333; position: absolute; left: 0; top: 100.......