웹아틀리에 - Web atelier

[iOS10] 모바일 웹 줌 막기 최근 iOS10이 나오면서 생긴 이슈가 하나 있네요. 보통 모바일 웹에는 뷰포트 메타태그를 설정하죠? 뷰포트는 웹 사이트를 모바일에서도 보기 편하도록 만들어줘서 필수로 적용들 하죠. 이 태그로 웹을 확대하거나 축소하는 것을 막아두는곳이 꽤 많은데요, 이번 iOS10에서는 이게 제대로 적용되지 않는다고 하네요. 그럴때, 바로 자바스크립트를 이용하는 방법이 있습니다. 터치 이벤트를 받아 터치되는 손가락의 갯수를 구한 뒤 1개보다 많다면 터치이벤트를 작동하지 않게 하는 스크립트 입니다. 모쪼록 이번에 당황하고 계실 퍼블리셔 분들이 많으실것 같아 올려봅니다.

출처 - http://www.kimdirector.co.kr/bbs/view.php?id=favorites&no=133 컬러는 GUI 분야 뿐만 아니라 다양한 분야의 모든 디자이너들에게 중요한 디자인의 필수요소입니다. 컬러의 범위는 매우 넓고, 광범위하며 무궁무진한데요. 하늘 아래 같은 색은 없다는 얘기가 있을 만큼 세상엔 다양한 컬러가 존재합니다. 특히 시각적인 매개체를 다루는 디자이너들에게 컬러는 가장 중요한 요소인 동시에 어렵기도 한 문제이기도 합니다. 컨셉에 따라 밝은 컬러와 어두운 컬러, 난색과 한색, 유사과 대비색 등 컬러 선택에 따라 디자인의 분위기와 전체 톤이 달라지기 때문에 디자인 작업 시 많은 고민이 되기 마련이지요. 이번 포스팅에서는 GUI 디자이너들에게 꼭 필요한 컬러 레퍼런스 사이..

모던 벡터 UI 아이콘 팩 앱용 아이콘이지만 svg를 호환하므로 웹에서도 사용에 무리가 없을 듯 합니다. 영리목적으로도 이용 가능 합니다. 하지만 정확하게는 아래를 읽어보는것이 좋겠죠? ㅎㅎ CC BY-ND 3.0 Modern UI Icons 약 1290개로 상당히 많은 종류의 아이콘들이 있습니다. 게다가 벡터를 지원하네요. 상업적으로 이용하는데도 무리가 없습니다. 웹폰트로도 제공을 해주는군요. 아이콘들이 상당히 깔끔하고 예쁩니다. 개인적으론 만족하네요. Font Awesome도 자주 사용하지만 이것도 앞으로 사용빈도가 높아질것 같네요. ㅎㅎ 제작자 분들께 언제나 감사합니다.

오늘의 CSS! 를 쓰면서 버튼이 싫으신 분들은 그동안 고통스러우셨을꺼라고 생각합니다..(아닐수도 있습니다 ㅎㅎ) 저 버튼을 없애버리는 css를 들고 왔습니다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } css에 이렇게 적어주시면 이렇게! ㅎㅎ 깔끔하게 됩니다.

웹디자인 카테고리의 첫 글입니다. 항상 그렇지만 처음을 쓸땐 망설이게 되네요. ㅎㅎ 처음은 소개로 가겠습니다. 앞으로도 소개드릴 것이나 공유하고 싶은 것들이 잔뜩 있네요. 천천히 가보죠. 1.5Day 잘 알고 계실지도 모르겠지만... 5Day.co.kr 입니다. 이곳은 여러 에이전시에서 제작하는 사이트들을 모아볼수 있어요. 반응형, 기업, 유통, 공공기관 등등 카테고리 별로 모아서 볼수 있어서 개인적으로 추천하는 곳이에요. 최근 웹 디자인 보면 굉장하죠.. @_@ 2.DBCUT 이곳도 5Day와 비슷해요. 올라오는 종류도 비슷하지만 종종 서로 없는 사이트가 업데이트 되기도 해서 둘다 들어가 봅니다 ㅎㅎ 3.JPG MINI 웹 디자이너에겐 꿀과 같은 곳입니다. 이미지 경량화 사이트인데요. 사용법도 아주 간..