yamoo9

div#page

  / vimeo 영상

  iframe class="rwd-video" src="http://player.vimeo.com/video/48857883?title=0&byline=0&portrait=0&color=ff9933" width="400" height="300" webkitAllowFullScreen mozallowfullscreen allowFullScreen

  / youtube 영상

  iframe class="rwd-video" width="640" height="360" src="http://www.youtube-nocookie.com/embed/rHAKK6eDsU4?list=PLvaeCFvGpjsNc9lvJ2TribIiN3-g8Bkyu&hl=ko_KR" allowfullscreen

yamoo9

// CSS3 둥근 테두리
// https://developer.mozilla.org/ko/docs/CSS/border-radius
@mixin border-radius ($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    border-radius: $radius;
}

// CSS3 배경 위치 설정
// http://www.css3.info/preview/background-origin-and-background-clip/

yamoo9

// 이미지 대체기법
// http://nicolasgallagher.com/another-css-image-replacement-technique/
// https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757c9e03dda4e463fb0d4db5a5f82d7
%ir {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
}

// SASS 리스트(Lists) 데이터 타입 선언

yamoo9

// 배경색상에 대한 대조(contrast) 글꼴 컬러를 설정하는 사용자 정의 함수
@function contrast-text($bgcolor, $amount: 50%) {
    $text-color: null;

    // 유효성 검사
    @if type-of($bgcolor) != color {
        @warn "전달받은 인자의 데이터 형이 잘못되었습니다. color 형이 필요합니다.";
        @debug "전달 받은 인자 $bgcolor 값은 #{type-of($bgcolor)} 입니다.";
    }

yamoo9

# Compass 플러그인 추가

# CSS 파일 기본 인코딩(Default Encoding) 설정
# Windows에서 한글, 일어, 중국어 등 SCSS 파일을 CSS로 컴파일 시 문자 인코딩 에러가 생길 경우
# 아래 코드를 설정하여 기본 인코딩을 UTF-8로 설정하면 문제가 해결됨.
Encoding.default_external = "utf-8"

# 프로젝트 내 폴더 경로 지정
http_path       = "/"
css_dir         = "css"

yamoo9

/*! improveIR.js © yamoo9.net, 2014
 *  CSS (on), Img (off) 로컬호스팅, 웹서버 환경에서만 테스팅 가능
 *  Windows High Contrast 모드 테스팅은 로컬 환경에서도 가능
 */

// 참조URL
// http://blog.paciellogroup.com/2011/10/detecting-if-images-are-disabled-in-browsers/
// http://blog.paciellogroup.com/2012/08/notes-on-accessible-css-image-sprites/
// http://blog.adrianroselli.com/2012/08/css-background-images-high-contrast-mode.html

yamoo9

/*! toggleFirstLayersVisible.jsx(첫번째 레이어 보임/숨김 토글 스크립트), 2013 @ yamoo9.net */
(function(docuemnt){
    var firstLayers = docuemnt.layers[0];
    firstLayers.visible = !firstLayers.visible;
})(activeDocument);

yamoo9

# --------------------------------------------------------------------------
# 윈도우(Windows) CMD/Powershell + Gow(https://github.com/bmatzelle/gow/wiki)
# --------------------------------------------------------------------------

# 기본 정보
$ whoami   사용자 정보를 보여줍니다.
$ ipconfig IP 정보를 보여줍니다.
$ ver      windows 버전을 보여줍니다.

# 날짜/시간

yamoo9

source 'http://rubygems.org'
gem 'compass',            '~>1.0.0.alpha.13'
gem 'breakpoint',         '~>2.4.2'
gem 'singularitygs',      '~>1.2.0.rc.6'
gem 'singularity-extras', '~>1.0.0.alpha.3'
gem 'toolkit',            '~>2.0.0.alpha.7'
gem 'susy',               :git => 'git://github.com/ericam/susy.git', :tag => 'v1.0.rc.1'

yamoo9

@mixin generate-960gs (
    $grid_count: 12
) {
    @if($grid_count != 12 or $grid_count != 16 or $grid_count != 24) {
        @warn "960 그리드 시스템에 해당하는 숫자 값이 아닙니다.";
        @debug "입력하신 전달인자 $grid_count 값은 #{$grid_count}(#{type-of($grid_count)}) 입니다.";
    }
    // =======================================
    // Grid Options
    // =======================================