sass 변환 npx sass --watch css/style.scss css/style.css 내장 함수(Built-in Functions) Sass에서 기본적으로 제공하는 내장 함수에는 많은 종류가 있습니다. 모두 소개하지 않고, 주관적 경험에 의거해 필요하거나 필요할 수 있는 함수만 정리했습니다. Sass Built-in Functions에서 모든 내장 함수를 확인할 수 있습니다. []는 선택 가능한 인수(argument)입니다. Zero-based numbering을 사용하지 않습니다. 색상(RGB / HSL / Opacity) 함수 mix($color1, $color2) : 두 개의 색을 섞습니다. lighten($color, $amount) : 더 밝은색을 만듭니다. darken($color,..
// 이벤트 생성 (event_name)이름의 이벤트 var _eventItme = new Event("event_MyName", {bubbles : true}); // document 이벤트 발생 function event_excution(){ document.dispatchEvent(_endEvent); } // document 이벤트 받기 document.addEventListener("event_MyName", function(event) { console.log("========= >> EVENT Call"); });
fs = require('fs') 기본 세팅 설정 후 1. 파일 유무 체크 let jsonFile = "gulp.config.json"; fs.access(jsonFile, fs.constants.F\_OK, (err) => { if (err){ console.error(jsonFile + ' 파일이 없음.X'); }else{ console.error(jsonFile + ' 파일이 있음.O'); } })2. 비동기식 json 파일 읽기 fs.readFile( './gulp.config.json', 'utf8', (error, jsonFile) => { if (error) return console.log(error); let json..
function print_area($id) { var _body = document.body.innerHTML; window.onbeforeprint = function () { document.body.innerHTML = document.getElementById($id).innerHTML; } window.onafterprint = function () { document.body.innerHTML = _body; } window.print(); } // 호출 print_area(프린트할 영역 ID)
1. google map - map layer
# http://simbyone.com/demo/30-css-hover-effects-for-buttons/# https://tympanus.net/Development/CreativeButtons/# https://codepen.io/rauldronca/pen/mEXomp# http://ianlunn.github.io/Hover/#effects# https://codepen.io/davidicus/pen/emgQKJ# https://www.inserthtml.com/demos/css/button-styles/ # https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330 # 메테리얼 효과 : https://bashoo..
[ 텍스트 글자수 제한 ] 0 / 9
# CSS 웹킷 기반 스크롤 슬라이딩 -webkit-overflow-scrolling: touch; # CSS 계산 (ie9+) div { width : calc(100% - 50px); } # CSS 영역 마스크 (ie8+) [상단, 오른쪽, 하단, 왼쪽] div {vclip: rect(0px,50px,200px,10px); } # CSS 마우스 이멘트 막기 (ie11+) [상단, 오른쪽, 하단, 왼쪽] div.ex1 { pointer-events: none; } # display : flex; * flex-wrap: 유연한 항목 줄바꿈 여부. - nowrap (default) : 기본값 - wrap : 유연한 형태 줄바꿈. * flex-direction : 플렉스 - 방향 - row (default)..
#jquery_custom_scrollbar API : http://manos.malihu.gr/jquery-custom-content-scroller/ view : http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html 다운로드 : http://manos.malihu.gr/jquery-custom-content-scroller # Simplebar.js webpage : https://grsmto.github.io/simplebar/ github : https://github.com/Grsmto/simplebar AIP : https://github.com/Grsmto/simplebar/tree/master/packages/simplebar examples..
- Total
- Today
- Yesterday