목록웹프로그램밍 자료실 (2658)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Neumorphic Elements 뉴모피즘 디자인의 여러 요소들

css와 자바스크립트를 이용해 제작된 뉴모피즘 스타일 버튼과 텍스트박스 입니다. 사용하고싶은 버튼의 css와 js 소스를 찾아서 적용할 수 있습니다.
웹프로그램밍 자료실/기타 자료 2021. 7. 22. 09:19
[해피CGI][cgimall] Gallery / Smooth Scroll / Responsive 부드럽게 넘어가는 반응형 갤러리

css와 자바스크립트를 이용하여 제작된 이미지가 부드럽게 넘어가는 반응형 갤러리입니다. 마우스 휠을 이용해서도 이미지를 넘길 수 있습니다.
웹프로그램밍 자료실/기타 자료 2021. 7. 21. 09:26
[해피CGI][cgimall] 무료 SVG 아이콘 - Tabler Icons

무료 SVG 아이콘 이미지를 받을 수 있습니다. 다양한 아이콘을 크기 색상 조절도 가능하며, 클릭만 하면 클립보드에 복사 됩니다 위와 같이 복사된 아이콘 태그를 사용하면 되겠습니다.
웹프로그램밍 자료실/기타 자료 2021. 7. 20. 09:26
[해피CGI][cgimall] Popbox.js 모달 팝업

위의 이미지를 보시면 기능 확인이 바로 되실 겁니다. 소스 적용도 간단합니다. var popbox = new Popbox({ blur:true, overlay:true, }); 위의 스크립트와 Popbox content 1 Close Popbox content 2 Close Main content of the page Open mypopbox 1 Open mypopbox 2 &nbsp 위의 기본 HTML 을 참고하시면 되겠습니다.
웹프로그램밍 자료실/JAVA 자료 2021. 7. 19. 09:30
[해피CGI][cgimall] 색상의 모든것 컬러뱅크 - colorbank.net

색상에 관련된 모든것을 찾아보고 확인할 수 있는 사이트입니다 https://colorbank.net 메인화면에 색상코드를 넣고 동시비교 https://colorbank.net/index2.html 그이외에도 색상코드, 색상명칭, 매트리얼픽커, 그라데이션 팔레트등 다양한 색상조합 및 색상관련 페이지를 확인하실 수 있습니다. 디자인시 유용하게 사용할 수 있을듯 합니다
웹프로그램밍 자료실/기타 자료 2021. 7. 16. 09:30
[해피CGI][cgimall] 이미지 줌(Zoom) 기능이 있는 Jquery 갤러리 - xZoom

해피CGI, #happycgi, #cgimall, #JQuery, #image, #zoom, #이미지확대 - 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 xzoom.css 파일, xzoom.min.js 파일을 링크합니다. 2. IMG 태그로 이미지를 출력하고 아래 옵션을 적용합니다. · xoriginal - 확대/축소된 이미지로 사용되는 큰 이미지 경로 · xpreview - 선택 사항이지만 설정 시 이 속성은 중간 미리보기 이미지로 사용되는 반면 이 경우 src 속성은 작은 축소판 이미지로 사용됩니다. 이 속성이 설정되어 있지 않으면 src 속성이 중간 미리보기 이미지로 사용됩니다. · xtitle - 캡션으로 사용될 텍스트 문자열이며 titleClass가 있는 "div" ..
웹프로그램밍 자료실/JAVA 자료 2021. 7. 14. 10:02
[해피CGI][cgimall] 페이지 상단에 테이블 헤더 고정 Jquery 플러그인 - fixedTableHeader

- 라이센스 MIT - 사용 방법 1. 파일 상단에 Jquery 라이브러리와 jquery.fixedTableHeader.js 파일을 링크합니다. 2. Table 소스코드를 코딩하고, fixedTableHeader 플러그인을 호출합니다. 3. 고정될 헤더 부분을 지정합니다. (기본값 : th) 4. 고정되었을 때 헤더 부분의 CSS를 재정의할 수 있습니다. - 작동 예제
웹프로그램밍 자료실/JAVA 자료 2021. 7. 13. 10:00
[해피CGI][cgimall] jQuery Marker Animation

jQuery 를 이용하여 형광펜처럼 밑줄 애니메이션을 추가하는 jQuery 플러그인 입니다. 형광펜의 크기, 색상, 속도 등을 조절할 수 있습니다. 라이센스는 MIT License 입니다. 사용법 안내 입니다. 1. 텍스트에 강조효과를 줄 영역 설정 반드시 class="marker-animation" 형태로 클래스를 설정해 줘야 합니다. 2. 스크립트 호출 3. 결과화면 4. 사용 가능한 옵션 안내 //color $('.marker-animation').markerAnimation({ color: '#fe9' }); //thickness $('.marker-animation').markerAnimation({ thickness: '.6em' }); //duration $('.marker-animation..
웹프로그램밍 자료실/JAVA 자료 2021. 7. 12. 09:42
[해피CGI][cgimall] 심플한 차트 API - dimple v2.3.0

심플하고 강력한 차트 API인 Dimple 입니다. http://dimplejs.org/ Dimple은 다양한 구조의 차트를 제공하고 있습니다. 제공되는 차트는 아래의 데모 페이지에서 확인을 할 수 있습니다. http://dimplejs.org/examples_index.html http://dimplejs.org/advanced_examples_index.html
웹프로그램밍 자료실/JAVA 자료 2021. 7. 9. 09:48
[해피CGI][cgimall] 다양한 스크롤 효과를 제공하는 ScrollMagic-v2.0.8

브라우저 스크롤링시 다양한 액션을 제공하는 ScrollMagic 입니다. http://scrollmagic.io/ javascript 소스는 CDN으로 연결하시거나 직접 다운로드 하여 이용도 가능 합니다. https://scrollmagic.io/examples/ 데모 페이지로 접속하여 제공되는 다양한 데모를 확인이 가능하고, 데모페이지에 적용된 소스도 쉽게 볼 수 있습니다.
웹프로그램밍 자료실/JAVA 자료 2021. 7. 8. 09:14
Prev 1 ··· 55 56 57 58 59 60 61 ··· 266 Next