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

MediaElement.js는 HTML5 mediaelement API를 기반으로 하는 유연하고 강력한 jQuery/JavaScript 오디오 및 비디오 플레이어 플러그인입니다 .라이센스는 MIT 라이센스 입니다. HTML5 의  VIDEO 태그를 기반으로 한 플레이어 입니다. 지원 포맷은 MP4, MP3, WebM은 물론 Dailymotion, Facebook , SoundCloud, Twitch, Vimeo, Youtube 등 거의 모든 오디오 및 비디오 포맷을 지원합니다.압축 해제하시면 demo / index.html 파일이 있습니다. 해당 파일을 실행하시면 플레이어 화면 확인 가능 합니다. Sources 부분을 보면 영상 주소를 플레이어에게 전달합니다. label>Sources    select ..

GSAP ScrollTrigger + TextPlugin- GSAP 스크롤 트리거 + 텍스트 플러그인스크롤시 텍스트가 변합니다. 메인 디자인이나 다이나믹한 디자인을 원하신다면 활용하시면 좋을거  같습니다.HTML 구조      SCROLL    FOR    MORE   CSS 소스@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); html, body {  font-family: "Open Sans", serif;  font-optical-sizing: auto;  font-weight: 800;  font-style: normal;  font-variatio..

안녕하세요 해피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위의 링크에서 잘 설명 되어있으니 참고하시면 되겠습니다.