일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 사이트제작
- #이미지
- #홈페이지제작
- php
- 솔루션
- #홈페이지
- 홈페이지
- jquery
- #웹솔루션
- #솔루션
- happycgi
- #image
- javascript
- 홈페이지제작
- CSS
- #뉴스
- 해피씨지아이
- #동영상
- CGIMALL
- #업종별
- #happycgi
- #CSS
- 웹솔루션
- 해피CGI
- #해피CGI
- #쇼핑몰
- #cgimall
- 게시판
- 쇼핑몰
- #jQuery
- Today
- Total
목록2021/06 (17)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
오직 CSS로 제작된 종이가 넘겨지는 책입니다. html 소스에서 위 radio 버튼들을 확인해보실 수 있습니다. 각 책 페이지 영역에 radio버튼들의 위 label이 감싸져 있으므로 왼쪽, 오른쪽 종이 넘김 효과를 준 것을 확인해보실 수 있습니다. 자세한 소스는 홈페이지에서 확인하세요. ^^
Click Me 버튼을 클릭하면 별, 사각형 등 다양한 형태의 파티클이 출력됩니다. [파티클 html] [파티클 css] .btn-particles { width: 100px; height: 100px; position: absolute; border-radius: 50%; color: #eee; font-family: monospace; z-index: 5; } [파티클 js 중 아이콘 부분] var shapes = [ '', // '', '', '']; 위 html과 css로 파티클 영역이 생성되며, js소스로 해당 영역안에 svg 아이콘들을 생성되어 뿌려지고 있습니다. 자세한 소스는 홈페이지에서 확인해보실 수 있습니다. ^^
css와 js로 구현된 모바일에 최적화된 업다운 메뉴 인터페이스 입니다. 해당 사이트 또는 첨부파일을 다운로드 받아 소스를 확인할 수 있습니다.
검색버튼에 마우스 오버시 검색바가 확장되면서 검색어 입력이 가능합니다. 해당사이트 또는 첨부파일을 통해서 관련소스를 확인할 수 있습니다.
Morioh Theme는 jQuery 및 Bootstrap 프레임 워크 위에 구축 된 반응 형 대시 보드 (관리자 패널) 템플릿 입니다. Bootstrap 5 및 Bootstrap 4 모두에서 작동합니다 . 웹 및 모바일 애플리케이션, 웹 사이트 백엔드 및 전자 상거래 관리 포털과 같은 백엔드 애플리케이션에 적합합니다. 쇼핑몰 사이트와 같은 전자상거래용 사이트의 관리자모드를 구성하기에 사용할 만한 HTML 템플릿 입니다. jquery + bootstrap 프레임워크를 이용했기에 호환성이나 확장성면에서는 괜찮을 것 같네요. 위 그림은 메인화면의 템플릿입니다. 좌측의 메뉴를 이용해서 다양한 인터페이스를 미리 확인해볼수 있습니다. 반응형이다 보니 접속하는 기기의 해상도에 따라서, 위 그림 처럼 컨텐츠의 배치가..
단어로 이모지를 검색 가능하며, 해당 이미지 클릭시 클립보드로 바로 복사 됩니다. 붙여넣기만 하시면 됩니다.
한글 / 영문 등 타자 연습을 온라인에서 할수 있는 사이트 입니다. 프로그램 설치 없이 브라우저 에서 해보시기 바랍니다.
Css3로 만들어진 로더입니다 JS는 따로 존재하지 않으며 HTML파일과 CSS만으로 만들어진 로더입니다 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다 ^^
버튼 마우스 오버 시 깔끔한 오버 애니메이션 효과 자바스크립트를 이용하여, 버튼내 문자를 하나씩 나누고, 나뉘 문자에 오버 애니메이션 효과가 적용되는 방식입니다. 단순한 소스지만, 깔끔하고 다양한 곳에 적용할 수 있을꺼 같습니다.