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

다운로드 받은 파일의 압축을 해제한뒤에 demo.html, demo_html5.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 사용 방법은 아래와 같습니다. CSS 소스코드를 보여주는 예제 HTML 소스코드를 표시하는 예제 PHP 소스코드를 표시하는 예제 JS 소스코드를 표시하는 예제 SQL 소스코드를 표시하는 예제

JavaScript 다이어그램 작성 라이브러리 JointJS입니다. Diagram을 그리는 Javascript framework로 온라인 데모를 통해서도 간단하게 작업이 가능합니다. SVG 또는 PNG 파일로 내보내기가 가능하며, 간단한 다이어그램을 만들기엔 좋습니다. 전문적이고, 고급화된 프로세스 또는 시스템을 시각화하길 원하는 기업, 마케팅 및 광고 대행사, 컨설팅 업체, 학생, 기관이라면 유료를 이용하는 것도 좋습니다.

그룹/하위 항목을 지원하는 편리한 아코디언 메뉴입니다. CSS 기반으로 지원하는 다단계 아코디언 메뉴 Multi-Level Accordion Menu 아코디언 메뉴 시 즉각 반응한 기본효과인데, 다양한 애니메이션을 더욱 좋아할 경우 JavaScript 가 포함된 버전도 괜찮습니다.

다운로드 받은 파일의 압축을 해제한뒤에, index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 달력 아이콘을 클릭하면, 위 그림 처럼 날짜를 선택하는 달력이 화면에 표시가 됩니다. 달력의 년도-월 을 변경하거나, 시간을 선택하는 인터페이스는 아래와 같습니다. 달력을 사용하는 방법은 아래와 같습니다.

심플한 슬라임 아이콘을 svg, png 로 받을 수 있습니다. 간단하게 프로필 이미지로 사용하기에 좋습니다. 사이트에 방문해 보시면 다양한 모양의 슬라임 아이콘 이미지를 만나실수 있습니다.

해외 사이트에 리뷰 남길때 한국인은 읽을 수 있지만 번역은 불가능한 글을 만들고 싶을때 사용하면 유용한 사이트 입니다. 한번 만들어진 스팸체는 다시 복호화는 불가능하니 참고 하여 사용하시면 되겠습니다.

pause 버튼 클릭시 동영상 멈춤 paused 버튼 클릭시 동영상 재생 동영상 멈춤/재생이 페이드 아웃 효과 첨부파일 다운로드 또는 해당 사이트 자세한 소스 확인이 가능합니다.

햄버거 메뉴 클릭시 아이콘이 병경됩니다. 햄버거 메뉴 클릭시 전체메뉴 영역이 에니메이션 효과와 함께 오픈됩니다. 자세한 소스확인은 첨부파일 다운로드 또는 해당 사이트에서 확인이 가능합니다.

세로 스크롤 형태의 테이블입니다. 상단의 타이틀이 고정된채로 내용을 보여주는 형식입니다. 데모 사이트로 이동하신 후 하단의 export버튼을 눌러 자료를 다운 받으실 수 있습니다.^^

JavaScript 를 이용하여 단일 날짜 선택, 다중 날짜 선택을 지원하는 Datepicker 입니다. 특이사항은 여러가지 샘플을 제공해서 1개를 커스터마이징 하여 사용하기 보다는 자신에게 맞는 Picker 를 사용할 수 있습니다. 물론 자신에게 맞는 Picker 가 없다면 커스터마이징을 해야겠지요. 라이센스는 MIT 라이센스 입니다. 기본코드는 아래와 같은 형식으로 구성되어 있습니다. demo.js 를 제공하여 index.html 파일은 여러가지 Picker 를 한번에 볼 수 있습니다. Picker 샘플은 아래와 같이 있고 다 소개해 드리기 보다는 대표적인 것들만 소개해 드립니다. 기본 Picker 다중선택 6개월 기간 제한 Picker 단일 켈린더에 범위 선택 Picker 2개의 켈린더에 범위 선택..