본문 바로가기

소스5

3d, 액티브 웹사이트, 무료소스,웹사이트디자인 https://tympanus.net/codrops/demos/ DemosCodrops' curated collection of 500+ demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.tympanus.net  신기한, 다양한 인터랙티브한 효과들로 구성된 웹페이지를 소개하는 페이지 입니다.무료로 소스나 코드가 제공 되는 것들도 있어서, 활용하면 좋을 듯 합니다! https://tympanus.net/Development/TextureTransition/ 2024. 6. 14.
[무료소스] 무료 신용 카드 목업, 소스 피그마 - figma 신용카드 UI kit (credit card ui ) 다양한 그라디언트 배경 컬러값과 조합 자료를 figma 소스로 다운 로드 가능 신용카드 뿐만 아니라 다양한 곳에 활용 가능한 패턴과 소스 다운로드 경로 https://www.figma.com/community/file/1134847584196760092 Credit Card UI Kit | Figma Community Figma Community file - Credit card UI Kit assets made entirely in Figma because I’m too lazy to use Adobe Illustrator. You can use it for your app or website mockup design. www.figma.com Cr.. 2023. 5. 29.
반응형 디자인 레이아웃 너비 기준 반응형 레이아웃 가로 사이즈 디바이스에 따라 구분하는 기준은 가로 너비 가로 너비 값에 따라 디바이스 인식하여 레이아웃 변경 업계에서 많이 사용하는 값을 기준으로 하기도 하고, 레이아웃 특징에 맞춰 개별적인 값으로 정하기도 한다. ( 디바이스 종류별 너비 값 기준은 제각각 이므로 가로 사이즈는 정의된 표준값이 있지는 않다. ) 기준 해상도 위치를 중단점(Break point) 이라고 합니다. 중단점 나눌 때 대표적으로 디바이스 별로 많이 사용되는 가로 해상도는 다음과 같습니다. 반응형 레이아웃 01 최소한의 반응형 레이아웃 가장 많이 사용하는 대중적이고 간결한 기준 768px 미만 : 모바일 기기 768px ~ 1024px : 타블렛 1024px 이상: 데스크탑 /* 데스크탑 */ @media scree.. 2021. 6. 13.
모바일 리셋 스타일- mobile css reset 글로벌 리셋 소스 reset.css PC버전 reset.css /* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0} fieldset,img {border:0 none} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes: none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} input,select,textarea,but.. 2021. 6. 11.
[JS 활용]이미지맵속 내용 복사하기, 해시태그 내용 복사하기 스크립트 html 버튼 클릭 -> 지정한 내용 복사 (해시태그내용 복사) 사용되는 요소 이미지 맵 태그안에 usemap 속성 / 제이쿼리 소스 html 제이쿼리 소스 $('.hashtag').click(function(){ var urlAddress= $('#hashtagTxt'); urlAddress.css('display','block').select(); document.execCommand("Copy"); urlAddress.css('display','none'); alert('해시태그가 복사되었습니다'); return false; }); 결과 일전에 이미지맵 클릭시 새창 띄우기와 함께 같이 병행해서 사용하면 좋을듯 https://lionbum.tistory.com/37 이미지 맵 클릭시 새창 팝업 띄우기 이미지 .. 2020. 12. 15.
728x90
반응형

티스토리툴바