전체 글

See the Pen [CSS Drawing] Single Element Profile (ZINEE) by zinee (@zineeworld) on CodePen. 정말 오랜만에 CSS 드로잉!단일 요소만 사용해서 모두 box-shadow로 그렸습니다 :-)

개요계기 : 올해는 지식을 나눌 수 있는 한 해가 되길 바랐고, 누군가를 가르치는 것에 대한 흥미가 생기던 참이었습니다.대상 : 원래는 극소수 정예로 진행하려고 했는데 뜻밖의 성원(?)으로 5명의 스터디원이 모집되었습니다.기간 : 2017/01/02~2017/03/02 (8주), 매주 화/목 PM 7-8 모토중도하차 할 생각이라면 No!무료 수업이라고 해서 나도 한 번 들어볼까? 하는 안일한 생각이라면 받고 싶지 않았습니다. 최소한 왜 듣고자 하는지 이유가 하나쯤은 있으신 분을 원했습니다. 단순 호기심으로 오셨다가 중도 하차하거나 결석으로 수업 분위기를 흐리고 싶지 않았습니다.수업 시간은 1시간 내외우리의 집중력은 생각보다 길지 않다는 걸 잘 알고 있습니다. 그래서 최대한 50분 정도로 마무리하고 싶었습..

IssueiOS 하위 버전(10미만)에서 auto copy가 안 되는 이슈가 있어서, 인풋 영역을 터치하면 자동으로 영역을 잡아주는 기능으로 대체했다. 적어도 드래그 하면서 셀렉트 영역을 잡는 수고로움을 덜어주기 위해! 그런데 select()만으로는 iOS 에서 영역이 전체 선택되지 않고, readonly 임에도 불구하고 커서가 나타났다 (키보드 없이). 그래서 찾아보니 setSelectionRange()를 사용하면 된다는 걸 알았다. Syntax inputElement.setSelectionRange(selectionStart, selectionEnd, [optional] selectionDirection); [참고] https://developer.mozilla.org/ko/docs/Web/API/H..

"보더에는 그라디언트 못 넣어요?" 디자이너님의 말 한마디에서 시작되었다. 그라디언트는 당연히 배경색에나 넣는 건 줄 알았던 나는 (!!!) 부랴부랴 방법이 있는지 찾아봤다. 역.시.있.었.다 https://developer.mozilla.org/ko/docs/Web/CSS/border-image-slicehttps://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width See the Pen [CSS] gradient border by zinee (@zineeworld) on CodePen.

티스토리 기본 단축키 사실 기본 단축키가 있다는 걸 오늘 알았다. 단축키로 's'를 쓰려고 하니까 뭔가 엉키는 것 같아서 찾아보니 기본 제공 단축키가 있었다! Q : 관리자 페이지A : 이전 글 보기S : 다음 글 보기Z : 최근 글 보기X : 최근 댓글 보기C : 최근 트랙백 보기 티스토리 단축키 추가하기 Q, A, S, Z, X, C는 이미 사용 중이니 유의해야 한다. 다른 블로그에는 자바스크립트 버전이 있긴 한데 필요없는 코드도 있는 것 같아, jQuery 버전으로 만들어봤다. /* 단축키 추가하기 */ var shortcut = new Array(); shortcut['w'] = "/admin/entry/post/"; /* 새 글 쓰기 */ $(document).keypress(function(e..

이 카테고리가 적절한지 모르겠지만 지난 1년을 회고해 본다. 한것 01월 - Iter29~30 / Mini Iter 11 / Static Page02월 - Iter31 / Baidu Map03월 - v2 release / Mini Iter 12~14 / Extract colors from image / How to use element inspect04월 - Mobile Web Markup05월 - Iter33~36 / Backbone Study / Team site renewal06월 - 입사 1년(6/22) / Iter37 / UX Case Study (Main index search)07월 - Iter38~39 / Mean Stack Study08월 - 맥프로 입성 / Iter40 / Team me..

2016.12.24. 금 오후3시 @디캠프 크리스마스 이브, 9x년생 개발자 모임에서 Red Black Tree Party를 가졌습니다. 120명의 주니어 개발자들이 개발 얘기로 오후 내내 웃고 떠들 수 있는 자리였습니다. 사진 출처 : https://goo.gl/photos/qjTA4HUSDq6k7iUv7 Index- 양현찬 / 키노트- 진유림 / 모임 뒤에 사람있어요: 9XD 1년 회고- Hyun-Mook Jerry Choi / 교주가 되겠다- 박명호 / 슬랙에 귀여운 휴봇하나 키워보자!- Seok Ju Hong / 혼파망 속에서 내가 좋아하는 문제 찾아 풀기- Jason Park / 생애 첫 오픈소스 & 미국에서의 첫 해커톤- JaeKyoung Kim / 쿠팡에서 배운 대규모 트래픽을 처리하는 법-..

See the Pen CSS Drawing - 20. Santa by zinee (@zineeworld) on CodePen. 넘 귀여워서 안 그릴 수가 없었다 >.

See the Pen CSS Drawing - Merry Christmas! by zinee (@zineeworld) on CodePen. 초급 : 트리 / 중급 : 산타 / 고급 : 루돌프animation을 더해서 반짝반짝하게 만들었습니다. 디자인 참고 : 이니스프리 마이쿠션

See the Pen CSS Drawing - 19. Rudolph by zinee (@zineeworld) on CodePen. 마지막 루돌프까지 완성!뿔 그리는게 은근 고되군요....디자인 참고 : 이니스프리 마이쿠션