Loading
2015.02.25 15:09 - 쿠나

오래간만에 블로그 스킨을 좀 갈아치웠습니다.



넵, 아래 출처가 씌여져 있죠?


시간이 없다고 핑계를 둘러대며 블로그를 방치한 지 3년째 되는 어느날, 약간의 외주를 하느라 css/html을 만지던 저는 문득 상당히 많은 것들이 변했다고 생각하게 되었습니다. 그 요소들은 아마 이정도 되려나요?


  1. 웹폰트 시대의 도래
    맨 처음 네이버에서 유행하던 웹폰트는 도트폰트인데 ie에서만 지원이 되었고, 초창기 ttf와 같은 폰트들이 사용 가능한 적이 있었는데 트래픽 문제와 호환성 문제로 잘 사용되지 않았습니다. 그런데 어느샌가 이러한 문제들이 다소 해결되었기도 하고, 구글님의 강력한 스토리지 파워[각주:1]로 웹폰트가 곳곳에 뿌려지고 있습니다. 굴림체보다 예쁘고 가독성 좋고, 산셰리프체 말고 다양한 폭의 글꼴을 페이지에 이용함으로서 보는 이의 눈이 절로 즐거워지는 페이지들이 많아졌고, 굳이 글자를 이미지로 넣을 필요가 없어졌습니다.
  2. box-shadow, box-radius, transition, :after, :before 등의 CSS3 속성들의 표준 및 대중화
    -webkit와 같은 접두어를 기억하는 분이 몇이나 될지 모르겠습니다. CSS3의 표준안이 잡히기 전, 브라우저에서는 이들 기능 일부를 미리 지원하고 있었지만 아직 표준화된 기능을 공식적으로 지원하지는 않고 접두사를 붙이는 방식으로 이를 이용할 수 있었습니다. FF, Chrome, Opera등에서 이를 지원하는데, 덕분에 선행기능을 미리 사용하기 위해서는 똑같은 CSS를 3개씩 가져다 써야 합니다. 아마 이러한 불편한 점 때문에 LESS compiler이 도래했는지는 잘 모르겠고, 지금도 이게 쓰이는진 잘 모르겠지만... 어쨌든간, 이제 마우스를 올렸을때 사진이 빙그르르 돈다던가, 자바스크립트 떡칠로만 구현할 수 있었던 링크색이 부드럽게 바뀌는 효과라던가, 이런 것들은 css만으로 충분히 구현이 가능해졌습니다. 제가 제일 놀랐던 건 :after과 :before의 개념이었습니다. HTML element에 해당하는 객체인줄 알았는데 알고보니 기원이 css에서 이루어진 것이었더라고요. 용례도 꽤나 재미있는 부분이 많았습니다. 무엇보다 HTML 뜯어가며 수정해야 할 것을 css만으로 간편하게 구현할수 있다는 점이 매력적이죠. 디자인을 하기 위해 HTML을 뜯어야 하는 경우가 적어지고, HTML은 뼈대, CSS는 거기에 옷을 입히는 역할분담이 더욱 분명하게 된 셈입니다.
  3. video, nav 등의 HTML5 태그의 표준 및 대중화 - [2]와 이하동일.
  4. 서버 기술의 발전
    사실 이건 웹디자인 외에도 다른 작업 하면서 많이 느끼곤 했지만... 그리고 테터툴즈 업그레이드를 하지 않는 티스토리에겐 해당사항이 없지만 -_-, op.gg만 보아도 놀라운 기술들이 많이 적용되어 있습니다.  
  5. webgl/canvas의 도래 - 긴 말 필요 없습니다. 이게 배경으로 쓰일때가 멋있고 부하가 심하죠. 언제 한번 LoL에서도 canvas로 뭔가 비슷한 짓을 한 적이 있었던 거 같은데... 이런 식으로 말이죠


그래도 변함없는 익숙한 물건이 있다면 아마 bootstrap과 jquery 정도가 아닐까 싶네요.

아... 뭐 그래서 조금 일을 해볼까, 하고 kuna.github.io 페이지를 만들고 티스토리 블로그도 한번 개조해 봤습니다. 역시 3년간 이러한 변화에 힘입어 마개조된 티스토리 스킨을 만든 분이 여럿 계시더랍니다. 좋은 참조가 되었습니다. 。゚✶ฺ.ヽ(*´∀`*)ノ.✶゚ฺ。


기존에 쓰던 스킨은 여기 저장용 겸 해서 올리고.


SavedSkin(2015-02-25).zip



여기까지 작업하는데 6시간 정도 쓴 거 같네요. 시간대 효율이 좋은건지 나쁜건지... -_-;

후, 여전히 바쁩니다. 아직 외주 작업 조금 더 해야하고, 랩일도 해야 하고, 시간이 난다면 텝스도 해야하고. 게임 영상도 올리고 싶은데 여건이 마땅치가 않고. 여튼 나중에 또 와서 글 쓰는걸로 해야지.



  1. 뒤에 건 링크를 보면 cdn by google임을 알 수 있습니다. ㄷㄷ해. [본문으로]

'일기장' 카테고리의 다른 글

바쁨.  (0) 2015.06.09
진정한 자기주도학습이란?  (2) 2015.03.18
오래간만에 블로그 스킨을 좀 갈아치웠습니다.  (5) 2015.02.25
이런저런 생각들.  (3) 2014.10.19
일본에서 뭘 할까.  (2) 2014.07.27
방학 중간점검.  (2) 2014.01.07
  1. BlogIcon 소민(素旼) 2015.02.27 21:21 신고

    와우. 이거 공간 스킨인가 그거 아닌가?? 예쁘다 ㅋㅋㅋㅋ
    그렇지만 난 무능력자이므로 쿠나찡이 준 스킨에 눌러앉아야지...

    • BlogIcon 쿠나 2015.03.01 17:08 신고

      오 역시 정보가 빠삭하군 ㅋㅋ. 깔끔하고 예뻐서 좋더라고. 내가 만들어준 스킨 오랜간만에 보니 왠지 미안타 (....)

    • BlogIcon 소민(素旼) 2015.03.02 01:07 신고

      미안할건 뭐람 ㅋㅋㅋㅋㅋㅋㅋㅋ 스킨 예쁘장하니 잘 쓰고 있음ㅋㅋ

  2. BlogIcon YH 2015.05.24 23:16 신고

    오오... 이 블로그에 간만에 들어왔을 때 '어? 이 스킨 어디서 본 적이 있는데..?' 싶었는데 댓글창을 보니 알겠네요. 능력자이시네요. ^^
    덧) 이 댓글 쓰려고 블로그 방문했다가... 무려 50일 후에 댓글 다네요. 브라우저 창을 많이 띄우니까 이따금 하던 일을 까먹게 됩니다. ㅠㅠ

    • BlogIcon 쿠나 2015.06.09 00:15 신고

      앗 잊고 계셨던 분의 오래간만의 방문이네요! 반갑습니다! 꽤 시간이 지났는데.. 여전히 바쁘신가 보군요 ㅋㅋ.

댓글을 입력하세요