'웹'에 해당되는 글 5건
Tech-tips/CSS3 CSS3의 HLSA 색상이 멋진 이유 2014.04.18 21:00

CSS에서 사용되는 색상은 hex 코드, rgb(a), 그리고 색상 명이 있다. hex 코드는 웹 뿐만 아니라 워낙에 광범위 하게 쓰이고 있다 보니 따로 설명할 필요가 없다고 본다. rgb 같은 경우에는 IE7 이하는 alpha 필터를 별도로 지정해줘야 하기 때문에 rgba 속성은 쓸 수가 없다. 색상 명은 w3c 표준으로 지정된 몇 개의 색상 명이 있는데 이것들은 이름만 적으면 바로 사용할 수 있다. 그런데 이번에 새로 등장한 CSS3에서 추가된 색상 표기 방법 중에 HLSA라는 것이 추가 되었다. 이것은 무엇일까? HLSA는 Hue Lightness Saturation Alpha의 약자이다. 각각의 항목을 설명해보자면, H는 색조, L은 명도, S는 채도, A는 투명도를 뜻한다. 기존의 rgba 컬러..

read
Works/Blog Skin 스킨 V.2 업데이트 후기 + 디자인 사설 2014.03.20 14:23

디자인과 속도. 웹 페이지를 만들 때 항상 충돌하게 되는 요소 입니다. 디자인에 신경을 쓰다 보면 웹 페이지 속도가 서서히 감소하는 것이 눈에 보일 것이고, 속도에 신경을 쓰다보면 정말 흰화면에 글자와 사진만 몇 개 떠다니는 수준이 되어버릴 수도 있습니다. 보통 스킨을 제작하게 되면 항상 고민하는 것이 바로 속도와 디자인 입니다. 늘 좀 더 새롭고 좋은 모습을 추구하면서도, 바라는 대로 무턱대고 만들어버리면 속도에 치명적인 영향을 미쳐버리고 맙니다. 그래서 스킨을 처음 만들 때 부터 지금까지도, 좋은 디자인을 가지면서 속도가 빠를 수는 없을까 라는 생각을 늘 상 하곤 했습니다. 이런 고민을 항상 하면서 스킨을 제작하다 보니 이전에는 단순한 구조임에도 속도가 한심할 정도로 느렸지만 지금은 숙련도가 쌓였는지..

read
Tech-tips/How to blog 빙(bing) 검색등록 + 웹마스터 도구 설치 2014.03.09 15:13

검색엔진 중 마우스 오버시 동영상 미리보기 기능을 최초로 도입하여 성교육에 지대한 영향을 미쳤다는 공로를 받고 있는 빙 (일명 빙神)에 검색등록하는 방법을 알아보도록 하겠습니다. 그리고 한 가지 추가로 알고 계셔야 할 것은 야후와 빙이 검색 서비스를 같이 사용하고 있기 때문에 빙에 등록만 해도 야후에 등록이 동시에 된다는 것 입니다. 빙 웹 마스터 도구에 접속합니다. 그리고 사이트를 Bing에 제출을 누릅니다. 아래에 url과 captcha를 입력합니다. 검색 등록은 끝났습니다.추가로 빙 에서도 제공하는 자체 웹 분석 도구가 있습니다. 사용하려면 지금 등록을 누릅니다. 자신의 사이트 주소와 트래픽관련 사항을 입력합니다. 이제 자신의 사이트임을 증명하는 일만 남았는데요, 세가지 방법 중에서 티스토리는 2번..

read
Tech-tips/Tistory 모바일 용 블로그 웹클립 아이콘을 만들어보자 2014.03.01 12:34

웹사이트에서 자신만의 개성을 나타내는 방법은 다양합니다. 그 중에 하나는 파비콘입니다. 파비콘은 Favorite Icon의 줄인 말로 IE5 부터 사용 되어온 역사와 전통을 자랑하는 요소입니다. 파비콘은 ico 파일로 구성되어 있으며, 티스토리에서는 관리자 페이지에서 이를 변경하는 것이 가능합니다. 티스토리 파비콘 관련 관리자 페이지 파비콘은 기본적으로 ico 파일을 이용하며, 16x16이라는 아주 낮은 해상도의 이미지를 사용합니다. 그래서 모바일 기기에서는 일종의 아이콘 형태로 홈화면에 위치하게 되는데, 그러기 위해서는 해상도가 턱없이 부족하게 됩니다. iOS가 처음 개발 되었을때는 잡스가 네이티브 앱 구동용 sdk를 공개하지 않으려 했습니다. 왜냐면 웹앱이 미래라고 봤고 html기술이 발달하면 네이티..

read
Works/Blog Skin 깔끔한 반응형 웹 테스트 도구 - Respondr 2014.02.14 18:27

반응형 웹이 구현하기 까다로운점은 여러기기에서 태스트 해봐야 한다는 것입니다. 저만해도 휴대폰은 제걸로 하면되지만 테블릿이 없어서 테스트를 못해보는 실정인데요, 이럴때 반응형 웹 테스트 도구는 정말 큰 도움이 됩니다. 사실 현재 나오는 스마트폰 중에서 가장 작은 넓이를 가지고 있는 폰중의 하나가 아이폰입니다. 해상도는 640x960(1136)이지만 브라우저 화면의 크기는 가로폭 320px입니다. 그래서 아이폰까지 맞춰주면 모바일 기기 반응형은 거진 다 만들었다고 보면 됩니다. 뿐만 아니라 테블릿도 가장 범용적으로 많이쓰이는 아이패드의 해상도 1024x768만 지원하면 됩니다. 나머지 테블릿은 떨거지거나 파편화가 심하기 때문에 쿨하게 넘어가면 되죠 -ㅅ-제대로 하고 싶다면 안드로이드 폰까지 모두 테스트 해..

read
lifeinvader