코드랩 최신 글 자바스크립트 그룹스터디 코드랩/운영일지 2017.07.06 자바스크립트를 심도 있게 공부하기 위해서 그룹스터디를 만들었습니다. 어제는 3주차 모임이 있던 날. 코드랩 작업실에서 모이면 좋은데, 작업실에 에어컨이 없어 찜통인 탓에 매주 카페에서 모이고 있습니다. 첫째주에는 스타벅스, 둘째주에는 ZOO카페, 이번 주에는 구봉산 위에.. 코드랩/운영일지 2016.02.26 첫번째 작업실 명함 제작 완료 몸도 마음도 꽁꽁 얼어 붙었던 추운 겨울이 이제 서서히 멀어져 가는게 느껴지네요. 오늘은 겨울 내내 미뤄 두었던 '첫번째 작업실 명함 제작' 작업을 마무리 했습니다. 먼저 결과물 공개! 짠~! 처음 시작할 때는 자신만만하게 그까짓 명함, 해봐야 가로 세로 10cm도 안되는 아트보드(.. 코드랩/운영일지 2015.12.30 드디어 작업실에 TV를 구입했습니다. 공부하고 각종 작업을 하겠다는 목적으로 만든 작업실이지만, 유희거리 하나 없이 정말 독서실과도 같았던 우리 작업실. 두 달 만에 드디어 우리 작업실에도 놀거리(?)가 생겼습니다. 큰 맘먹고 TV를 구입한 건데요. 아직 IPTV 서비스를 신청하지 않은 상태라, 지상파 방송 조차도 볼.. 아카이브 css만을 이용하여 보노보노 그리기 아카이브/HTML/CSS 2016.11.17 프로그래스바 만들기 최근 한달간 생활코딩 자바스크립트 강의를 열심히 듣고난 뒤 습득한 내용을 어떻게 하면 소화시킬수 있을까 고민하다 간단한 예제들을 만들어 포스팅 하기로 소소한 목표를 정했습니다. 누더기 같은 코드지만 앞으로 점점 나아지길 기대하면서 소스를 드랍하겠습니다. See the Pen.. 토글클래스를 이용한 메뉴버튼만들기 제이쿼리의 "click", "toggleclass" 메서드를 이용한 메뉴토글버튼입니다. css transform를 더하여 사용자의 재미를 추가했습니다. 간단한소스니 자세한 설명은 생략하겠습니다 :) See the Pen rLRZEo by jisungyoo (@mainplay) on CodePen. 마우스 위치를 이용한 페럴락스기법 디자인 참고를 위해서 awwward.com을 서핑하다 보면 고해상도 이미지에 페럴락스 기법을 이용한 웹사이트들을 많이 볼 수 있는데요. 플랫한 디자인에 고해상도 이미지를 사용해서 사이트가 가지고 있는 스토리를 보다 직관적이고 세련되게 표현 할 수 있는 좋은 방법이라고 생각.. 프로젝트 티스토리 스킨 '봄나무'를 배포합니다. 지식나누기/티스토리 스킨 2016.02.20 티스토리 스킨 '봄나무'(베타버전)를 분양합니다. - 본 팀블로그 구성원인 구름강아지의 개인블로그 "인생학개론"에 사용된 스킨을 다듬어 만들었습니다. - 크롬을 통해 제작하였고, 익스플로러는 9버전 이상에서 정상적으로 작동되는 것을 확인했습니다. - 봄나무 스킨은 비반응형.. #01. 작업실 블로그 스킨 만들기 프로젝트 프로젝트/완료된 프로젝트 2015.11.27 목표 1. 반응형웹으로 만들 것 2. scss 를 사용해서 만들 것 3. 메인과 카테고리 목록에 썸네일을 사용할 것 4. 맥북으로 작업할 것 과정 작업실 로고와 메인 컨셉 - 일러스트레이터로 제작, 로고 심볼 아이콘은 아이코문(http://icomoon.io) 에서 SVG 글리피콘으로 변환하여 사용함... 자바스크립트 그룹스터디 css만을 이용하여 보노보노 그리기 프로그래스바 만들기 토글클래스를 이용한 메뉴버튼만들기 마우스 위치를 이용한 페럴락스기법 순수 CSS만으로 모달 윈도우(팝업 레이어) 만들기 순수 CSS만으로 리스트/웹진 보기 방식 전환 스위치 만들기 순수 CSS만으로 아코디언 탭 메뉴 구현하기 안쓰는 하드디스크를 외장하드로 바꿔보자 노트북 하드디스크 교체기