본문 바로가기

Works

iOS6용 나눔고딕 폰트 iOS6용 나눔고딕 폰트입니다. 레티나 디스플레이 전용이므로(upm 2048) 비 레티나 기기 에서는 폰트가 똑바로 나오지 않을 수 있습니다. 애플 표준 UPM에 딱 맞추었기 떄문에 기본폰트와 다르게 표기 된다던가 하는 일은 없습니다. 잠금화면 시계 부터, 키보드 까지 모두 폰트가 적용 됩니다. 키보드 폰트는 keyboardCacheCleaner 같은 앱으로 지우시거나 /private/var/mobile/Library/Caches에 있는 com.apple.keyboards 파일을 지우시면 됩니다. 더보기
iOS6용 나눔명조 폰트 iOS6용 나눔명조 폰트입니다. 레티나 디스플레이 전용이므로(upm 2048) 비 레티나 기기 에서는 폰트가 똑바로 나오지 않을 수 있습니다. 애플 표준 UPM에 딱 맞추었기 떄문에 기본폰트와 다르게 표기 된다던가 하는 일은 없습니다. 잠금화면 시계 부터, 키보드 까지 모두 폰트가 적용 됩니다. 키보드 폰트는 keyboardCacheCleaner 같은 앱으로 지우시거나 /private/var/mobile/Library/Caches에 있는 com.apple.keyboards 파일을 지우시면 됩니다. 더보기
Meltdown 이글루스 스킨 v2 업데이트 내역 거의 완성되었습니다. 자잘하게 수정해야 될부분은 있는데 크게 문제시 되진 않고요, 일부 이글루스 기본 스타일 요소가 어느정도 남아있긴하지만 더 이상은 손 안댈 생각입니다. 관리페이지에서 보면 사이드바가 옆말고도 본문의 상단과 하단에 추가 되었습니다. 와이드 위젯은 상단이나 하단만 쓸수 잇는 병신력 충만한 이글루스 구조때문에 이렇게 만들었습니다. 우선 변경사항부터 알아보겠습니다. 사이드바에 최상단 로고가 이미지 파일로 바뀌었습니다. 기존의 로고는 CSS3 transform속성인 screw를 사용해서 기울인 글자를 구현했지만 이게 브라우저나 운영체제를 심하게 타서 이미지 파일로 교체하였습니다. 기본이미지 크기는 가로 780px이미지 이며 레티나 디스플레이를 위해서 @2x형식으로 축소시켜서 사용중입니다. 그 .. 더보기
Burarikun - 루리웹 마이피용 CSS3 스타일 제가 이전에 만들었던 마이피용 CSS3 스타일 입니다. 딱히 베포를 고려하고 만든건 아닌데, 막상 마이피 활성화시켜 놓고 보니 쓸일이 거의 없어서 저보다 활발하게 운영하시는 분들이 쓰시는게 더 좋을것 같아 CSS 소스를 공개합니다. 상단배경에 들어오는 부분이 화면 가장 상단에 위치하며 고정되어 있습니다. 기본 루리웹 툴바나 다음 툴바는 아래 위치해서 안 보입니다. 마이피 관리에서 메인 인사말 부분은 전체글 보기시 게시글 맨위에 나타나는 부분입니다. 좌측배경은 이자리에 위치하게 됩니다. 위젯 코드를 넣으면 여기 배치가 되며, 자동으로 왼쪽 정렬이 됩니다. 관리자 뷰에서는 메뉴가 이렇게 뜹니다. 비회원 뷰에서는 메뉴가 아래로 밀리지 않으니 크게 신경안쓰셔도 될 부분입니다. 스타일 시트에서 주의 하셔야 할부분.. 더보기
iOS7 테마 - eLLipse V.1 iOS7용 테마입니다.모든 아이콘을 둥글게 바꿔줍니다. 아이폰5S/아이폰5/아이폰4S/아이폰4 지원 윈터보드없이 설치하는법/System/Library/PrivateFrameworks/MobileIcons.framework 로 들어가서 첨부파일안의 파일을 복사해서 덮어 씌웁니다. 기부 감사합니다. 더보기
마이피 스타일 적용했습니다. 루리웹에는 마이피라는게 있습니다. 일종에 미니 블로그 같은 기능인데, html 수정은 지원하지 않지만 CSS 수정은 지원합니다. 그래서 없는 CSS 실력을 다 닦아 넣어서 마이피용 CSS를 만들었습니다. 대충이런 모습으로 완성이 되었습니다. - 제 마이피어제 반나절 고생한게 아깝고 왠지 후기라도 남겨야 할것 같아서 글을 씁니다. -아아, 마이피는 테이블로 가득해! -div 쓰게 해주세요! ㅠㅠ 일단 시작부터 멘붕이었습니다. 2000년도 이전에나 통용되던 테이블 기반의 웹사이트 레이아웃을 쓰고 있었으니까요 -_-; 요즘은 전부 div로 합니다. W3C권고 안에도 나와있듯이 테이블은 레이아웃을 짜라고 만들어 놓은게 아닙니다. 테이블은 표를 짜라고 만들어 놓은겁니다. 웹표준 검사기 통과하면 당장 경고먹을 요소.. 더보기
제레미 클락슨 캠페인 포스터 오랜만에 일러스트레이터로 만들어 보았습니다. 첫번째는 WWJCD 입니다. What Would Jeremy Clarkson Do?의 약자인데요, 대충해석하면 제레미 클락슨이라면 어떻게 했을까? 정도로 해석할수 있겠내요 ㅎㅎ 참고로 WWJD라고 예수라면 어떻게 했을까의 패러디 입니다. ㅋㅋㅋ 두번째는 유명한 POWERRRRRRRRRRRRRRRRRRRRRRRR!!!!! 입니다. ㅋㅋㅋㅋ 이건 설명안해도 다 아실듯하네요 ^^ 더보기
Introducing Prototype 제 3번째 자작스킨인 Prototype을 공개합니다. 지금 부터 새 스킨의 주요 기능을 설명드리겠습니다. HTML5 시멘틱 구조 도입 시멘틱 구조를 통해서 SEO에 최적화 되어있습니다. 이전스킨도 HTML5 기반이었지만 소심하게 쓴것에 비해서 이번에는 Section, Article 시멘틱 태그를 적극활용했습니다. HTML5, CSS3 웹 표준 검사 통과 본 스킨의 HTML마크업과 CSS스타일링은 W3C 웹표준을 엄격히 준수합니다. Mobile-First 티스토리 최초의 모바일 퍼스트 스킨입니다. 구성요소를 크기만 줄여서 재활용하는 대신 각 스크린 사이즈에 맞는 요소들을 따로 만들어 더 쾌적한 사용환경을 제공합니다. *모바일퍼스트: 웹페이지를 제작할때 PC버전의 크기를 줄이는 기존 방식 대신 반대로 모바일.. 더보기
프로토타입 블로그 스킨 디자인 완료 이제 지옥의 마크업만이 남았네요 ㅋㅋ 요번에는 Sass로 작업을 해볼까합니다. 믹신이나 코드 네스팅도 참신하고 여러모로 작업량도 줄어들기 때문에 상당히 매력적이더군요 하지만 작성시 바로 압축해주는 프로그램이 없기 때문에 에디터에서 압축용 프로그램을 한번 거쳐야 한다는게 좀 까다롭긴 하네요... 아마 대중화가 되면 한방에 되는 프로그램도 나올것 같습니다. ^^ 더보기
Typophone 위젯 더보기

티스토리툴바