Bulma CSS Framework Customize with PHPStorm

웹팁

글 등록하기 | 내글 관리하기 | 연재글 | 보관함

2018.08.27 22:18 조회 수

340

이온디

첨부파일 https://imweb.eond.com/coding/408158

Bulma CSS Framework

http://bulma.io

https://bulma.io/documentation/customize/with-node-sass/

https://github.com/jgthms/bulma

https://bulma.io/documentation/customize/with-node-sass/

Node.js

https://www.npmjs.com

https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-18-04

https://docs.npmjs.com/cli/update

https://github.com/visionmedia/debug/issues/261

https://zetawiki.com/wiki/우분투_node.js_설치

https://www.jetbrains.com/help/phpstorm/transpiling-sass-less-and-scss-to-css.html

https://nodejs.org/ko/download/package-manager/

PHPStorm File-Watchers Settings

https://www.jetbrains.com/help/phpstorm/using-file-watchers.html

https://intellij-support.jetbrains.com/hc/en-us/community/posts/207032785-How-to-setup-Filewatcher-with-node-sass-

https://intellij-support.jetbrains.com/hc/en-us/community/posts/207038005-SCSS-file-watcher-output-directory

Arguments: $FileName$ $FileNameWithoutExtension$.css

Working directory: $FileDir$

Output Paths: $FileNameWithoutExtension$.css

another Setting)

--no-cache --update $FileName$:$ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css

Output paths to refresh: $ProjectFileDir$/assets/css/$FileNameWithoutExtension$.css

Minifying Javascript & phpstorm uglyfyjs

https://www.jetbrains.com/help/phpstorm/minifuing-javascript.html

webpack

https://webpack.js.org/guides/getting-started/#using-a-configuration

https://www.jetbrains.com/help/phpstorm/using-webpack.html

로컬 개발환경 구축2 – Phpstorm

http://woogeeya.com/build-local-development-environment-2/

Bulma Theme

https://themes.gohugo.io/theme/bulma/bulma/

Total 235 articles in 9 / 12 pages

	제목	날짜
	코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)	2018/01/03
	jQuery를 배울수 있는 동네들입니다.	2013/08/09
	관련 링크 [1]	2010/05/23
75	[Script] 간단한 javascript 페이징 처리 - 미니페이지	2014/06/16
74	[Script] 슬라이드 이미지	2014/06/16
73	[Script] Top으로 스크롤 되면서 돌아가기... (by sisims)	2014/09/29
72	[jQuery] jQuery Image Slider and Gallery	2015/05/27
71	[Form] form 태그 안에서의 button 태그의 사용 방법(button, a, input type=submit)	2015/06/21
70	[프레임워크] http://getuikit.com	2015/08/09
69	[프레임워크] jquery-steps.com	2015/08/10
68	[프레임워크] http://pages.revox.io/doc/jquery/form_wizard.php	2015/08/10
67	[프레임워크] http://view.jquerymobile.com/master/demos/	2015/08/10
66	[반응형 웹] responsive-animated-block-menu	2015/08/15
65	[반응형 웹] [다음 TROY] 기기별 모바일 해상도 테스트 할 수 있는 사이트	2015/08/22
64	[반응형 웹] 모바일 실제 해상도와 device-width	2015/08/24
63	[위지윅에디터] Web-Based HTML Editor 비교 및 미리보기	2015/08/25
62	[위지윅에디터] 오픈소스 HTML 기반의 위지윅 에디터	2015/08/25
61	[위지윅에디터] 기타 위지윅 에디터	2015/08/25
60	[위지윅에디터] ckeditor 공식사이트	2015/08/25
59	[반응형 웹] 반응형웹(MediaQuery) 템플릿	2015/08/26
58	[반응형 웹] 반응형 템플릿 (naradesign)	2015/08/26
57	[부트스트랩] New Bootstrap 4 alpha	2015/08/27
56	[Script] jQuery Cookie(쿠키) 처리 [출처] jQuery Cookie(쿠키) 처리\|작성자 주용준	2015/08/27