Tag: css

Embed Responsively 02

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

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

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

cfile29.uf.140A2A284C5AF7BE9A95A1

IE width값 인식

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

READ MORE IE width값 인식

블로그 스킨 만들기

  예전에 시도하다가 잠시 중지했던 프로젝트, 블로그 스킨만들기에 다시한번 도전을 해 볼까 하는 마음에 스킨작업에 들어갔습니다. 테이블로 작업하는게 훨씬 쉽긴한데, 테이블 사용을 최대한 줄이고 DIV로 만들어보려니 꽤나 까다롭네요…;; CSS는 어떤 부분에 사용을 해야할지 막막하기도 합니다.   일단 테이블로 대강적인 레이아웃을 짜 두었고 작업이 진척되는대로 스타일시트를 하나하나 붙여나는 방향으로 잡았습니다. 테이블로 만들어놓고 DIV로 차근차근 바꾸면서 맞출려구요.   익숙하지가 않은작업이라 다른분들은 어떤방법으로...

READ MORE 블로그 스킨 만들기

익스플로러는 악마?

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

READ MORE 익스플로러는 악마?

태터툴즈 1.0.4버전 버그

  밤새 태터툴즈 스킨과 씨름을 했습니다. 결국 블로그 안정화를 위해서 1.0.4버전을 포기하고 1.0.2버전으로 다운그레이드를 한 상태입니다. 다운그레이드 한 버전에선 모든 기능이 이상없이 잘 작동을 하는군요.   1.0.4버전 버그가 무엇인고 하니..   스킨을 손보기만 하면 여지없이 오른쪽의 사이드바가 밑바닥으로 주저앉아 버리는 겁니다. 말로 설명하기가 상당히 어려운데, 컨텐츠가 있는 중앙의 화면 바로 우측에 항시 붙어 있어야 하는 사이드바가 스킨을 손대기만 하면 컨텐츠가...

READ MORE 태터툴즈 1.0.4버전 버그

cfile5.uf.177C052E4C5AF75C06063A

테마가 있는 HTML

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

READ MORE 테마가 있는 HTML