'이글루스'에 해당되는 글 25건
Works/Egloos Skin Universal X - css grid 처녀작 2017.08.23 21:56

7월 초부터 조금씩 개발해오던 스킨이다. 사실 웹 개발에 손을 놓은지가 꽤 되어서 감각을 찾고자 개발을 시작하게 되었다. 최종 목표는 워드프레스 테마. 아마도 루리웹 마이피 > 이글루스 > 티스토리 > 워드프레스 순으로 개발하게 될 것 같다.각설하고, 이번 스킨의 개발 의의는 오랫동안 우려먹을 수 있는 다용도 스킨의 개발이다. 사실 이 스킨에서 처음으로 css grid를 써보았다. 이전에 css grid에 대한 예제를 수도 없이 많이..

read
Works/Egloos Skin Plain V2 2017.08.23 21:56

Plain은 Full bleed 스타일 이글루스 스타일이라고 야심차게 내놓은 이글루스 스킨 이었다.하지만 문제는 내가 적용한 환경 (지정된 글 스타일, 지정된 배치 순서)를 맞추어야지만 구현이 된다는 것을 알게되었다. 스킨을 적용한 사용자가 약 20명 정도 되는데 이 중에 제대로 적용된 사람이 손에 꼽을 정도이다. 이글루스의 경우 스킨을 완전히 새로 설치하지 않을 경우 이전에 사용하던 스킨의 설정을 따라가는 병크를 저지르게 된다.첫번째 사이드 바를 ..

read
Works/Egloos Skin Asterisk V2 2017.08.23 21:55

나름? 이글루스에서 잘 나가는 스킨인 Asterisk의 옆그레이드 버전.시대에 발 맞추어 컴패스가 제거 되었고 대대적인 코드 정리가 이루어졌다.이외에도 이전에 스타일이 적용하지 않았던 달력, 아카이브, 태그 클라우드에 대한 스타일이 추가로 적용 되었다.폰트 어썸 아이콘 폰트가 추가 되었고 많은 요소에 pseudo element로 추가 되었다.특히 코멘트 난의 경우 대대적인 수술이 이루어졌는데, 작성자 정보 표시는 물론이고 작성난 까지 전부다 css ..

read
Works/Egloos Skin Hare 4 Egloos 2017.08.23 21:55

여태까지 만든 이글루스 스킨중에서 제일 잘나가는 Hare의 최신 버전이다. Hare의 경우 이글루스의 막장 정책때문에 반병신 상태의 버전1이 있었고, 이후에 @import 꼼수로 한계를 극복한 V2가 있었다.이번 V3에서는 이전 버전의 단점을 모두 뛰어넘는 완전한 오버홀을 단행하였다.기본 아이콘 폰트로 폰트 어썸이 지정되어있지만 cdn의 속도가 영시원 찮은 곳에서 끌어오는 것이라 속도가 좀 더 빠른 jsdelivr로 교체하였다. 이로써 로딩속도가 소..

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

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

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
Blog/Thoughts 이글루스의 디씨 化 2017.02.20 13:39

벨리란 일종의 카테고리 개념으로 이와 관련된 주제를 쓰면 한대 모아주는 기능이다. 비록 연간 방문자 수는 형편없지만 이글루스가 악착같이 살아남은 것도 바로 이러한 밸리 기능 이번에 이글루스 밸리에 고켓몬이 추가 되었다고 한다. ㅋㅋㅋ... 야! 이거 완전 디씨 겔러리 아니냐! 예전에 윾식머튽이 '공부 잘하려면 어떻게 하나요' 라는 질문에, '공부 갤러리를 만들어 드릴 테니 거기가서 놀면 된다.' 라는 답변을 한게 문득 떠오른다. 티스토리만해도 ..

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

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

read
lifeinvader

티스토리 툴바