'스킨'에 해당되는 글 116건
Works/Blog Skin [WIP] Meltdown Rev.2 2017.08.04 05:30

이글루스를 시작으로 티스토리 스킨까지 기존에 있는 스킨들을 최신화, 코드 정리, 구조 / 속도 개선 작업을 할 예정이다. (사실 이거 2016년 7월에 했어야 했는데 1년이나 미루어졌다) 첫빠따(?)는 최초로 만든 이글루스 스킨인 Meltdown. 지금 와서 코드를 까보니 완전 개판오분전이다. 내가 이딴 스파게티 코드를 짜고 있었다니... 라고 자괴감이 드는 순간이다. 2014년에 짰던 코드 수준 지금 짜는 코드 수준 주요 변경 사항은 웹폰트..

read
Works/Blog Skin [WIP] 새로운 마이피 스킨 2017.08.02 18:08

동영상을 상단 헤더에 넣을수 있는 스킨이다. 유투브 영상을 바로 가져올수 있다면 좋을텐데 루리웹에서는 상단에 iframe을 못 넣게 막아놓았다. 그래서 Video 태그를 사용해서 억지로 집어넣었는데, 파일은 구글 드라이브에서 땡겨와서 쓰고 있다. 구글 드라이브에서 파일 가져오는 법은 의외로 쉽더라. 트래픽이 정신나간 수준만 아니면 구글에서도 특별히 짜르거나 하지는 않는 것으로 보임. 8.2 업데이트 리니어 그래디언트와 블랜딩 추가 아직 블랜딩에는 트..

read
Blog/Thoughts 새로운 셀프고문 방법 - 이글루스 스킨만들기 2017.03.30 00:52

이글루스 스킨을 만드는 것은 고문과도 같기 때문에 일종의 가학성(?) 행위에 가깝다고 봐도 될듯.새로만든 스킨. Full bleed layout과 fixed top menu, dropdown menu를 제공한다. 레이아웃 제한 때문에 fixed top menu는 거의 이글루스로 치면 차세대급 기술. 발단은 이렇다. 요즘 웹디자인 트랜드는 Full bleed layout이다. 즉, 텍스트는 읽기 쉬운 너비인 600~700px을 유지하되, 사진..

read
Works/Blog Skin 이글루스 코드 제한에 딱 맞춘 CSS3 스킨 - Frosty 2017.01.29 17:24

매번 스킨 만들때마다 느끼는 것이지만 CSS 글자수 제한 어떻게 안되나? 건의 한지가 언젠데 발전이 없는 것을 보면 이글루스 운영진은 티스토리보다 더 노답인듯. 덕분에 만들어 놓은 스타일도 글자수 제한으로 밀어버리고 새로 만드는 병크를 저질렀다. 글자수 제한 때문에 스킨 옵션에서 배경이미지 또는 헤더 이미지 둘중에 하나만 넣을 수 있다. 둘다 넣을 경우 잘린다. 사실 배경 이미지만 넣어도 일부 코드가 잘리지만 위치 설정용 코드만 잘리기 때..

read
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
Blog/Daily Life 이글루스 이전 스킨 재정비 2016.09.12 10:06

티스토리 블로그에서만 배포하던 이글루스 스킨을 스킨 밸리에 업로드 하였다.기존의 PSD 기반 로고를 CSS3 형태로 변경. 그외 소소한 코드 수정및, compass 코드 삭제 당분간, 특히 이글루스 스킨은 제작 할 일이 없을듯.

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² 두번째 베리에이션 2016.08.24 00:45

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

read
lifeinvader

티스토리 툴바