본문 바로가기
반응형

Development271

프로그래밍 배우는 법 출처 : http://booiljoung.blogspot.kr/2013/05/blog-post_2918.html?m=1정부일님의 블로그 프로그래밍 배우는 법 주변에 프로그래밍을 배우겠다는 분들이 계셨습니다. PC와 씨름을 하다가 1주일을 넘기지 못하고 포기하시더군요. 이런 노력을 하신분들에게 다시 한번 시도해 보시고, 새로 도전하시는 분들에게 도움이 될 수 있도록 포스트를 합니다. 학원이나 학교에서 배울 수도 있습니다. 그러나, 현실은 중/고등학생이거나 소프트웨어 비전공인데 어쩌다 소프트웨어 분야에 들어와서 프로그래밍을 배워야할 필요성을 느끼는 기획자, 테스터 그리고 UI 디자이너, 테크니컬 아티스트 지망자들은 학교나 학원에서 배우면 체계적으로 배울 수 있는데, 업무로 수업 진도를 따라가지 못하면 도중에.. 2013. 5. 28.
[CSS] 단위 pt, px, em, ex, % 보통 디자인 결과물이 pt, px형태이기 때문에, 그대로 사용하는 것이 편하지만, 해상도와 플랫폼 등에 따라서 접근성을 가지기 위해서는 em, ex, %를 사용하는 것이 좋습니다. pt, px가 절대적인 단위인 반면에 em, ex, %는 상위 요소에 대한 상대적인 크기를 가지고 있어서 레이아웃을 좀 더 유동적으로 적용시킬 수 있습니다. 예를들어, 최상위 요소가 9pt인 경우 다음과 같습니다. 대부분 브라우저는의 폰트 사이즈는 12pt, 16px, 1em, 100%가 기본입니다. 9pt, 12px, 0.75em, 75% 이를 간단히 표로 정리하면, PointPixelem%9pt12px0.75em75%10pt13px0.8em80%10.5pt14px0.875em87.5%11pt15px0.95em95%12pt1.. 2013. 5. 28.
반응형 웹디자인의 조건 글꼴 크기 출처 : http://demun.tistory.com/2212 반응형 웹디자인을 적용하려면 제일 먼저 글꼴 크기를 정해줘야 한다.예전에 방탄웹에서는 키워드를 사용하는 방법을 말했다. 이유는 키워드는 어떤 브라우져에서 봐도 동일하나는 결론이였죠. 하지만 이제는 환경이 좀 변했습니다.바로 반응형이죠. 브라우져의 크기, 보는 기기의 크기에 따라 웹페이지가 변해야 한다는 점입니다.그 조건에 가장먼저 적용해야 하는 것이 바로 글꼴의 크기 입니다.글꼴의 크기에 따라서 컨텐츠의 크기도 달라지고, 여백도 달라집니다.즉 모든 것이 달라지기 때문에 레이아웃이 변합니다. 기존의 px 로 되어 있는 크기를 em 으로 변환해야 합니다.그런 어떤식으로 변환해야 올바른 것일까?? 특별히 다른 값을 명시하지 않는 한 모든 최신 브라.. 2013. 5. 28.
반응형 웹디자인의 조건 너비 width 출처 : http://demun.tistory.com/2213 반응형 웹디자인의 첫번째 조건인 글꼴 크기를 정하는 방법에 대해서 알아봤습니다.이제 글꼴 크기를 정했으니 레이아웃에 반영되는 너비 width 를 지정하는 방법에 대해서 알아보겠습니다. 예를들어 아래와 같은 px 로 지정한 css 설정이 있다고 가정합니다. header content sidebar footer 기본만 정했으니 참고하시고 여기서도 타킷 ÷ 컨텍스트 = 결과 공식을 사용해서 width를 반응형으로 수정해보겠습니다. css#wrapper { width: 96%; /* 가장큰것이 100%라고 가정하고 96%로 지정합니다. */ margin: 0 auto; } #header { width: 97.9166667%; /* 940 ÷ 960 .. 2013. 5. 28.
반응형

티스토리툴바