잉고래의 잇다이어리

블로그 스킨 때론 넓게 때론 좁게 안될까? 반응형 웹디자인(responsive web design)이란 개념에 대해서 공부 중 입니다. 이유는 단지 블로그 포스팅 너비가 브라우저 창 크기에 따라유동적으로 변하는 유동형 레이아웃(fluid layout)을 갖고 싶어서 입니다. 이를 위해 기존에 포스팅 했던 것들에 대해서유연한 이미지(flexible image)로 변환해 주는 수고가 필요할것 같습니다. 스스로 반응하는 블로그 스킨. 아직은 초보라 어찌 해야할런지. 막막하지만.미디어 쿼리(media queries)를 써보면 어찌 어찌 될것 같은 기분도 들고 그렇습니다. 스스로 커가고 있는 요즘 블로그 생활입니다. @media 미디어 쿼리 @media all and (min-width : 982px){ /* 화..

반응형 웹 디자인 블로그 스킨 만들기 시작했어요. 반응형 웹 디자인 블로그 스킨을 만들어 보려고 삽을 들었습니다. 얼마나 삽질을 해야 할지 모르겠지만, 일단 첫 삽을 펐으니 반은 온 셈이라고 위안을 삼아 봅니다. 반응형 웹디자인에 대해 궁금하신 분은 지난 포스팅을 참조하시기 바랍니다.반응형 웹 디자인(Responsive Web Design - RWD)이란 뭘까? 반응형 웹 디자인 블로그 스킨의 필요성 인식 반응형 웹 디자인 블로그 스킨이 필요하다고 느끼게 된건. 내 블로그 스킨의 포스팅 가로 폭이 너무 좁아서 답답해 보여서 입니다. 980픽셀 정도면 괜찮을 듯 합니다. 공간 여유가 남으면 넓게 없으면 좁게 보여주고 싶은데 뭐 방법이 없을까 하다가 반응형 웹 디자인 블로그 스킨을 해볼까 합니다. 일단은마냥..

자바스크립트 웹 페이지에 적용하는 방법 자바스크립트(Java Script)는 HTML의

자바스크립트 강좌 : 자바스크립트를 한 마디로 하면? 자바스크립트 강좌라고 거창하게 적어 놓았는데 사실 누굴 가르치는 강좌는 아니고요. 강좌에서 배운 내용을 개인적으로 정리해 놓는 글입니다. 따라서 초보의 글이라 틀린 부분도 많으리라 생각됩니다. 미리 양해를 구합니다~ ^^자바스크립트는 뭘까요? 전"자바스크립트는 영혼이다."라고 생각됩니다.HTML에서는 웹페이지에 구조 뼈대를 만들고 CSS에서는 코디 즉 스타일을 하며 자바스크립트(Javascript)에서는 액션이라는 영혼을 부여하는 거죠. 단지 쇼윈도우에 멍~ 하게 서있는 마네킹 마냥 정적인 웹페이지를 원한다면 자바스크립트는 필요가 없을겁니다. 그러나 댄스도 추고 물건도 짚는 로봇같은 능동적인 웹페이지를 원한다면 자바스크립트를 넣어야 겠죠. 그래서 자바..

반응형 웹 디자인(Responsive Web Design - RWD) 소개 내가 만든 홈페이지가 다른사람들의 스마트폰, 아이패드에서도 잘 보이도록 하려면 어떻게 해야할까요? 요즘은 스마트폰 마다 화면 사이즈가 제 각각이라서 디자이너가 그에 맞는 웹페이지를 전부 만들어야 할까요? 더욱이 사용자 브라우저 환경은 어떻게 알 수 있을까요? 그런 질문에 대한 해답이 바로 반응형 웹 디자인 입니다. 반응형 웹 디자인(Responsive Web Design - RWD) 이해 반응형 웹 디자인(Responsive Web Design - RWD) 이란 말을 처음 쓴 사람은 웹디자이너 이튼 마르코트 라고 합니다. 사용자 브라우저 환경에 따라서 반응하는 웹페이지 레이아웃을 만드는데 사용되는 기술들을 부르고요. 반응형 웹 디..

CSS 스타일에서 투명도 조절 요로코롬 쓰면 되는군 opacity: 0.5;filter: alpha(opacity=0.5; 참고로 그림자 옵션도 있다.box-shadow:#000 15px 15px 10px inset;기왕 나온김에 투명한 배경은..background: rgba(255, 204, 204, 0.25 );텍스트 그림자는 요거, x, y, blur, colortext-shadow:4px 4px 2px #000;둥근 테투리 주고 싶다면?-webkit-border-radius: 20px;-moz-border-radius: 20px;