본문 바로가기

Works/Egloos Skin

Universal X - css grid 처녀작 7월 초부터 조금씩 개발해오던 스킨이다. 사실 웹 개발에 손을 놓은지가 꽤 되어서 감각을 찾고자 개발을 시작하게 되었다. 최종 목표는 워드프레스 테마. 아마도 루리웹 마이피 > 이글루스 > 티스토리 > 워드프레스 순으로 개발하게 될 것 같다. 각설하고, 이번 스킨의 개발 의의는 오랫동안 우려먹을 수 있는 다용도 스킨의 개발이다. 사실 이 스킨에서 처음으로 css grid를 써보았다. 이전에 css grid에 대한 예제를 수도 없이 많이 읽어 보았지만 실전에서 적용해본 것은 이게 처음이다. 이글루스의 경우 매우 구시대 레이아웃을 사용하고 있어서 사방을 둘러보면 fr / clearfix와 같은 클래스 들이 도배가 되어있다. 무식하게 * 셀렉터로 float를 전부 제거하고 전부 css grid로 교채했다. 사.. 더보기
Plain V2 Plain은 Full bleed 스타일 이글루스 스타일이라고 야심차게 내놓은 이글루스 스킨 이었다. 하지만 문제는 내가 적용한 환경 (지정된 글 스타일, 지정된 배치 순서)를 맞추어야지만 구현이 된다는 것을 알게되었다. 스킨을 적용한 사용자가 약 20명 정도 되는데 이 중에 제대로 적용된 사람이 손에 꼽을 정도이다. 이글루스의 경우 스킨을 완전히 새로 설치하지 않을 경우 이전에 사용하던 스킨의 설정을 따라가는 병크를 저지르게 된다. 첫번째 사이드 바를 위쪽으로 강제 고정 후 네비게이션 처럼 사용하게 만들어 놓았는데, 첫번째 사이드 바에 위젯이 제대로 배치가 되지 않은 경우 엉망이 되는 모습을 볼 수 있었다. (이 문제는 새 버전에서도 여전히 존재한다. 나로서는 해결이 불가능한 문제;) Full bleed.. 더보기
Asterisk V2 나름? 이글루스에서 잘 나가는 스킨인 Asterisk의 옆그레이드 버전. 시대에 발 맞추어 컴패스가 제거 되었고 대대적인 코드 정리가 이루어졌다. 이외에도 이전에 스타일이 적용하지 않았던 달력, 아카이브, 태그 클라우드에 대한 스타일이 추가로 적용 되었다. 폰트 어썸 아이콘 폰트가 추가 되었고 많은 요소에 pseudo element로 추가 되었다. 특히 코멘트 난의 경우 대대적인 수술이 이루어졌는데, 작성자 정보 표시는 물론이고 작성난 까지 전부다 css grid를 사용하여 새로 디자인 되었다. 더보기
Hare 4 Egloos 여태까지 만든 이글루스 스킨중에서 제일 잘나가는 Hare의 최신 버전이다. Hare의 경우 이글루스의 막장 정책때문에 반병신 상태의 버전1이 있었고, 이후에 @import 꼼수로 한계를 극복한 V2가 있었다. 이번 V3에서는 이전 버전의 단점을 모두 뛰어넘는 완전한 오버홀을 단행하였다. 기본 아이콘 폰트로 폰트 어썸이 지정되어있지만 cdn의 속도가 영시원 찮은 곳에서 끌어오는 것이라 속도가 좀 더 빠른 jsdelivr로 교체하였다. 이로써 로딩속도가 소폭 개선되었다. 기존의 스킨의 경우 제목 부분의 css 폰트 설정이 cursive로 지정되어 있는데, 한글로 블로그 명을 적용할 경우 여기에 맞는 폰트가 궁서(…)밖에 없어서 궁서로 뜨게 되는 웃지 못할 상황이 발생 하였다. 이 문제를 해결하기 위해 v3 .. 더보기