본문 바로가기

퍼블리싱

IE9이하 버전에서 HTML5 태그 대응하기 요즘 web페이지와 모바일 web페이지를 같이 만들면서 html5를 많이 사용하고 있다.html5는 시멘틱마크업하기에도 적절하기때문에 요즘 갈수록 사용하는 사이트수가 많아지고 있지만,IE 구버전에는 안먹히는 태그가 많기때문에. 크로스 브라우징에는 취약하다.예를 들면 header, footer, section, aside 등은 IE 9버전 이하에서는 먹히지 않는다.그래서 IE9 이하 버전에서는 다음과 같이 element를 만들어줘서 쓰기도하지만, 그보단 이미 만들어져있는 js를 쓰면 편할 것이다.가장 많이 쓰이는 js는 html5shiv.js 이고 다음 처럼 url연결해서 쓸수있다. DOCTYPE html> 또는 직접 다운받아서 사용할 수 있는데 관련 라이브러리는 https://github.com/aFar.. 더보기
사이트에 구글맵 연동하기 사이트에 구글맵을 연동하려면 두 가지의 방법이 있다.1. api key로 집어넣기2. iframe으로 집어넣기 첫번째 방법은 지도만 딱! 나오고 깔끔하나, 문제는 연동하기까지가 복잡하고 귀찮다두번째 방법은 정말 간단하고 간단하나, 문제는 지도상에 여러것들이 나와 지저분하다. 나는 이러저러한 이유로 지저분하지만 간단한 두번째 방법을 사용하고 있다.(클라이언트가 별다른 말을 하지 않는이상 두번째로..) 연동방법은 다음과 같다. 1. 구들맵에 접속한다. (https://www.google.co.kr/maps/) 2. 원하는 위치를 검색한다. 그냥 아무런 이유없이 신도림 디큐브시티로 검색해봤음. 3. 오른쪽 하단에 있는 Setting 이미지를 클릭하여 Share and Embed Map을 선택한다. 4. Emb.. 더보기
툴팁 띄우기 평소 틈틈히 해놓은 것들 정리차원에서 올림 jsfiddle http://jsfiddle.net/ichbintaeeun/6v2fakc6/3/ HTML The art of love...is largely the art of persistence.The art of love...is largely the art of persistence. Albert Ellis(앨버트 엘리스) The art of love...is largely the art of persistence. The art of love...is largely the art of persistence. Albert Ellis(앨버트 엘리스)는 1900년도에 태어나... CSS * {margin:0;padding:0;font-size: 12px;} .. 더보기
스크롤따라 흐르는 TOP버튼, 버튼클릭하면 페이지최상단으로 이동하기 웹사이트에서 많이 쓰는 것을 정리해서 올려놈 jsfiddle http://jsfiddle.net/ichbintaeeun/ap4252uv/3/ HTML TOP CSS * { margin:0; padding:0; font-size: 12px; } div { height:1500px; background: #000; } a.go-to-top{ position:absolute; bottom:100px; right:100px; z-index:99; display: inline-block; width:30px; height:30px; border-radius: 15px; line-height:30px; text-align:center; text-decoration:none; background: #ccc; opac.. 더보기
userAgent 식별하기 // 모바일일 경우 mobile.css 파일 연결시키기 var isMobile = false; if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) isMobile = true; $(document).ready(function() { if (isMobile) $('link[type="text/css"]').attr('href', '/mobile.css'); }); 더보기

티스토리툴바