무료
0 580 16
평가 :
업데이트 : 2013.09.12 21:42
크기 : 4.8KB
종류/테마 : 스위치/기타
설치폴더 : rb/switchs/head/html5ready
보증기간 : 무보증
사용범위 : 재사용 허용
개작버젼 : 마켓등록 허용
라이선스 : LGPL
데모 : 보기
판매자
타이니님
파워유저 11
상품수 : 13
구매한 사람
구매자가 없습니다.
0 0
  • 마켓

HTML5 Ready 스위치

  • 콘텐츠 상세정보
  • 사용자평가(7)
  • 질문/답변(1)
  • 구매하기
콘텐츠 상세정보
우리나라는 유독 구형 IE 브라우저의 점유율이 높습니다.

따라서, 더더욱 이 스위치가 꼭 필요합니다. HTML5의 새로 추가된 태그들을 사용할 수 있게 해주며 구형 웹브라우저에서 크게 차이나는 CSS 부분을 서로 맞추어 줍니다.

이러한 기능의 오픈소스로 normalize.css , html5shiv, modernizr, 구글의 IE9.js, css3pie 등 여러가지가 있지만 제가 모두 조합해 테스트 해 본 결과 최적의 조합을 이 스위치로 만들었습니다.

이 스위치를 사용하면 HTML5 태그 중에서 새로 추가된 <header> <footer> <aside> 등의 시멘틱 태그를 성격에 맞게 리셋 해주며, 구형-신형 웹브라우저 사이 그리고 IE 브라우저와 크롬/파이어폭스/오페라/사파리 등 브라우저 버전별로 마진/패딩값 등 브라우저 기본 렌더링 초기값이 달라 레이아웃이 미묘하게 어긋나는 부분을 서로 최대한 맞도록 (크로스 브라우징) 통일시켜 줍니다.

홈페이지 DTD를 HTML5로 설정하시고 개발하실 경우 필수로 설치하셨으면 합니다. 물론 XHTML DTD 아래서도 효과를 발휘합니다.
IE6-8 브라우저에서 특히 효과를 발휘하며 레이아웃이 특정 브라우저에서 미묘하게 엇 나가는걸 꽤 많이 막아줍니다. 크로스브라우징 업무 수고가 많이 줄어듭니다.

만약 이 스위치를 켜시고 홈페이지 레이아웃이 많이 흐트러 지셨다면, HTML / CSS 퍼블리싱을 너무 구형 버전에 맞추어 개발하신 것이니 손을 좀 보시는 편이 장기적으로 좋겠고요.
그렇게 고쳐야 할 부분이 너무 많으시다면 그냥 쓰지 마시고 다음 번 개발시에 꼭 처음부터 이 스위치를 켜고 작업하시면 좋습니다.


1) 이 스위치는 헤더 스위치로 위치하는게 좋습니다. (마켓을 통한 자동설치 권장)

jQuery 등의 사전 라이브러리 성격은 반드시 head 영역에 미리 호출되어야 오류가 없습니다.


2) 스위치를 새로 설치하신 후엔 반드시 관리자페이지 시스템 > 스위치의 스위치목록에서 "SAVE" 버튼을 한 번 꼭 눌러주어야 정상 작동합니다.


3) 스위치의 기본경로를 유지하십시오.

./switchs/head/html5ready/



ie7-squish.js 는 IE6/7 에서 마진이 두배로 크게 보이는 등의 치명적인 버그 몇개를 수정해 줍니다.

IE9.js 는 IE6-8 구형 브라우저를 비교적 신형 브라우저와 맞도록 조정해 줍니다. MiT 라이센스이며 홈페이지는 https://code.google.com/p/ie7-js/ 입니다.

normalize.css 는 MiT 라이센스이며 홈페이지는 http://necolas.github.io/normalize.css/ 입니다.
1점대 버전과 2점대 버전이 있는데 국내 실정상 1점대 버전을 스위치에서 썼습니다. 2점대 버전은 IE8+ 입니다.

html5shiv 는 HTML5 에서 추가된 시멘틱태그 등을 구형 브라우저에서 지원할 수 있게 해줍니다. MiT 라이센스이며 홈페이지는 hhttps://code.google.com/p/html5shiv/ 입니다.


아래 도표는 2013년 7월의 국내 인터넷 사용자 웹브라우저 버전 통계입니다.



IE7 버전이 16%나 됩니다. 이해가 안가시죠?
맞습니다. MS의 강제 브라우저 업데이트 정책 때문에 실제로는 5% 미만입니다. 그런데 왜이리 아직도 많이 잡히느냐? 하면...

그놈의 "호환성보기" 설정 때문에 그렇습니다. IE9~10 브라우저를 쓰면서 국내 구형 웹사이트 환경에서 이용이 편하도록 호환성보기 IE브라우저 설정을 하면 IE7으로 변신하게 됩니다.


실제로 제가 IE10을 쓰지만 호환성보기 설정을 해 놓았기 때문에 (일부 은행사이트나 홈텍스 이용하려면 어쩔 수 없습니다.) 접속통계의 로그를 보면 제 브라우저는 IE7 브라우저로 나옵니다.

그러니 꼭! 얼마전에 언급한 IE 전용 meta 태그를 킴스큐설치폴더/index.php 파일의 상단 <title> 태그 바로 위에 한 줄 넣어주세요.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

이렇게 한 줄 넣어주시면 여러분의 홈페이지에 호환성보기 상태로 IE 사용자가 들어와도 최신 브라우저 엔진으로 렌더링 하게 됩니다.

사용자 평가 (7개)
질문/답변 (1개)
콘텐츠 구매하기
판매가격 : 0원
할인금액 : 0원
(비기너 : 스탠다드 라이선스 등록 3% + 쇼케이스 등록 2% = 최대 5%할인)
(파워유저 : 15%할인 / 엑스퍼트 : 25%할인)
결제금액 :
0원
결제수단 :
결제 후 즉시 자료를 다운로드 받거나 원격으로 설치하실 수 있습니다.
무통장 입금을 원하시면 계좌이체나 가상계좌를 이용해 주세요.
가상계좌는 원하시는 은행과 시간을 정하여 입금하실 수 있으며 실시간으로 입금확인 처리됩니다.
입금계좌 :
입금자명 :
이용약관보기
  • 콘텐츠 상세정보
  • 사용자평가(7)
  • 질문/답변(1)
  • 구매하기
인기 익스텐션
  • (1/10)
  • 전체(572)
  • 유료(247)
  • 무료(325)
  •  

전체상품

등록일 조회 평가 다운 판매 가격    목록형 요약형
0점(0명평가)
게시판 제목 글씨에 색상 입히기
데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=subject_color
야자바 | 조회 147 | 다운 7 | 2017.10.18 | 데모
무료
0점(0명평가)
FAQ- 자주하는 질문스킨 2
데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=faq_jQuery_02
야자바 | 조회 125 | 다운 4 | 2017.10.17 | 데모
무료
10점(1명평가)
Time line 형식 댓글 테마
댓글전용으로 만들어 봤습니다... 특별한거 없음 ㅋ설치위치 : modules/comment/theme/_pc/데모보기 : http://yajava.com/rc/?r=solution&c=5/94
야자바 | 조회 613 | 다운 12 | 평가 1 | 2017.06.29 | 데모
무료
0점(0명평가)
플립 flip 효과 갤러리
데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=g_flip
야자바 | 조회 414 | 다운 17 | 2017.06.28 | 데모
무료
10점(1명평가)
3D 라운드 Lightbox 갤러리
데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=g_3D_Lightbox
야자바 | 조회 553 | 다운 19 | 평가 1 | 2017.06.26
무료
10점(1명평가)
인테리어전용 견적의뢰
아래와 같이 5개의 텍스트필드와 int필드가 추가되어 작동 합니다..add_txt1add_txt2add_txt3add_txt4add_txt5add_int1add_int2add_int3add_int4add_int5add_int6혹시 필요하신분이 있을것 같아 배포 합니다.^^데모보기 : http://yajava.com/rc/?r=solution&m=ad..
야자바 | 조회 493 | 다운 30 | 평가 1 | 2017.06.22 | 데모
무료
10점(2명평가)
CSS 이용한 다양한 masking 효과 갤러리
사진 등록시 마스크 스타일을 선택하시면 됩니다.데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=g_masking
야자바 | 조회 593 | 다운 27 | 평가 2 | 2017.06.21 | 데모
무료
10점(1명평가)
동글동글 푸드 갤러리
미리보기 : http://yajava.com/rc/?r=solution&m=add&bid=g_circle
야자바 | 조회 474 | 다운 22 | 평가 1 | 2017.06.19 | 데모
무료
10점(1명평가)
다국어 번역 게시판
데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=Translation bid=Translation
야자바 | 조회 893 | 다운 29 | 평가 1 | 질문 1 | 2017.06.16 | 데모
무료
0점(0명평가)
성형전후 Before / After 사진 갤러리
데모보기 : http://yajava.com/rc/?r=solution&amp;m=add&amp;bid=g_twenty
야자바 | 조회 363 | 다운 14 | 2017.06.15 | 데모
무료
0점(0명평가)
줌 슬라이드 갤러리 Zoom Slider 게시판 테마
데모보기 : http://yajava.com/rc/?r=solution&m=add&bid=g_ZoomSlider
야자바 | 조회 400 | 다운 24 | 2017.06.12 | 데모
무료
10점(1명평가)
실시간 숙박예약
기존 구매자는 yu815krkr@gmail.com로 이메일 보내주세요^^2014년10월21일자 수정본입니다.숙박관련 예약 모듈입니다. (호텔,민박,팬션 기타 숙박관련 예약모듈입니다)oss버전의 게시판 테마를 킴스큐알비에 맞게 모듈화 하였습니다. 2012-11-12 최종수정 메인 객실등록 예약화면 예약관리 관리자 설정
유원재 | 조회 826 | 다운 4 | 판매 3 | 평가 1 | 질문 1 | 2017.03.24 | 데모
66,000원 55,000원 (2018.03.24까지)
0점(0명평가)
기간회원(유료회원)관리
2015-12-161.차감포인트 반영오류수정2.결제및기간만료시 그룹 및 레벨 반영 오류수정======================================1.모바일 페이지 지원 / 2.관리자 전용 매출현황지원기간제 회원 관리를 위한 모듈입니다. 설치경로 현재위치 : 마켓 > 패키지설치 > 기타자료 문자알림서비스는 쏜다넷이용(노트참고하세요)..
유원재 | 조회 631 | 다운 0 | 판매 0 | 질문 2 | 2017.03.21 | 데모
220,000원
10점(2명평가)
킴스큐 개작버전 kimsq am 1
2016-04-21추가사항에디터 확장요소 클릭시 액박 수정휴면계정알림,계정활성화 양식 추가2016-03-04주소검색 신주소 추가 적용2016-03-01 킴스큐RB 1.2.2버전의 마지막 업데이트 패치까지 적용된 버전입니다.hotfixhotfix_20150827회원가입모듈 변경사항휴면회원 관리추가 반영되었습니다.http://www.kimsq.co.kr/r/f..
유원재 | 조회 1,136 | 다운 60 | 평가 2 | 질문 2 | 2017.03.21
무료
0점(0명평가)
cafe24 연동 SMS 관리/연동모듈 Pro
20170118 - ver 1.0 빌드주소록 번호 관리주소록 분류 관리주소록 선택 발송주소록 단체 발송번호 직접입력 발송알림 게시판 선택 설정게시판 등록알림 연동 소스 제공기타 페이지, 모듈 연동 소스 제공
잠돌 | 조회 904 | 다운 0 | 판매 0 | 2017.01.19
99,000원
0점(0명평가)
동영상 게시판 youtube 소스코드
유료로 전환합니다. 디자인 개선판 업데이트 예정입니다.유료 구매자에 대한 서비스/문의 대응 하겠습니다^.^기타 에러 문의는 이미 구매하신 분도 하셔도 되요.강좌 등 동영상으로 구성된 게시판입니다.소스코드 입력란에 퍼올 동영상 소스를 넣으면 본문에 동영상이 삽입됩니다.동영상 썸네일은 사진을 통해 올리면 됩니다.디자인이 어색해질 수 있기 때문에 킴스큐 기본 테..
smull | 조회 2,278 | 다운 83 | 판매 1 | 질문 1 | 2016.09.23
3,900원
0점(0명평가)
게시물 순서변경 전용 게시판 스킨
게시물의 순서를 변경하는 모듈을 제작하여 배포한 후 많은 분들께서 단독 스킨형태를 요청하셨습니다.일반 사용자분들을 위한 게시판 스킨만으로 게시물 순서를 변경할수 있는 버전으로 제작되었습니다.모듈로 소스를 응용하셔야 할 분들은 제작자의 다른 제품 중 "모듈버전"을, 게시판 스킨만으로 충분하신분들은 본 제품버전을 이용하십시오.공지사항으로 체크된 게시물의 경우 ..
잠돌 | 조회 2,034 | 다운 19 | 판매 5 | 질문 1 | 2016.01.04 | 데모
22,000원
0점(0명평가)
LG본인인증+회원정보연동+회원레벨반영 모듈
본인인증 모듈을 킴스큐에서 사용할 수 있도록 연동하는 소스모듈입니다.인코딩 등의 오류를 최대한 킴스큐에서 돌아가게 조정 해두었습니다.인코딩 문제로 한글을 사용할수 없는 상황도 있는데, 그럴 경우 영문으로 표기했습니다.
통큰세상 | 조회 2,122 | 다운 0 | 판매 0 | 질문 1 | 2016.01.04 | 데모
150,000원
10점(1명평가)
게시물 별 독립된 이미지 슬라이드(갤러리 기본형) - 풀스크린 썸네일 슬라이드 플러그인
킴스큐에서 제공하는 기본형 갤러리 스킨 원본을 사용하였습니다.갤러리 게시판에서 하나의 게시물 내에 포함된 첨부 이미지들을 풀스크린으로 썸네일 슬라이드를만들어줍니다.갤러시 기본 게시판의 스타일 수정만으로 화려한 슬라이드 갤러리가 완성됩니다.데모 페이지에서 직접 확인하십시오.데모 보기데모페이지 스크린샷(배포본)적용 예 - (게시판 스타일 변경 후 동작확인)
잠돌 | 조회 3,145 | 다운 11 | 판매 5 | 평가 1 | 2015.11.11 | 데모
11,000원