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

안녕하세요 해피CGI 입니다. 해피 업체정보소개 웹솔루션 Ver6.0으로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.             더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 도우미구인구직 웹솔루션 Ver6.0으로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.           더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 원포인트레슨 웹솔루션 Ver6.0으로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.           더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 마사지 업체정보 웹솔루션 Ver6.0으로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.        더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 맛집정보소개 웹솔루션 Ver7.1로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.      더욱 강력한 기능으로 보답하겠습니다.감사합니다.

안녕하세요 해피CGI 입니다. 해피 생활정보 웹솔루션 Ver3.6으로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.        해피 생활정보 솔루션 A Ver3.6 해피 생활정보 솔루션 B Ver3.6     더욱 강력한 기능으로 보답하겠습니다.감사합니다.

CSS 그리드를 사용한 레이아웃 템플릿 입니다.디자인 및 페이지 레이아웃 코딩시 유용하게 사용할수 있는 팁입니다.CSS Grid와 최소한의 DOM을 사용하여 필수적인 레이아웃 템플릿 설정을 살펴보고 간단하게 페이지 레이아웃을 잡을수 있습니다HTML 구조 1 2  1 2  1 2 3  1 2 3 4  1 2 3  1 2 3CSS 소스// For more reasons to love grid, check out my article:// @link https://moderncss.dev/3-css-grid-techniques-to-make-you-a-grid-convert/// Or my additional articles that cover grid:// @link https://moderncss.dev/t..

위의 테이블을 사이즈를 줄이면위와 같이 쉽게 만들어주는 jquery 소스 입니다.변화를 주는 사이즈는 CSS 에서 조절하면 됩니다.이후 스크립트로 merge(병합), move(이동), span 등 으로 조절할 수 있습니다.해당 부분은https://github.com/codefog/restables?tab=readme-ov-file위의 링크에서 잘 설명 되어있으니 참고하시면 되겠습니다.

위와 같이 버튼에 오른쪽 버튼을 누르면 메뉴를 만들어 줄 수 있는 jquery 입니다.사용법은 간단합니다. items 으로 메뉴를 만들고,callback 에서 각 키에 따라 해당 메뉴에 따라 작동하는 스크립트를 작성하면 됩니다.해당 버튼에 다양한 기능을 넣고 싶을때에 오른쪽 버튼을 활용하여 여러 메뉴로 확장하기에 좋은 jquery 로 보입니다.

좌측 버튼 클릭시 사이드메뉴바 출력버튼 클릭시 효과와 관련된 css 소스 일부입니다.