Skip to content

Instantly share code, notes, and snippets.

View JeongInyoung's full-sized avatar

UI Developer Project Management JeongInyoung

View GitHub Profile
@yamoo9
yamoo9 / SassMeister-input-HTML.jade
Last active July 20, 2017 23:43
『타이포그래피/그리드시스템 생성기』 Typography/Grid System Generator
.container.show-guide.guide-10
@JeongInyoung
JeongInyoung / calcPicRatio.html
Created April 4, 2016 04:31 — forked from riix/calcPicRatio.html
화면 비율 계산기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript">
<!-- //
$(function(){
$('input[type="submit"]:eq(0)').on('click', function(event){
@arkist
arkist / SassMeister-input.scss
Created October 30, 2015 09:14
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Susy (v2.2.5)
// ----
@import "susy";
/**
* placeholder w/media query 예제
@JeongInyoung
JeongInyoung / yamoo9.scrollFollow.js
Last active August 25, 2017 05:08 — forked from yamoo9/yamoo9.scrollFollow.js
스크롤 위치를 따라다니는 yamoo9.scrollFollow 라이브러리
(function(global, y9){
'use strict';
// scrollFollow 객체 정의
var scrollFollow = {
/**
* 초기 설정(Initialization) 메소드
* yamoo9.scrollFollow.init(
* [문자] el : 적용대상 요소 선택자,
* [숫자] start_pos : 시작 위치,
@yamoo9
yamoo9 / yamoo9.scrollFollow.js
Last active July 25, 2016 09:01
스크롤 위치를 따라다니는 yamoo9.scrollFollow 라이브러리
(function(global, y9){
'use strict';
// scrollFollow 객체 정의
var scrollFollow = {
/**
* 초기 설정(Initialization) 메소드
* yamoo9.scrollFollow.init(
* [문자] el : 적용대상 요소 선택자,
* [숫자] start_pos : 시작 위치,
@yamoo9
yamoo9 / Emmet.sublime-settings
Created May 14, 2015 10:29
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"
},
@ihoneymon
ihoneymon / how-to-write-by-markdown.md
Last active April 6, 2025 05:43
마크다운(Markdown) 사용법

[공통] 마크다운 markdown 작성법

영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^

아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.

1. 마크다운에 관하여

@yamoo9
yamoo9 / index.html
Last active April 22, 2016 13:17
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";
@yamoo9
yamoo9 / float.html
Created November 1, 2014 09:32
Float 설명
<!DOCTYPE html>
<html lang="ko-KR">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta charset="UTF-8">
<title>Float Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<style>
.fl { float: left; }
.fr { float: right; }
@davidthingsaker
davidthingsaker / responsive mixin
Created September 24, 2014 16:13
SCSS / Sass mixin for responsive sites
$small-desktop: 960px;
$large-desktop: 1200px;
$handheld: 768px;
$handhelds-landscape: 1024px;
$mobile: 640px;
$mobile-landscape: 480px;
@mixin respond-to($media) {
@if $media == largeDesktop {
@media only screen and (min-width: $large-desktop) { @content }