plora’s gists

plora / Emmet.sublime-settings

Last active August 29, 2015 14:26 — forked from yamoo9/Emmet.sublime-settings

emmet-settins-psd2html-course.json

	{
	// "disable_tab_abbreviations_for_scopes": "source.scss",

	"css_completions_scope": "source.css - meta.selector.css - meta.property-value.css, source.scss - meta.selector.scss - meta.property-value.scss, source.sass - meta.selector.sass - meta.property-value.sass",

	"variables": {
	"lang": "ko",
	"locale": "ko-KR"
	},

plora / index.html

Last active August 29, 2015 14:26 — forked from yamoo9/index.html

XP, IE10 미만 브라우저 접근 금지

	<!DOCTYPE html>
	<html lang="ko-KR">
	<head>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta charset="UTF-8">
	<title>XP, IE10 미만 브라우저 접근 금지</title>
	<script>
	(function(){
	var OSV = navigator.appVersion,
	OSName="Unknown OS";

plora / hidpi.sublime-snippet

Last active August 29, 2015 14:26 — forked from yamoo9/hidpi.sublime-snippet

ST3-hidpi-Snippet Code

	<snippet>
	<content><![CDATA[/* CSS3 미디워쿼리 활용 - 레티나 디스플레이 대응 */
	/*
	* 고해상도 디스플레이(@${1:2}x)
	*/
	@media
	only screen and (-webkit-min-device-pixel-ratio: ${1:2}) and (${2:min-width: 320px}),
	only screen and ( min--moz-device-pixel-ratio: ${1:2}) and (${2:min-width: 320px}),
	only screen and ( -o-min-device-pixel-ratio: ${1:2}/1) and (${2:min-width: 320px}),
	only screen and ( min-device-pixel-ratio: ${1:2}) and (${2:min-width: 320px}),

plora / print.html

Last active August 29, 2015 14:26 — forked from yamoo9/print.html

print 환경을 고려한 html&css 스타일

	<!DOCTYPE html>
	<!-- 조건부 주석문 conditional comments -->
	<!--[if IE 6]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 ie6" lang="ko-KR"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 ie7" lang="ko-KR"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9 ie8" lang="ko-KR"> <![endif]-->
	<!--[if IE 9]> <html class="no-js lt-ie10 ie9" lang="ko-KR"> <![endif]-->
	<!--[if !IE]><!-->
	<html class="no-js" lang="ko-KR">
	<!--<![endif]-->
	<head>

plora / polyfill-querySelectorAll.js

Last active August 29, 2015 14:26 — forked from yamoo9/polyfill-querySelectorAll.js

IE 7- 을 지원하는 .querySelector(), .querySelectorAll() 대체 스크립트

	(function(document) {
	'use strict';

	if (!document.querySelectorAll) {
	document.querySelectorAll = function(selectors) {
	var style = document.createElement('style'),
	elements = [],
	element;
	document.documentElement.firstChild.appendChild(style);
	document._qsa = [];

plora / index.html

Last active August 29, 2015 14:26 — forked from yamoo9/index.html

WA IR 기법을 사용한 배너 디자인

	<!DOCTYPE html>
	<html lang="ko-KR">
	<head>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta charset="UTF-8">
	<title>WA IR 기법을 사용한 배너 디자인</title>
	<link rel="stylesheet" href="css/style.css">
	</head>
	<body>