본문 바로가기

파운데이션

Life is Journey v 3.0 대세는 모바일 이다. 백년 전부터 모바일이 대세라는 소리를 귀가 따갑게 들었지만 이제는 정말 모바일 대세다. 어느새 모바일 기기는 64비트 아키텍쳐를 품고 PC와 대등한 존재가 되어버렸다. 그리고 통신망의 발달로 인해서 더 빠른 시간에 웹 페이지를 로드 할 수 있게 되었고, 날이 갈수록 새로 등장하는 기술들 덕분에 웹은 더 다채롭고 빨라지고 있다. 지금 처럼 웹이 격변하는 시기는 웹의 도래 초기 이후로 전무후무하다. 이에 따라 한시도 쉬지 않고 업데이트를 하지 않으면 시대에 뒤쳐질 수 밖에 없는 처지에 놓인 것이 스킨제작자의 삶이 아닐까한다. 이번 업데이트에서는 여러가지 알려진 오류를 수정하였고, 신형 기기지원, 구형기기 지원의 향상 그리고 빠질 수 없는 요소인 속도에 중점을 둔 최적화를 하였다. 그 뿐.. 더보기
스킨 업데이트 v 2.1 - 오프켄버스 메뉴 어쩌면 이게 마지막 업데이트가 될지도 모르겠군요...사이트 전반에 오프켄버스 메뉴를 추가했습니다.이제 모바일에서도 손쉽게 메뉴에 접근이 가능합니다. 더보기
Prototype 스킨 제작 후기 초기에 블로그를 오픈할때 사용하였던 Cognoscenti 스킨은 제가 직접 하드 코딩을 하긴 했지만 여러가지 삐걱거림과 알 수없는 문제들에 시달렸습니다. 속도면에서는 일반 티스토리 스킨에 비해서 이미지를 거의 쓰지 않았기 떄문에 빨랐지만 코딩능력의 부족으로 꽤 볼품 없는 스킨 인것은 부정할수 없습니다. 스킨 제작을 위해서 열심히 구글링과 공부를 하다보니 프레임웍이라는 것을 알게 되었습니다. 기본적으로 사이트에서 사용되는 요소들을 미리 만들어 놓고 이를 활용하여 편하게 웹페이지를 제작할수 있게 하는 도구 입니다. 그래서 무슨 프레임 웍을 쓸까 알아보던중 선택한 것이 부트스트랩 이었습니다. 물론 여러가지 프레임 웍이 웹상에 있지만 부트스트랩으로 만들어진 트위터와 GitHub를 보면서 "그래도 많이 쓰는게 좋.. 더보기
Introducing Prototype 제 3번째 자작스킨인 Prototype을 공개합니다. 지금 부터 새 스킨의 주요 기능을 설명드리겠습니다. HTML5 시멘틱 구조 도입 시멘틱 구조를 통해서 SEO에 최적화 되어있습니다. 이전스킨도 HTML5 기반이었지만 소심하게 쓴것에 비해서 이번에는 Section, Article 시멘틱 태그를 적극활용했습니다. HTML5, CSS3 웹 표준 검사 통과 본 스킨의 HTML마크업과 CSS스타일링은 W3C 웹표준을 엄격히 준수합니다. Mobile-First 티스토리 최초의 모바일 퍼스트 스킨입니다. 구성요소를 크기만 줄여서 재활용하는 대신 각 스크린 사이즈에 맞는 요소들을 따로 만들어 더 쾌적한 사용환경을 제공합니다. *모바일퍼스트: 웹페이지를 제작할때 PC버전의 크기를 줄이는 기존 방식 대신 반대로 모바일.. 더보기