본문 바로가기

분류 전체보기

첫번째 작업실 명함 제작 완료 몸도 마음도 꽁꽁 얼어 붙었던 추운 겨울이 이제 서서히 멀어져 가는게 느껴지네요. 오늘은 겨울 내내 미뤄 두었던 '첫번째 작업실 명함 제작' 작업을 마무리 했습니다. 먼저 결과물 공개! 짠~! 처음 시작할 때는 자신만만하게 그까짓 명함, 해봐야 가로 세로 10cm도 안되는 아트보드(Artboard) 디자인이라는 생각이었는데 막상 작업을 시작 해보니 왠걸, 결과물이 기대 했던 것과 많이 차이가 났습니다. 원래는 텍스트만 이용해서 심플하고 강렬한 인상의 느낌으로 디자인하려 했는데 아무리 마우스를 이리 저리 굴려 보아도 따분한 관공서 명함의 느낌이 지워지지 않아 기획을 수정했습니다. 어차피 사업을 위한 용도로 제작하는 것이 아니니까, 그냥 우리 느낌대로, 하고픈 대로, 마음이 시키는대로 만드는 것으로요. 캐릭.. 더보기
티스토리 스킨 '봄나무'를 배포합니다. 티스토리 스킨 '봄나무'(베타버전)를 분양합니다. - 본 팀블로그 구성원인 구름강아지의 개인블로그 "인생학개론"에 사용된 스킨을 다듬어 만들었습니다.- 크롬을 통해 제작하였고, 익스플로러는 9버전 이상에서 정상적으로 작동되는 것을 확인했습니다.- 봄나무 스킨은 비반응형 데스크톱 전용입니다.- 소셜댓글 디스커스와 관련된 소스가 스킨파일에 이미 포함되어 있으니, 필요할 경우 간단한 변경을 통해 사용할 수 있습니다.- 그 외에 Google Analytics, Syntaxhighlighter 등 은 미포함 되어 있습니다. 모두 미포함되어 있으니 필요할 경우 직접 추가하여 사용하시면 됩니다.- 스킨 미리보기 http://skincenter2.tistory.com- 원작 : http://moksunung.com- .. 더보기
드디어 작업실에 TV를 구입했습니다. 공부하고 각종 작업을 하겠다는 목적으로 만든 작업실이지만, 유희거리 하나 없이 정말 독서실과도 같았던 우리 작업실.두 달 만에 드디어 우리 작업실에도 놀거리(?)가 생겼습니다. 큰 맘먹고 TV를 구입한 건데요. 아직 IPTV 서비스를 신청하지 않은 상태라, 지상파 방송 조차도 볼 수 없지만 집 TV보다 큰 43인치라 앞으로 티비는 물론이고 영화도, 애니메이션도 큰 화면으로 즐길 수 있게 되었다는 생각에 기분이 들뜹니다. 괜히 작업실에 극장이 생긴것 같은 기분 이라할까요? 구입한 TV는 티비 시청하는 용도에 그치지 않고 크롬캐스트 2세대를 이용해서 노트북 2대를 무선 미러링하여 프레젠테이션이나 회의, 브리핑 시에 사용할 계획입니다. 그리고 이용할 수 있는 모든 정보를 동원하여 앞으로 더욱 스마트하게 활용할.. 더보기
웹디자인 입문자를 위한 유용한 웹사이트 모음 안녕하세요 메인플레이입니다. 오늘은 제가 처음 웹공부를 시작했을때 주로 사용했던 웹사이트를 추천해볼까 합니다. 이번테마는 저와같은 입문자들을 위한 사이트로 클라이언트쪽 언어에 대한 공부를 할 수 있는 사이트와 디자인과 및 UI를 참고할 수 있는 사이트 위주로 소개하고 있습니다. 그밖에알고계시면 유용할만한 사이트도 몇개 올려놨으니 공부하시는데 도움이 되었으면 좋겠네요.이번포스팅이 올해 마지막 포스팅이 되겠네요.. 그동안 너무 게을리 했던 제자신을 반성하면서 2016년에는 좀 더 좋은 내용으로 찾아뵙도록 하겠습니다. 모두 새해복 많이 받으시고 올한해 정말 수고 많으셨습니다!! 1. https://opentutorials.org (생활코딩)언어를 공부하시는 분이라면 한번쯤을 들어 봤으리라 생각됩니다. 클라이언.. 더보기
기획자를 위한 파워포인트목업을 소개합니다. 시간은 금이라네 친구! 오늘은 기획자들에게 꿀같은 파워포인트목업을 소개해드릴까 합니다. 웹사이트 화면설계서를 작성하다보면 모바일 목업, 아이콘, 풀다운메뉴, 차트 등을 이용해서 기획을 할 일이 많은데요. 이를 일일이 아이콘을 그리고 이미지를 잘라내면서 작업하는 것은 여간 귀찮은 일이 아닐 수 없습니다. 오늘 소개해는 파워목업(PowerMockup)이라는 녀석은 이러한 번거로운 작업을 아주 간편하게 해주기 때문에 기획자의 체력과 멘탈 소모를 줄여주는 착한녀석입니다. 그럼 이 파워풀한녀석을 어떻게 설치하고 사용하는지 아래의 목차를 통해서 간략하게 소개해 드리도록 하겠습니다. 링크를 클릭하면 해당 목차로 이동되니 필요에 따라 사용해주세요 ! 1.설치방법 2.사용방법 3.프리라이센스 이용방법 1. 설치방법 - .. 더보기
#01. 작업실 블로그 스킨 만들기 프로젝트 목표1. 반응형웹으로 만들 것2. scss 를 사용해서 만들 것3. 메인과 카테고리 목록에 썸네일을 사용할 것4. 맥북으로 작업할 것 과정작업실 로고와 메인 컨셉 - 일러스트레이터로 제작, 로고 심볼 아이콘은 아이코문(http://icomoon.io) 에서 SVG 글리피콘으로 변환하여 사용함.보일러플레이트 기본 스타터킷 (https://html5boilerplate.com)scss 사용환경 - 코알라 GUI를 사용하다가 코드킷 구입 (https://incident57.com/codekit)폰트어썸 SVG 글리피콘 (https://fortawesome.github.io/Font-Awesome)mq.scss 플러그인 (https://github.com/sass-mq/sass-mq)뭐하라님의 ajax 소스 (.. 더보기
순수 CSS만으로 오프캔버스 메뉴 만들기 자바스크립트나 Jquery 도움 없이 순수하게 html과 css만을 이용해 오프캔버스 메뉴를 만드는 방법을 소개합니다.이 방법은 지금 현재 코드랩 블로그에서 타블릿 PC와 모바일 해상도에 적용해 사용하고 있는 방법입니다. 아래 결과물과 소스를 한번 먼저 보여드리고 간략히 원리를 설명하겠습니다. See the Pen #offcanvas - pure css by moksunung (@moksunung) on CodePen. 위와 같이 오프캔버스를 구현하는 원리는 다음과 같습니다. 1. 체크박스를 만든 뒤 display:none; 하여 감춥니다. 2. 위 체크박스에 연결되는 label을 만들어 버튼으로 사용합니다. (토글버튼 = 라벨 1번) 3. 마찬가지로 체크박스에 연결되는 또 하나의 label을 posit.. 더보기
transform을 이용한 3d 기법 CSS3의 transform은 웹사이트 UX를 향상시키는데 아주 중요한 역할을 하고 있는데요. 저는 transform2d만을 사용해왔는데 이참에 공부하고자 3d사용법에 대해서 구글링을 좀 하면서 다양한 사용법을 살펴봤는데 역시나 재미있게 표현하는 사람들이 많더라고요. 그래서 저도 몇가지 사이트를 참조하면서 코드를 하나 짜봤습니다. css3 tranform3d 개념 이해하기 http://www.w3schools.com/css/css3_3dtransforms.asp css3 tranform3d 시뮬레이션 할 수 있는 웹사이트 http://css3.bradshawenterprises.com/transforms/ perspective 시뮬레이션 할 수 있는 웹사이트 http://hanbit.co.kr/exam/.. 더보기
151121_코드랩 인터넷 설치 작업실에 입주한지 한달이 넘는 시간 동안 이름없는 와이파이에 기생하면서 블로그 스킨을 만들던 지난 날을 생각하니 눈가가 촉촉해 집니다.구름강아지와 저는 평일에는 시간을 내서 인터넷을 설치 할 수 없었기 때문에 한주한주 미루다 보니 이제야 설치를 할 수 있었습니다. 구름강아지가 쓰던 SK를 이전해서 쓰기로하고 기사님이 방문하셨는데 건물에는 오래된 LG인터넷 선밖에 없어서 새로 선을 따와서 써야해서 설치시간이 길어졌던것 같습니다. 주말 아침부터 부지런히 달려와 주셔서 친절하게 설치해주셔서 기분좋게 하루를 시작 할 수 있었습니다. 작업실에 TV도 놔야 하기 때문에 다음 설치할 때도 들려주시기로 하고 쿨하게 퇴장하셨습니다. 인터넷 설치한 기념으로 구름강아지랑 게임 한판할려고 히어로즈오브더스톰 설치 중인데 재미있.. 더보기
코드랩 블로그를 공개합니다. 여러분 반갑습니다,코드랩이라는 이름으로 여러분께 이곳에서 첫 인사를 드립니다.코드랩은 IT를 주제로, 중학교 동창으로 만난 절친한 친구 둘이 모여 만든 조그마한 모임입니다. 동네 친구이기도 한 우리는 평상시와 다름없이 동네 놀이터에서 쉬면서 이야기하다가 문득 스티브잡스도 사람이고 우리도 똑같이 사람인데, 우리라고 그만큼 못할게 뭐냐는 우스개 소리를 했습니다. 누구나 한 번 쯤은 해봤을 법한 식상한 우스개 소리이긴 하지만 ,가만히 생각해보니 전혀 틀린 말이 아닌데 왜 우리는 내심 그 만큼까지 대단해질 수 없다며 단념하고 살아왔던 것일까요? 삶은 누구에게나 공평하게 단 한 번만 주어지는 기회이고, 누가 각 개인의 잠재력을 어디까지가 한계라고 결론을 내려놓은 것도 아닌데, 왜 우리라고 그 처럼 큰 사람이 될 .. 더보기

티스토리툴바