Skip to content

Instantly share code, notes, and snippets.

View plora's full-sized avatar

plora

View GitHub Profile
@plora
plora / init.coffee
Last active September 10, 2018 01:12
automatic update by http://atom.io/packages/sync-settings
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@plora
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
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
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
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
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
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>