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

시작일과 종료일 범위 선택 기능이 강력한 Date Range Picker 입니다.싱글 달력으로도 이용이 가능 합니다.https://www.daterangepicker.com/#examples 페이지를 통해 구동되는 샘플들을 코드와 함께 확인이 가능 합니다. 각종 제공되는 옵션들도 https://www.daterangepicker.com/#options 페이지에서 같이 확인이 가능 합니다.

다양하고 강력한 기능을 제공하는 Grid 프로그램인 DataTables 입니다. 무료이고 쉽게 이용이 가능 합니다.페이징 기능부터, 즉시 검색, 다중열 정렬등의 다양한 확장기능을 제공 하고 있습니다.https://datatables.net/examples/index 페이지에서 다양한 예제를 확인이 가능합니다. 사용을 하시기 위해서 소스를 다운로드 하시거나,CDN 으로 소스를 호출하여 이용이 가능 합니다.https://datatables.net/download/ 페이지를 참고 하시면 되겠습니다.사용 메뉴얼은 https://datatables.net/manual/index 페이지에서 제공 되고 있습니다.

Javascript 없이 네이게이션 애니메이션 효과를 간단히 구현 할 수 있습니다. 애니메이션 출력부터 호버까지 구현됩니다.HTML 구조            Alvaro's Social Media                              Website                                    LinkedIn                                    Mastodon                                    Twitter                                    YouTube                                    CodePen                                   ..

Javascript 없이 html + CSS로 이루어져 있는 간단 Inverted border-radius Cards를 만들 수 있는 소스입니다.  HTML 구조   leading companieshave trusted us                                          https://images.unsplash.com/photo-1601049676869-702ea24cfd58?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Trust & Co." />                                          ..

화면에 꽉 차는 동영상 배경입니다.화면에 맞게 남은 부분은 짤려서 보여집니다.동영상 배경 소스입니다. 동영상 배경 위 텍스트를 정중앙에 배치하고 화면에 비례해서 폰트크기가 변경되는 소스입니다.

사각형 패턴 애니메이션 배경 소스 입니다.수직 이동과 회전하는 에니메이션 css 입니다.css 수정으로 디자인 변경을 쉽게 할 수 있습니다.

클릭하면 아이콘과 함께 하이라이트되는 탭 메뉴입니다.활용도가 높아 다양한 사이트에서 사용 가능합니다.HTML 구조                                                          Home                                                         Likes                                                         Search                                                         Profile                                                 CSS 소스 *,*::after,*::after{    padd..

마우스 오버 시 아이콘이 나타나는 디자인의 드롭다운 메뉴입니다.다양한 사이트에 적용하기에 유용합니다.  HTML 구조                                  Facebook                                                       CSS 소스@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); *,*::before,*::after {  margin: 0;  padding: 0;  box-sizing: border-box;} :root {  --bg-color: #222429;  --primary-bg-color: #333740;  --primary-color: #..

웹사이트 제작에 시작인 사이트맵 제작 및 업무 진행상태 및 흐름도도 제작 가능한 flowmapp이용은 간단합니다. 계정생성 >웹브라우저를 통해 편집하면 끝.마우스 클릭, 텍스트 입력만으로도 메뉴를 생성하고, 클릭 드래그로 순서도 손쉽게 변경됩니다.또한 클릭 후 메뉴간 연결도 가능합니다.사이트맵 뿐만 아니라, 절차 흐름도 제작 및 관리, 부서 조직도 구성 및 관리 등 다양하게 이용이 가능해보입니다.시작은 무료계정으로 서비스 이용이 가능하며, 최대 1개 프로젝트에 20개 페이지 생성이 가능합니다.무료 범위를 넘지 않는다면 무료로도 충분히 활용가치가 충분한 서비스이며,프로젝트 관리, 페이지수가 많거나 팀원간 공유가 필요하다면 유료 서비스도 고려하시면 좋습니다.

안녕하세요 해피CGI 입니다.해피 집방 솔루션 Ver1.7로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.       해피 집방 솔루션(미니홈 비내장 + 내 주변검색 모바일 미포함) 해피 집방 솔루션(미니홈 비내장 + 내 주변검색 모바일 포함) 해피 집방 솔루션(미니홈 내장 + 내 주변검색 모바일 미포함) 해피 집방 솔루션(미니홈 내장 + 내 주변검색 모바일 포함)    더욱 강력한 기능으로 보답하겠습니다.감사합니다.