'Works'에 해당되는 글 260건
Works/Blog Skin CSS3의 새로운 효과와 스케치 목업으로 간단한 스킨 만들기 - 이글루스 스킨 Frosty 2017.01.26 16:03

CSS만 작성하면 스킨이 나오는 이글루스로 간단하게 만들어보았다.제작시간: 약 하루? 어제 반나절 + 오늘 반나절스케치로 만든 목업이다. 사용후기는 여기를 참고그냥 평범한 1140 그리드 스킨이다. 딱 보면 느낌 알겠지만 반응형이 아니다. (애초에 지원할 이유도 없음)대신에 실험삼아 요새 핫한(?) CSS3 태그를 써 보았다. Backdrop filter 조니 아이브의 주도 하에 애플 제품군에는 새로운 디자인 언어가 적용되었다. 플렛 디자인이라고 불..

read
Works/Blog Skin 2017 새해 뻘짓 - 네이버 블로그 스킨 변경 2017.01.13 11:34

약 3시간 정도의 잉여로운 시간을 들여서 네이버 블로그 스킨을 바꾸었다. 뭐 포스팅하는 것도 없고 저품질인지 검색 1 페이지는 커녕 검색 결과에 잡히지도 않는 블로그 이지만 이웃 관계 맺어 놓은것 때문에 안 접고 운영하는 중...최근 인터웹을 이리저리 돌아다니다가 네이버 블로그들의 요즘 들어서 상단 부분을 홈페이지 처럼 꾸미는 것을 보게 되었다. 호기심에 크롬 인스펙터로 소스를 떠보니 안에 이미지 맵으로 구조를 짜놓은 것을 발견했다. 이미지..

read
Works/Blog Skin Asterisk의 최적화된 광고 단위 가이드 2016.09.06 23:35

Asterisk 스킨은 광고게시에 최적화 된 스킨이다. 즉, 처음 제작시부터 광고를 어떤식으로 배치하고, 어떻게 작용 할 것인지에 대한 고려가 들어가 있다. 일단, 그 전에 구글 광고 크기에 대해 알아보자. 기본적으로 광고크기에는 몇 가지 법칙이 있다.1. 광고는 클 수록 좋다. (시선집중)2. 큰 광고는 눌러지는 횟수도 많다. (큰 광고의 경우 텍스트 대신 디스플레이 광고가 뜨는 확률이 높다.)3. 따라서 큰 광고는 대체로 수익이 높다.&..

read
Works/Blog Skin 네이버 블로그 위젯 마개조 스토리 2016.09.03 20:38

알만한 사람들은 알겠지만 나는 현재 네이버 블로그를 병행해서 운영중이다. 주로 제품 리뷰랑 게임 영상만 올리고 그외 다른 것은 하지 않는다.  네이버는 스킨에서 자유롭게 건드릴 수 있는 곳이 헤더 밖에 없는데 이 헤더 마저도 사용자가 최대로 넓힐수 있는 너비는 500px 밖에 되지 않는다.   이를 꼼수를 써서 어떻게든 넓히는 방법을 알아냈다. 바로 위젯의 높이를 늘리는 것. 최대 허용 높이는 600px이 한계인 것 같다. ..

read
Works/Tistory Skin 티스토리 스킨 볼트 공개 2016.08.30 13:00

지난 5월 25일 티스토리는 구형 스킨의 지원을 끊으면서 스킨 메뉴에서 구형스킨을 고를 수 없게 리스트에서 삭제 되었다. 티스토리 구 스킨 일부 지원 종료 사전 안내하지만 예전 스킨 코드를 보면 상당히 재밌는 구석도 많이 있고 여러가지 실험을 해볼만한 여지도 많이 남아 있어 미리 다운로드 받아 놓았다. 이것들을 필요한 사람들이 사용할 수 있도록 다시 정리하여 재업로드 하였다. 색상 배리에이션의 경우 따로 ..

read
Works/Blog Skin Burari² - 에디션2 2016.08.24 23:44

Burari"²"의 에디션"2" 이다. (콩콩)테마 다운로드설치 방법은 기존과 완전히 동일하다. 기존 테마 설치 방법 업데이트 로그- 소소한 버그 픽스- 웹폰트 로드 문제 수정- 레이아웃 변경- 테블릿(아이패드)에서 깨지는 문제 수정시간나면 커피한잔 이라도 사주는 센스

read
Works/Blog Skin Burari² 두번째 베리에이션 2016.08.24 00:45

스퀘어스페이스 공식 블로그 덕분에 흥해진 50:50 레이아웃을 적용해 보았다. 무언가 급진적인 레이아웃을 좋아하는 사람에게 유용할 듯.사실 풀 스크린 슬라이더를 부담스러워 하는 사람들도 꽤 되어 이런 추가 레이아웃을 만들어 보았다. 

read
Works/Tistory Skin Material Design Lite Tistory - 1.0.0 beta 2016.08.22 17:39

※본 스킨은 베타 버전이므로 예상치 못한 버그가 있을 수 있음. 버그 발견시 아래 댓글난에 제보바람 3년만에 만드는 티스토리 배포용 스킨이다. 현재 쓰고 있는 스킨을 만들기 위해 인터넷 여러 곳을 떠돌아 다니며 많은 것들을 보았다. 그러다 발견한 것이 바로 MDL 이다. MDL은 구글 디자인 팀에서 만든 머티리얼 디자인 웹 개발 키트이다. 기존의 머티리얼 디자인이 안드로이드와 그 외의 구글 제품들에 적용이 되었는데 여기서 한단계 나아가 웹에서도..

read
Works/Blog Skin 마이피 테마 - Burari² 2016.08.19 19:04

지금으로 부터 무려 3년여전. 첫 마이피 테마를 만들었다. 이름은 Burarikun. (이름은 특정인물의 그것과 아무런 관련이 없음) 이후 군머도 다녀오고 많은 시간이 흐른 지금 다시 테마 제작에 도전했다.  Burarikun - 루리웹 마이피용 CSS3 스타일 괴랄한 테이블 레이아웃은 flex-box를 사용해서 전부 박살냈다. Burari²는 1단형 레이아웃 이지만 원한다면 언제든지 2단, 3단으로 개조할 수도 있으며 사용자..

read
Works/Blog Skin [WIP] MDLT 소소한 수정 2016.08.19 00:04

인덱스 페이지 - 본문에 사진이 없을 경우 기본 헤더 사진(스킨 위자드 설정)이 뜬다. 오프캔버스 메뉴댓글과 트랙백 표시에 버그가 있다. (아이콘 폰트가 안 뜨는 문제)index.xml을 수정했음에도 별로 달라진게 보이지 않음. 원래 이 부분은 티스토리 시스템이 아이콘 폰트랑 호환이 잘 안되어 수정하기가 쉽지 않은듯 

read
lifeinvader

티스토리 툴바