✍🏻 코드노트 177

sass/scss 메모

- sass 설치 1. Node.js 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 터미널: npm install -g node-sass or Dart 버전 Sass설치(최근 dart sass라는 방식의 설치를 권장, 최신버전이다 보니 sass의 새로운 기능들도 많이 포함) 기존 node-sass 설치했다면 삭제하고 설치해야함 삭제 npm uninstall node-sass 설치 npm install sass -g dart sass만의 새로운 문법 및 사용법은 공식홈에서 확인가능(https://sass-lan..

💅🏻 css 2022.10.12

js 이미지맵 & 맵하이라이트

맵하이라이트(maphilight.js) $.fn.maphilight.defaults = { fill: true, //이미지맵 링크에 마우스가 올라오면 색을 넣을 건지 여부 fillColor: 'ffffff', // 색상지정 fillOpacity: .2, // 투명도 지정 0~1 stroke: true, // border를 넣을건지 여부 false로 설정하면 이하 옵션 무시됨 strokeColor: 'ffffff', //border 색상 strokeOpacity: 1, //border 투명도 strokeWidth: 1 //border 폭 } $('img[usemap]').maphilight(); // 위에 설정값 넣고 맵하이라이트 적용해줘야 적용됐다.; 탭에 마우스 오버시 이미지맵에 하이라이트 들어오도록 ..

🕹 스크립트 2022.09.16
728x90