SASS와 SCSS에 관하여 SASS / SCSS 소프프웨어 공학 - DRY 원칙Don't Repeat Yourself 반복되는 코드를 만들지 말 것!CSS는 이것이 힘들었다. 그래서 CSS의 반복적인 부분을 재활용하고 구조적으로 CSS를 사용하기 위해 나온 것이 SASS와 SCSS 이다. 둘은 비슷한데 문법적인 차이임.SASS - 자바스크립트와 비슷SCSS - CSS와 비슷 Ruby 를 다운받고 설치. watch를 해줌으로써 SCSS와 CSS파일간의 실시간 동기화가 이루어진다. sass -E utf-8 --watch --style compact style.scss:style.css 1. encoding UTF-8 에러시 ruby가 설치된 폴더에서 registry.rb 파일을 검색 해당파일 열고 70번 라인쯤에LOCALE = Enc.. 퍼블리싱/CSS 9년 전
sublime에서 class 쉽게 찾기 GoTo CSS Declaration html파일에서 해당하는 클래스의 css가 어디에 위치하는 지 바로 커서를 이동시켜주는 플러그인이다. install-package에서 gotocss를 입력 후 GoTo CSS Declaration을 설치한다. html파일과 css파일을 열어놓고 html파일에서 클래스명에 커서를 놓고 win + alt + . 을 누르면 해당 css위치로 이동하게 된다. 퍼블리싱 9년 전
background image와 linear gradient 동시에 주기. 1234567body{ background-size: cover; background-repeat: no-repeat; background-image: linear-gradient(to bottom, #86D0F3 0%,#A3D4C0 100%), url("../img/bg.png"); background-blend-mode: multiply; color:#232323;}Colored by Color Scriptercs 웹에서는 blend-mode를 overlay로 하면 제대로 겹쳐졌는데하이브리드앱 퍼블리싱하느라 해봤는데 overlay가 안먹고 multiply가 먹더라는... 퍼블리싱/CSS 9년 전
CSS로 background-color gradient 주기 1background{linear-gradient(to right, #00b4d9 0%,#00ddb3 100%);}cs 퍼블리싱/CSS 9년 전
width에 맞춰 문장 ... 으로 줄이기 1ul li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} cs 퍼블리싱/CSS 9년 전
IR기법 IR 기법은 이미지 대체텍스트 제공을 위한 CSS 기법으로 다양한 CSS 기법을 사용하여 이미지 대체텍스트를 제공할 수가 있으며, 이 중에 널리 알려진 기법들을 소개하고자 한다. Daum은 이러한 여러 가지 기법 중에서 Phark Method와WA IR 기법을 주로 사용하여 대체텍스트를 제공해주고 있다. 출처 : http://darum.daum.net/convention/css/css_ir Phark Method 이미지로 대체할 엘리먼트에 배경이미지를 설정하고 글자는 text-indent를 이용하여 화면 바깥으로(-9999px만큼 내어 쓰기) 빼내어 보이지 않게 하는 방법 WA IR , Farhner Image Replacement 등의 기법이 있지만 위 기법을 권장함. 퍼블리싱/CSS 9년 전
inline-block 여백 없애기 123.parent{display: flex;display: -moz-box;display: -ms-flexbox;}.parent .child{display:inline-block;} Colored by Color Scriptercs 부모에게 display : flex를 주고 브라우저별로 prefix 걸어줌. 퍼블리싱/CSS 9년 전
자바스크립트 - 알림창 네, 아니오로 표시 alert은 확인만 나옴. conrifrm을 사용하면 네 아니오로 나옴. ------- confirm("삭제하시겠습니까?"); 퍼블리싱 9년 전
