# Ruby기반 이기때문에 Ruby 설치 1. http://rubyinstaller.org/ or http://www.ruby-lang.org/ko/downloads/2. 루비 설치 - RUN -> English -> I accept the License -> Add Rubes to your PATH , Associate .rb and .rbw files with this Ruby installation -> Install -> Finish # Compass 설치 (http://compass-style.org/install/) - Compass 강좌 : https://www.youtube.com/watch?v=PRJpf-yyWZ4&list=PL45DD77A4CCA76ED3&index=11. 도스창 : g..
## Brackets # Brackets 설치 (https://www.youtube.com/watch?v=jGoErIDq_4Y&list=PL3U6UclpWg-HpfyoQ8PNdoqfkAWQAYoh0)# Brackets extensions (http://brackets.dnbard.com/extensions)# sass 컴파일툴- 스카우트 : (http://bkaprt.com/sass/6/) or (http://mhs.github.io/scout-app/) - live reload : (http://bkaprt.com/sass/8/) or (http://livereload.com/)- 코파스.앱 : (http://bkaprt.com/sass/9/) or (http://compass.kkbox.com/)- ..
# 단축키 [F11]전체화면 (Full Screen) [shift + F11]집중 편집모드 (Distraction Free Mode) [ctrl + shift + p]명령어 팔레트 (Command Palette) [ctrl + `]콘솔 보기(Show Console) [ctrl + k + b]사이드바 토글 (Show/Hide Sidebar) [ctrl + /]한줄 주석 토글 (Toggle Comment) [ctrl + shift + /]여러줄 주석 토글 (Toggle Block Comment) [ctrl + k + u]대문자로 변경 (Convert Case – Uppercase) [ctrl + k + l]소문자로 변경 (Convert Case – Lowercase) [ctrl + a]전체 선택 (Selec..
# 설치 및 기본세팅1. https://www.sublimetext.com/32. 사이트 바 활성 화 : View -> Side bar 3. 단축키 세팅 : Preferences -> Key Bindings - User( "Key Bindings - Default"에서 변경할 부분을 카피해서 변경하기를 권장 )[{ "keys": ["ctrl+shift+x"], "command": "toggle_side_bar" }]4. 환경 세팅 : Preferences -> Setting - User( "Setting - Default"에서 변경할 부분을 카피해서 변경하기를 권장 ){// typography"font_face": "Verdana", "font_size": 12, "font_options": ["no_b..
# Grunt로 css, js 파일 하나로 컴파일 하기 http://gruntjs.com/ (예제파일) # grunt 설치환경 ( npm, node.js )세팅후... # node.js 설치1. https://nodejs.org/en/download/2. RUN -> Next -> I accept the terms in the License Agreement -> Next -> 홀더경로 Next -> -> Install -> Finish# 루비 설치 1. http://rubyinstaller.org/ or http://www.ruby-lang.org/ko/downloads/ or http://railsinstaller.org/en2. 루비 설치- RUN -> English -> I accept the L..
#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..
- 그래프 플러그인 (널리) http://nuli.navercorp.com/sharing/nwagon#nWagon-chart6 https://naver.github.io/billboard.js/?fbclid=IwAR1T_sMqzOOktLwtj9vBOH17Ke3kiPFiy_b2nCgA9LrLWt7P6wXJh6JbWHM - 무료 차트 - ChartJS [MIT License] (canvas) : https://www.chartjs.org/ sample : https://www.chartjs.org/samples/latest/ aip(ko) : https://yeon22.github.io/Chartjs-kr/docs/latest/getting-started/usage.html - TOAST chart [MIT..
function imScrollTop(selector){ var _position = $(selector).offset(); $( 'html, body' ).animate( { scrollTop: _position.top }, 500 ); }; function scroll_motion() { var _wH = window.innerHeight; var _wS = $(window).scrollTop(); var _wHS = (_wH + _wS); $('.section').each(function () { var _t = $(this).offset().top + (_wH / 2); var _th = $(this).offset().top + $(this).innerHeight(); console.log(_wH..
- Total
- Today
- Yesterday