본문 바로가기

퍼블리싱

ime-mode 입력폼에서 한영전환 기본으로 지정하기 ime-mode 속성은 IME(Input Method Editor)의 상태를 반환하거나 설정한다. 로그인 폼에서 아이디와 비밀번호(영문디폴트)를 입력하는 경우나 우편번호를 찾기 위해서 동이름(한글디폴트)을 입력하는 경우 입력언어를 기본으로 지정해놓을 때 쓰는 속성이다. ime-mode 속성의 값은 아래와 같이 4가지다. auto | active | inactive | disabled auto : 기본값, ime-mode 값이 지정되지 않은 것과 같음 active : 활성화 된 상태, 값을 입력하면 기본적으로 한글이 입력됨. 우편번호를 찾기 위해서 동이름을 입력하는 경우 많이 사용 inactive : 비활성화 된 상태, 값을 입력하면 기본적으로 영문이 입력됨. disabled : IME를 사용할 수 없는 .. 더보기
Customizabled scrollbars (jquery.nicescroll) Nicescroll is a jquery plugin, for nice customizabled scrollbars with a very similar ios/mobile style.It supports DIVs, IFrames and document page (body) scrollbars. Compatible with Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE 6+ (all A-grade browsers). Compatible with iOS devices as iPad, Android, Blackberry, Windows Phone, and many many mobile and touch devices. https://github.com/.. 더보기
개발자용 브라우저 Firefox Developer Edition Firefox에서 10주년에 맞춰서 개발자용 브라우저를 별도로 공개함. 개발자 버전에서는 WebIDE 등을 통해서 크롬 앱이나 iOS용 모바일 페이지와도 연결해서 디버깅하는 기능 등이 추가됨 https://www.mozilla.org/en-US/firefox/developer/ 더보기
background에만 opacity적용하기 나만 그런지 모르겠지만, 특정 영역에 투명도를 줄때 요소 css에 opacity속성으로 주는 편이다. 그러다보니 그 요소 안에 들어있는 모든 요소들에 투명도가 적용되어, 또 다시 투명도가 필요없는 요소에 opacity나 z-index를 적용시키는 불필요한 작업을 하게된다. 그러다가 background속성에서 투명도를 조절할 수 없을까하는 생각을 갖게되었고, 바로 구글링을 하였다. 그런데...역시...가능했다. /* header {background-color:rgba(R, G, B, Opacity);} */ header {background-color:rgba(170, 204, 203, 0.9);} RGB값으로 넣어주고, 뒤에 opacity 값을 넣어주면 해결, 물론 이것도 IE 9이상 버전에서만 적용된.. 더보기
웹표준사이트를 위한 부가기능(Firefox기준) 1. Firebug디버깅에 용이2. Web developer웹접근성 및 웹표준 확인3. Html validatorhtml 유효성 체크4. N-WAX웹접근성 체크5. HeadingsMap헤딩요소 확인 더보기

티스토리툴바