반응형 웹 디자인 적용 소스

반응형 웹 디자인에 유튜브 동영상 반응형 사이즈로 링크 넣기

블로그에 글을 쓰다 보면 유튜브 영상을 글과 함께 첨부해야 하는 일이 가끔 생기게 됩니다. 이때 첨부한 유튜브 영상이 반응형 디자인으로 만들어져 있지 않아서 반응형 웹 디자인으로 만들어진 사이트에서는 모바일에서 접속하게 되면 원치 않는 가로 스크롤이 생기게 됩니다. 모바일 화면에서 가로

계속 읽기

IE width값 인식

  조금씩 작업을 진척해가는 테터툴즈 스킨만들기를 오늘 수업이 끝난 후 저녁시간을 이용해 재개 해 봤습니다. IE에서도 잘 표시되게 하고싶고, 비 IE계열 브라우저에서도 잘 보이게 하고 싶은데, 쉽지가 않네요. 오늘 작업에 가장 큰 걸림돌이 되었던 것은 IE의 width속성 값의 문제였습니다.  

계속 읽기

블로그 스킨 만들기

  예전에 시도하다가 잠시 중지했던 프로젝트, 블로그 스킨만들기에 다시한번 도전을 해 볼까 하는 마음에 스킨작업에 들어갔습니다. 테이블로 작업하는게 훨씬 쉽긴한데, 테이블 사용을 최대한 줄이고 DIV로 만들어보려니 꽤나 까다롭네요…;; CSS는 어떤 부분에 사용을 해야할지 막막하기도 합니다.   일단 테이블로 대강적인 레이아웃을

계속 읽기

익스플로러는 악마?

  파이어폭스는 구세주? 라는 글을 읽고 댓글을 달다가 글이 너무 길어져 트랙백을 위해 글을 한번 적어봅니다.   본문에서 “어떤 웹브라우저에서든 자유롭게 웹서핑을 즐길수 있다면 그걸로 끝”이라고 적어주셨는데요. 그것때문에 익스플로러(이하 IE)가 악마취급 받고 파이어폭스가 구세주의 대접에 대부분의 사람들이 동감하는거에요. 아마 웹에대해

계속 읽기

태터툴즈 1.0.4버전 버그

  밤새 태터툴즈 스킨과 씨름을 했습니다. 결국 블로그 안정화를 위해서 1.0.4버전을 포기하고 1.0.2버전으로 다운그레이드를 한 상태입니다. 다운그레이드 한 버전에선 모든 기능이 이상없이 잘 작동을 하는군요.   1.0.4버전 버그가 무엇인고 하니..   스킨을 손보기만 하면 여지없이 오른쪽의 사이드바가 밑바닥으로 주저앉아 버리는

계속 읽기

테마가 있는 HTML

  교양과목으로 ‘홈페이지 제작’이란 과목을 신청해서 듣고 있습니다. 전공시간표 때문에 교양과목을 넣기가 어중간 했는데, 웬지 제목부터 ‘블로그 스킨제작에 접목시키면 좋겠구먼~’이라는 생각을 불러 일으키더니 아니나 다를까 교재 제목이 “테마가 있는 HTML(CSS) 무작정 따라하기”!!   안그래도 방학기간에 오리지널 스킨을 한번 만들어 보려고

계속 읽기