'반응형'에 해당되는 글 34건
Works/Tistory Skin EP1 - The New Standard for Tistory Skin 2017.10.01 20:17

아래 링크를 클릭하면 선택된 항목으로 바로 이동합니다. 소개 관리 페이지 지원 기능 일람 지원 플러그인 목록 에디터 별 지원기능 안내 설치 방법 티에디션 세부 설정 방법 테터데스크 세부 설정 방법 스킨위자드 세부 설정 방법 다운로드 세 줄 요약 소개 꾸준히 티스토리 스킨 개발을 해온 것은 아니지만 그래도 가끔씩 개발을 하면서 느꼈던 점은, 타 블로그 서비스에 비해서 티스토리가 지원하는 기능이 정말 많다는 것 입니다. 물론 기능이 많다는..

read
Works/Tistory Skin EP1 2차 티저 2017.09.23 21:58

빌어먹을 IE 최적화 때문에 공개가 지연되고 있다. 마음 같아서는 그냥 IE / 엣지 지원 버리고 내놓고 싶지만... 브라우저 통계를 보니 아직도 머한민국에 30%가 넘는 정신병자가 있다고 떠서 어쩔 수 없이 별도 코드 작성중...

read
Works/Blog Skin [WIP] Meltdown Rev.2 2017.08.04 05:30

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

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

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

read
Works/Blog Skin Life is Journey v 3.0 2014.10.07 16:14

대세는 모바일 이다. 백년 전부터 모바일이 대세라는 소리를 귀가 따갑게 들었지만 이제는 정말 모바일 대세다. 어느새 모바일 기기는 64비트 아키텍쳐를 품고 PC와 대등한 존재가 되어버렸다. 그리고 통신망의 발달로 인해서 더 빠른 시간에 웹 페이지를 로드 할 수 있게 되었고, 날이 갈수록 새로 등장하는 기술들 덕분에 웹은 더 다채롭고 빨라지고 있다. 지금 처럼 웹이 격변하는 시기는 웹의 도래 초기 이후로 전무후무하다. 이에 따라 한시도 쉬지 않고 ..

read
Works/Tistory Skin Strada - 스킨위자드 되는 티스토리 반응형 스킨 2014.05.08 21:00

header { background: url(http://cfile5.uf.tistory.com/image/2546E850536A70D1173034) no-repeat center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !import..

read
Works/Blog Skin Strada - 스킨 위자드 사용가능한 최초의(?) 반응형 스킨 2014.05.07 21:00

요즘 커피숍들 같은데 보면 흰색 마커로 유리에 그림을 많이 그리더군요. 요즘 대세가 이미지 위에 글씨 쓰는걸 증명이라도 하듯 비미오의 영상이나 워드프레스용 스킨들도 이런류의 스타일을 적용하는 것을 흔히보고 있습니다.  그래서 대세에 맞추어 아예 잡스러운 색은 하나도 안쓰고 오로지 흰색만 사용하여 스킨을 한번 만들어 보았습니다.  티스토리에서는 skin.html과 style.css 수정을 지원합니다. 그러나 이러한 방식은 매우 ..

read
Works/Tistory Skin Mirage - Advanced tistory skin 2014.05.06 19:00

header { background: url(http://cfile1.uf.tistory.com/image/222F8150536A70D023C016) no-repeat center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !import..

read
Works/Blog Skin Mirage - 실험용 티스토리 스킨 티저 2014.05.03 21:00

실험용이라고 해서 베포를 안 하는 것은 아니고요, 여태까지 시도된적 없는 방법을 많이 써봤습니다. 일단 그리드 부터가 16단 그리드 입니다. 그리고 사이드바를 옆으로 땡겨서 왼쪽에 위치되어있고요, 모바일 뷰에서는 아래로 내려갑니다. 이외에도 자동 숨김처리 되는 오른쪽 메뉴와 화면 크기가 줄어들때 자동으로 오프켄버스 메뉴가 뜹니다.  스킨의 전체적인 스타일도 아주 독특하게 만들었습니다. 메뉴는 전부다 아코디언 형태로 숨겨져 있고, 게시글..

read
Works/Tistory Skin Paper - 3단 반응형 티스토리 스킨 2014.04.22 21:30

header { background: url(http://cfile10.uf.tistory.com/image/2143FF50536A70D10DE6AB) no-repeat center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !impor..

read
lifeinvader

티스토리 툴바