웹아틀리에 - Web atelier

[JQuery] input="text" 에서 엔터키로 함수 호출 하는 방법 Form 내부에서 사용하는 input은 자동으로 엔터키로 서브밋 합니다. 하지만 종종 디자인상, 혹은 구조상 form 없이 버튼 없는 검색창 같은 경우를 만들게 되는데요. 이때 엔터키로 함수를 호출하는 방법 입니다. // enter event $('input').keyup(function(e) { if (e.keyCode == 13) 함수호출(); }); 여기서 사용하는 keyCode 13은 엔터키를 가리킵니다. 이벤트를 사용할 때 keydown보다 keyup을 권장 하더군요. 아무래도 keyup이벤트는 한번씩만 실행되기 때문이 아닐까 생각합니다.

6월 티스토리 초대장 배포 - 마감되었습니다.

HTML DTD HTML DTD(독타입 선언)는 사용하고자 하는 HTML 문서의 종류와 버전을 표시합니다. 독타입에는 몇 가지 종류가 있지만 주로 사용하는것은 다섯 개 정도로 꼽아 볼 수 있겠습니다. DTD는 W3C에서 정의한 웹표준을 의미하는데요, 선언을 해 주지 않으면 다양한 웹 브라우저들이 제각각의 형태로 렌더링을 하고 맙니다. 그래서 최소한의 격차로 줄이고 표준을 만들기 위해 정의 한 것이죠. DTD선언이란 것은 크로스 브라우징의 출발점이자 웹표준의 기초 입니다. 독 타입의 종류와 선언 HTML5 가장 최신의 시맨틱한 트렌디의 독타입 문서 입니다. 대부분의 스마트폰들은 지원을 하고있지만 PC사양에서의 구버전 브라우저들은 완전히 지원을 하지는 못합니다. W3C에서 html5를 공식 표준 권고안으로 ..

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

크롬 input 태그등에 자동생성 백그라운드 색 제거하는 방법 크롬 브라우저를 사용하여 input 태그등을 사용하면 나중에 페이지를 로딩할 경우 배경색이 다른 경우가 발생한다. 이런 경우는 로그인 페이지를 만들거나 기타 입력폼을 작성할 때 나타나는데 문제는 input 폼이 다수인 경우 모두 바뀌는 것이 아니라 일부만 바뀌어 이상해 보이기 때문이다. 자동완성기능 속성을 off해도 백그라운드가 노란색으로 나타나는 이 스타일을 제거하기 위한 방법은 어떻게 해야하는가? background 속성을 변경해도 적용이 안되는데 그 이유는 해당 백그라운드 칼라는 box-shadow 속성과 관련이 있기 때문이다. 이를 제거하기 위해 아래의 방법을 사용해야 한다. # input 입력폼의 자동완성 백그라운드 제거 방법 inp..

IT동아 - 강일용 윈도우10 1주년. 새 운영체제 못지 않게 많은 것이 변합니다. 윈도우10이 출시된지 어느덧 1년이 되어간다. 마이크로소프트(MS)는 윈도우10 출시 1주년을 맞이해 올해 여름 대규모 기능 업데이트를 제공할 예정이다. 예전으로 치면 '서비스팩'이다. 하지만 서비스팩과 비교할 수 없을 만큼 많은 기능이 추가된다. MS는 윈도우10을 그대로 유지하면서 매년 신 기능을 추가할 것이라고 공언했다. 경쟁사 애플의 맥OS와 유사한 전략이다. 이번 1주년 업데이트에선 어떤 기능이 추가될까. 격변이라고 부를만큼 많은 것이 변한 윈도우10 1주년에 대해 자세히 알아보자. 1. 윈도우 라이선스 관리 방식 변경: 하드웨어에서 아이디 중심으로 윈도우10 1주년의 가장 큰 변화는 윈도우 라이선스 관리 방식이..