반응형 전체 글98 vuetify2 뷰티파이2는 이미 서비스가 끝나서 뷰티파이3나 퀘이사를 공부해야하지만뷰티파이 강좌가 2버젼이라서 한번 사용해보기로 함 -------------------vue2 (vutify2) 뷰티파이2 사이트 https://v2.vuetifyjs.com/en/mdi아이콘 https://pictogrammers.com/library/mdi/샘플이미지무료 사이트 https://pixabay.com/ko/인프런 강좌(무료) : Vuetify Admin Template 만들기 - 기본편 (Based Vue2) 짐코딩 https://www.inflearn.com/course/lecture?courseSlug=%EB%B7%B0%ED%8B%B0%ED%8C%8C%EC%9D%B4-%EC%96%B4%EB%93%9C%EB%AF%BC-.. 2024. 6. 2. 날짜 스와이프 모바일앱에 보면 날짜를 스와이프하는 형식 See the Pen 스와이프로 날짜선택하기 by uni (@agosto) on CodePen. 2024. 5. 30. 레이어팝업 웹접근성 포커스 이동 1. 버튼 클릭했을때 레이어팝업 가져오기2. 닫기를 눌렀을때 포커스를 클릭한 버튼으로 이동3. 딤 눌렀을때 닫힘 * 제이쿼리See the Pen 레이어팝업 by uni (@agosto) on CodePen.* 자바스크립트See the Pen 레이어팝업 javascript by uni (@agosto) on CodePen.이 코드는 jQuery를 사용하지 않고 순수 자바스크립트를 사용하여 동일한 기능을 구현합니다. 주요 변경 사항은 다음과 같습니다:$("id") => document.getElementById를 사용하여 요소를 선택합니다.document.createElement를 사용하여 새로운 요소를 만듭니다.element.style.display를 사용하여 요소의 표시 상태를 변경합니다.eleme.. 2024. 5. 29. grid masonry 일정하지 않은 비율을 가져올떄 사용 *부모 grid-template-columns: repeat(3, 1fr); /* 3칸 */ grid-template-rows: repeat(4, 1fr); /* 4줄 */ *자식grid-column: span 3; /* 3칸을 차지하겠다 */grid-row: span 2; /* 2줄을 차지하겠다 */ See the Pen CSS Grid by uni (@agosto) on CodePen. 2024. 5. 27. 에니메이션 라이브러리 Velocity.js http://velocityjs.org/mo.js https://mojs.github.io/anime.js https://animejs.com/ 2024. 5. 18. css로 마스크 입히는법 (들어가는 이미지 크기가 일정하지 않은 비율일때) 1. 이미지를 백그라운드로 넣었을때 => 이미지 크기 꽉차게 2. 이미지 태그로 넣었을때 => 이미지가 마스크 이미지에 맞게 찌그러진다 https://codepen.io/SitePoint/pen/YqByJGSee the Pen mask by uni (@agosto) on CodePen. 2024. 5. 16. 이전 1 ··· 11 12 13 14 15 16 17 다음 반응형
