[jQuery] jQuery로 모바일(mobile) 버전 구분하기
jQuery로 모바일(mobile) 버전 구분하기
jQuery를 이용해 자바스크립트(javascript) 코드를 이용한 모바일(mobile) 기기를 구분하는 방법을 알아보도록 하겠습니다.
body 태그 내에 아래와 같이 작성합니다.
'JAVASCRIPT' 카테고리의 다른 글
추천 Chart 라이브러리 (0) | 2013.12.16 |
---|---|
IE11 UserAgent 변경 (0) | 2013.12.02 |
[HTML] 블록 요소(Block Elements)와 인라인 요소(Inline Elements)
블록 요소(Block Elements)와 인라인 요소(Inline Elements)
1. 블록 요소(Block Elements)
HTML4 이상
- address, ol, ul, p, form, pre, blockquote, h1~h6, table, dl, dd, div, fieldset, hr, table, tfoot, noscript
HTML5
- article, figcaption, figure, output, aside, footer, audio, section, canvas, header, hgroup, vide
2. 인라인 요소(Inline Elements)
- b, big, i, small, tt
- abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
- a, bdo, br, img, map, object, q, script, span, sub, sup
- button, input, label, select, textarea
'HTML/CSS/웹접근성' 카테고리의 다른 글
[웹접근성] 웹접근성 진단 도구 OpenWax (0) | 2014.04.22 |
---|---|
[Markdown] 하루패드(haroopad) 설치 (2) | 2014.03.04 |
[Safari] 사파리 개발자 도구 사용 방법 (0) | 2014.03.04 |
[WEB] 크롬 테마 만들기 (0) | 2014.02.24 |
[TOOL] Aptana 3 설치 및 실행 (0) | 2014.02.24 |
[jQuery Plugin] coverflowjs - Coverflow 플러그인
Coverflowjs 사용하기
다운로드 링크 : http://coverflowjs.github.io/coverflow/
jQuery UI와 CSS3 transforms 기능을 이용해 CoverFlow 기능을 구현한 플러그인
특징
- 최적화된 애니메이션
- 자동 브라우저 렌더링 능력
- 3D 렌더링 모드와 2D에 대한 대비
- 탄력있는 swipe 지원
- 마우스휠 지원
- IE8 이하의 브라우저 지원
- 좋은 코드 운용
설치방법
필요사양
- jQuery 1.8.0 버전 이상
- coverflowjs 파일(js + css)
'JQUERY PLUGIN' 카테고리의 다른 글
[jQuery Plugin] [UI] jCarousel Lite 플러그인 (3) | 2014.02.26 |
---|---|
[jQuery Plugin] [UI] Animations for Thumbnail Grids - Effective Gallery 플러그인 (0) | 2014.02.06 |
[jQuery Plugin] [UI] BookBlock - 책 넘기는 효과 플러그인 (0) | 2014.02.06 |
[jQuery Plugin] jScrollPane - 스크롤 설정 플러그인 (0) | 2014.02.04 |
[Java] Java에서 http와 https 프로토콜 구분하는 방법
http와 https 프로토콜을 구분하기 위해 HttpServletRequest 객체의 getprotocol() 객체를 생각하시는 분들이 있을겁니다. 하지만, getProtocol() 객체로는 https 프로토콜 여부를 http 프로토콜과 같은 객체인 HTTP/1.1로 리턴하게 됩니다. 아래는 Jave EE 문서 API 입니다.
getProtocol
String getProtocol()
- Returns the name and version of the protocol the request uses in the form protocol/majorVersion.minorVersion, for example, HTTP/1.1. For HTTP servlets, the value returned is the same as the value of the CGI variable
SERVER_PROTOCOL
. - Returns:
- a
String
containing the protocol name and version number
https 프로토콜을 구분하기 위해 isSecure() 메소드를 이용할 수 있습니다.
isSecure
boolean isSecure()
- Returns a boolean indicating whether this request was made using a secure channel, such as HTTPS.
- Returns:
- a boolean indicating if the request was made using a secure channel
'JAVA' 카테고리의 다른 글
개발환경 설정(Java/Tomcat) (0) | 2012.04.22 |
---|---|
Tomcat 6 설치 (0) | 2012.04.22 |
JDK 1.7 설치하기 (2) | 2012.04.22 |
JUnit 설치방법 (0) | 2012.03.01 |
이클립스 properties 한글깨짐 해결법 (0) | 2012.02.12 |
[Markdown] 하루패드(haroopad) 설치
경량화된 마크다운 언어를 쉽고 빠르게 사용할 수 있는 하루패드(haroopad)를 설치해보도록 하겠습니다.
다운로드 페이지 : http://pad.haroopress.com/user.html
haroopad는 다양한 플랫폼을 지원하는 오픈소스 기반의 마크다운 에디터입니다.
1. 자신의 OS에 맞는 파일을 다운로드 후 설치 파일을 실행합니다. Next 버튼을 클릭합니다.
2. 자신이 설치하고자 하는 디렉토리를 선택하고, Next 버튼을 클릭합니다.
3. Install 버튼을 클릭합니다.
4. Finish 버튼을 클릭합니다.
5. haroopad를 실행한 화면입니다.
경량화된 마크업 언어인 마크다운을 지원하는 haroopad를 이용하여 복잡한 마크업 언어 또는 블로그 글, 이메일 문서를 작성해보시길 권장합니다. 특히, 업무에서 마크업 언어를 모르는 업무담당자분들이 사용하면 참 좋을듯 합니다 ^^
'HTML/CSS/웹접근성' 카테고리의 다른 글
[웹접근성] 웹접근성 진단 도구 OpenWax (0) | 2014.04.22 |
---|---|
[HTML] 블록 요소(Block Elements)와 인라인 요소(Inline Elements) (0) | 2014.03.17 |
[Safari] 사파리 개발자 도구 사용 방법 (0) | 2014.03.04 |
[WEB] 크롬 테마 만들기 (0) | 2014.02.24 |
[TOOL] Aptana 3 설치 및 실행 (0) | 2014.02.24 |
[Safari] 사파리 개발자 도구 사용 방법
과거의 Safari 브라우저와 최신버전의 Safari 브라우저에서 개발자 도구를 사용하기에 조금 다른 점이 있는 것을 확인하여 최신 Safari 브라우저에서 개발자 도구를 사용하는 방법을 알아보도록 하겠습니다.
1. Safari 브라우저의 우상단 톱니 바퀴 아이콘 선택 -> 메뉴 막대 보기 메뉴 선택
2. 메뉴 막대 보기 했을 경우 아래와 같이 메뉴 막대가 생성됩니다.
<메뉴 막대 가리기 선택시>
<메뉴 막대 보기 선택시>
3. 메뉴 막대에서 편집 -> 기본설정 선택. 메뉴 막대에서 개발자용 메뉴 보기 선택
4. 아래와 같이 개발자용 메뉴 생성
위와 같이 개발자용 도구가 생성이 되었습니다. 개발자 도구 활용을 통해 웹개발을 쉽게 빠르게 할 수 있도록 해요 ^^
'HTML/CSS/웹접근성' 카테고리의 다른 글
[HTML] 블록 요소(Block Elements)와 인라인 요소(Inline Elements) (0) | 2014.03.17 |
---|---|
[Markdown] 하루패드(haroopad) 설치 (2) | 2014.03.04 |
[WEB] 크롬 테마 만들기 (0) | 2014.02.24 |
[TOOL] Aptana 3 설치 및 실행 (0) | 2014.02.24 |
[TOOL] Editplus ini 파일 설정하여 꾸미기 (0) | 2014.02.18 |