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

스크롤시 별다른 스크립트없이 css만으로 최상단으로 이동이되는 효과입니다. scroll-snap-type와 https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type scroll-snap-align을 https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-align 이용하여 스냅을 이용하여 스크롤시 지정한 포인트로 바로 이동할 수 있습니다. 아래의 링크에서 예제를 확인하실 수 있습니다. https://codepen.io/serranoarevalo/pen/xxdYBxZ 네이버 또는 구글에서 Css Scrollsnap으로 검색해보시면 다양한 자료를 확인하실 수 있습니다 ^^

php에는 여러 라이브러리들이 있습니다. 링크에 접속하시면 아래처럼 다양하게 활용할 수 있는 라이브러리 목록이 있습니다. php 공부나 코딩을 할 때에 참고하시면 좋을듯 합니다. 자세한 내용은 아래 링크를 참고 부탁드립니다. https://github.com/ziadoz/awesome-php

JavaScript 및 HTML5 캔버스 를 사용하여 스크래치 카드 기능을 만들 수 있습니다. Vanilla JavaScript 플러그인을 사용하면 처음부터 표시될 쿠폰 코드 또는 기타 당첨 코드를 숨길 수 있습니다. 스크래치 영역 뒤에 숫자/텍스트를 배치할 수 있습니다. 사용자는 마우스 커서로 긁거나 스와이프를 터치할 수 있습니다. 또한 실시간 스크래칭 애니메이션을 보여줍니다. 라이센스는 MIT 입니다. 적용 방법 1. HEAD 에 STYLE 을 추가 합니다. 2. BODY 에는 CANVAS 코드를 추가 합니다. 3. 마지막으로 관련 스크립트를 로더 합니다. 압축파일을 해제하면 index.html 파일을 통해 바로 확인할 수 있습니다.

clicky-menus 는 드롭다운 메뉴 onclick 이벤트를 만드는 데 도움이 되는 가벼운 JavaScript 플러그인입니다. 메뉴는 클릭, 탭 또는 키보드 / 키로 열 수 있는 1단계 드롭다운 메뉴 와 함께 제공 됩니다(포커스가 있을 때) 플러그인은 각 상위 항목(드롭다운 링크)을 버튼 요소로 변환하여 드롭다운을 확장합니다. 드롭다운을 토글하기 위해 마우스, 터치 및 키보드 상호 작용을 지원합니다. 마찬가지로 사용자가 메뉴 외부를 클릭하면 열린 드롭다운을 닫을 수 있습니다. 또한 브라우저에서 JavaScript가 비활성화된 경우 메뉴도 작동합니다(순수 CSS 사용). 라이센스는 MIT 입니다. 적용 방법 안내 입니다. 1. CSS 파일을 HTML페이지 HEAD 에서 로드 합니다. 2. 이제 BODY..

클릭시 아래처럼 선택된 카드가 확장됩니다. css로 쉽게 가로사이즈 변경이 가능합니다. 마우스 드래그 또는 클릭으로 슽라이드 이동이 가능합니다.

제가 생성하여 다운로드 받은 아바타 이미지 입니다. 얼굴형, 귀, 코 등 여러 모양으로 조합하여 아바타 이미지를 다운로드 받을수 있습니다. 사이트에 아바타 이미지가 필요할때 유용하 보입니다.

여러 소프트웨어의 지원 종료 날짜를 확인해 볼수 있는 사이트 입니다. https://endoflife.date/php php 7.4 의 경우 보안관련 지원은 3개월은 남아있는 상태입니다. 그외에도 https://endoflife.date/ubuntu 우분투 등 여러 소프트웨어의 지원 종료날짜가 확인 가능하니 참고하시면 아주 유용한 사이트가 될 것 같습니다.

좌측툴팁과 하단툴팁이 있습니다. css 수정으로 방향을 변경할 수 있습니다. html 파일에서 간단히 방향을 호출해서 사용이 가능합니다.

유튜브, 트위치, 인스타그램 등 다양한 매체별 유저 통계분석 사이트 소셜블레이드(SocialBlade) 확인할 크리에이터, 유저명을 입력하시면 확인 가능합니다. 100% 정확하진 않을 수 있으나, 아직 이만큼 정확한 사이트도 없는것 같습니다. 확인시 영문으로 검색하세요. 구독자수, 순위, 지역 나라별 랭킹 등 다양한 정보를 확인할 수 있습니다. 또한 기간별 각종 변동 정보도 확인 가능합니다. 전체 랭키도

웹사이트 트래픽, 글로벌 순위, 방문자, 페이지뷰 등 다양한 웹사이트 정보를 분석 확인하는 사이트 https://www.statscrop.com/www/happycgi.com 검색시 사이트에 각종 정보는 물론 최근 90일간 방문자 정보, 접속 지역 나라, 사이트 테마 컬러, 방문 키워드, 같은 호스팅에서 운영중인 사이트 등 다양한 정보를 제공하고 있습니다.