신기한 웹 세상

Tag

sass

CSS 코드 냄새

[요약]추가적인 CSS코드 냄새에 좋은 내용이 있어서 사람들이 많이 알았으면 해서 퍼왔다. @extend mixin보다 성능이 떨어진다. CSS 성능이란 건 대체로 용량을 말하는데, 용량이 작아야 빨리 다운로드할 수 있기 때문이다. gzip 압축시 mixin은 완전한 반복이므로 용량이 확 줄어드는 반면, extend는 완전한 반복이… Continue Reading →

Sass Output 스타일

Sass를 사용하여 css로 컴파일 하여 출력 할 때 4가지 스타일 중 하나를 선택할 수 있다.   스타일 nested expanded compact compressed 아래 Sass로 네가지 스타일로 변환을 해보겠다. (확장자는 본인이 편한걸로 하면 된다.) Scss Sass Scss Syntax ul { font-family: Helvetica,… Continue Reading →

EditPlus에서 Sass 설정 및 구문자 변경하기

에디터플러스에 설정하기전에 환경은 만들어놓고써야한다. 우선 윈도우라면 Ruby를 설치해야한다. 루비설치와 Sass 설치하는 방법에 자세한 설명은 윈도우에서 SASS설치하기에서 볼 수 있다. 1.Ruby설치하기 http://rubyinstaller.org/downloads에 윈도우용 RubyInstallers를 받으면됩니다. 설치할 때 유의할점은 위의 그림처럼 Add Ruby executables to your PATH에 체크해야줘한다는 것이다. 2.Sass설치하기 Ruby 설치가… Continue Reading →

Sublime Text 3에서 CSS(SASS) 작성시 콜론(:)뒤에 자동을 생기는 여백 없애기

속성:값 작성시에 속성: 값으로 나올때가 있다. CSS나 SASS에서 나오는 현상여간 신경쓰이고 귀찮은게 아니다. Sublime Text css_completions.py 수정하기 Ctrl+shift+p를 눌러 ‘PackageResourceViewer’라는 플러그인을 설치하자. 이 플러그인을 이용하지 않을 경우 폴더로 가서 직접 수정해야한다. 단축키 prv 를 누르면 PackageResourceViewer:Open Resource 나오는데 이거 선택하면… Continue Reading →

윈도우에서 SASS 설치하기

Ruby 설치하기 루비 인스톨러(Ruby Installer) 설치 루비인스톨러 설치 파일을 다운받아야 하기 때문에 루비인스톨러 다운 페이지로 가보자. 루비인스톨러 파일 다운로드 하기 버전은 최신버전으로 다운받으면 된다. 자기 OS환경따라 받으면 되지만 32/64비트 상관없이 맨 위에 것을 설치 해도 상관없다. 루비 인스톨러 설치하기 언어는… Continue Reading →


© 2017 신기한 웹 세상

Up ↑