본문 바로가기

🌈etc

(6)

[plugIn] 도넛차트(원형차트) How to https://github.com/rendro/easy-pie-chart GitHub - rendro/easy-pie-chart: easy pie chart is a lightweight plugin to draw simple, animated pie charts for single values easy pie chart is a lightweight plugin to draw simple, animated pie charts for single values - GitHub - rendro/easy-pie-chart: easy pie chart is a lightweight plugin to draw simple, animated pie ch... github.com Get Started h..

vw To pixel (px) Converter // vw를 px로 바꾸기 Pixel (px) = (Viewport width unit (vw) * Viewport width) / 100 px = (설정한 vw(ex:5vw) * 보여지는 화면 넓이(ex:1920px) / 100) = 96px rem = (구하고자 하는px) / 96 https://www.pixelconverter.com/vw-to-pixel-px-converter/

[plugIn] 반응형 이미지 링크 걸기(jQuery-rwdImageMaps) [plugIn] 반응형 이미지 링크 걸기 반응형 이미지에 링크를 걸어서 제작하는게 쉽지 않다. jQuery plugin을 사용하여 이미지에 맞는 링크를 걸 수 있는 플러그인을 소개하고자 한다. (반응형조직도를 만들 때 많이 쓴다.) 1. 세팅준비 jQuery-rwdImageMaps에 들어가 jquery.rwdImageMaps.js 또는 jquery.rwdImageMaps.min.js을 다운받아 넣는다. 이 때 주의할 점은 jQuery가 먼저 오도록 한다. 2. 이미지준비 https://www.image-map.net/ 에 들어가 원하는 이미지를 넣어 라인을 따라 만든다. Active Shape Link Title Target 현재 진행중인 이미지 맵 - Rect -Poly -Circle 클릭 시 링크 주..

[JSP] vscode로 JSP 작업환경세팅 & header / footer 연결 jsp로 header, footer 연결하기 메인 html에 header / footer 따로 떼서 붙일 수 있는 방법은 jquery의 include방법밖에 찾지 못했다. (이것도 로컬이 아닌 서버 환경에서만 볼 수 있음.) jsp도 물론 서버에서만 확인 가능하지만 jquery가 아닌 jsp로 직접 header, footer를 따로 만들어서 떼는 방법을 알아보자. 세팅 VScode 필요. tomcat 설치. 그외 나머지는 vscode의 확장 프로그램으로 설치. 세팅 - tomcat 설치. vscode로 JSP 환경구성을 하기 위해서는 tomcat 설치가 필요하다. 아래 블로그를 보고 순서대로 설치. https://nevertrustbrutus.tistory.com/245 header / footer js..

[PlugIn] slick slider slick slick slick_github slick 예제 #Settings settings Type Default Description accessibility boolean true 탭 및 화살표 키를 사용한다. autoplay: true일 경우, 슬라이드 변경 후 브라우저 포커스를 현재 슬라이드(또는 여러개의 slideToShow 인 경우, 현재 슬라이드의 첫번째)로 설정한다. 또한 완벽한 접근성 준수를 위해 focusOnChange를 활성화한다. adaptiveHeigh boolean false 슬라이더 높이를 현재 슬라이드에 맞춘다. appendArrows string $(element) 방향 화살표 변경.(Selector, htmlString, Array, Element, jQuery obj..

[Tistory] 티스토리 마크다운 적용하기 타이포라에 글을 써서 티스토리에 업로드하려고 했으나, 리스트가 나오지 않는 오류가 있었다😨 테마도 깔끔하지도 않을 뿐더러, 한김에 다 변경해버렸다.. 주의! 그러기 위해서는 CSS 코드를 변경해야 하므로 텍스트에디터가 필요하다. [순서] 1. github-markdown.css 에 들어가서 저장을 해준다. 2. 저장을 한 후에 텍스트에디터에 들어가 "github-markdown.css" 을 열어 .markdown-body li { list-style: unset; } 을 추가로 넣어준다. ( unset 말고 본인이 원하는 list-style을 넣으면 된다.) 3. 티스토리 환경설정 > 꾸미기 > 스킨편집 > html편집 클릭! 4. CSS 에 들어가 .entry 이란 클래스를 모두 주석처리해준다. 5. ..

이전 1 다음

티스토리툴바