일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 솔루션
- 홈페이지제작
- javascript
- 사이트제작
- 해피씨지아이
- #홈페이지제작
- 쇼핑몰
- 해피CGI
- 홈페이지
- #홈페이지
- #웹솔루션
- #솔루션
- #동영상
- #cgimall
- #쇼핑몰
- #해피CGI
- #image
- 웹솔루션
- 게시판
- CGIMALL
- #이미지
- #happycgi
- CSS
- jquery
- #jQuery
- #업종별
- #CSS
- #뉴스
- happycgi
- php
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
닫혀있는 상태 열려있는 상태 체크박스 버튼 닫혀있는 상태의 버튼 css 열려있는 상태의 버튼 css
웹페이지에서 사이드메뉴, 사이드바 또는 컨텐츠 안의 또다른 영역에 스크롤바가 있을경우 해당부분을 스크롤 하다가 스크롤이 더 이상 안되는 부분에서 스크롤이 부모 요소로 전달되는 것을 방지하고 싶을때 사용합니다. overscroll-behavior: auto | contain | none; atuo : 기본값, 스크롤이 부모에게 전달된다 contain : 스크롤이 자식에게 전달된다. none : 스크롤이 전달되지 않는다. overscroll-behavior: auto none; overscroll-behavior: contain contain; overscroll-behavior: none none; x,y 별도 지정이 가능합니다.
Javascript 를 이용하여 이미지의 필터를 설정할 수 있는 프로그램을 소개합니다. # 장점 1. 대화형 CSS 이미지 필터 편집기를 만들 수 있습니다. 2. 버튼과 슬라이더를 사용하여 다양한 이미지 필터를 적용할 수 있는 사용자 친화적인 인터페이스가 제공합니다. 3. 밝기, 대비, 채도와 같은 매개변수를 조정하여 이미지를 창의적으로 수정할 수 있습니다. 4. 슬라이드를 통해 즉각적인 적용 효과를 확인할 수 있습니다. # 사용법 압축파일 해제하시면 index.html , index2.html 파일이 있습니다. index.html 파일은 데모로 제공되는 파일입니다. index2.html 파일은 간략하게 축소한 버젼의 파일 입니다. 실제로 사용해보니 필터를 자주 사용하시는 경우 사용하면 좋을것 같습니다...
소스코드 및 문서를 비교하여 다른 곳을 찾아 알려주는 사이트입니다. Original Text - 비교 대상 1 Changed Text - 비교 대상 2 비교할 텍스트들을 모두 작성하고 하단의 Find difference 버튼을 눌러 비교할 수 있습니다. 서로 다른 내용일 때 Original Text 내용은 녹색으로 Changed Text 빨간색으로 표시하여 내용을 비교해주는 유용한 사이트입니다.
속성을 입력하면 타워의 위치가 옮겨지고 웨이브 시작을 누르면 디펜스를 하는 플렉스 박스 디펜스 게임이며, 해당 라운드를 클리어하면 자기가 쓴 속성에 풀이가 나옵니다. 클리어를 하면 할수록 게임 난이도가 어려워지기 때문에 정확하게 이해하면서 공부할 수 있는 사이트입니다!!
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 jquery.youtube-background.js 파일을 호출합니다. 2. 배경 요소를 만들고 배경으로 사용할 Youtube, Vimeo, HTML5 비디오 영상 주소를 data-vbg 옵션에 넣습니다. 3. 그리고 youtube_background 플러그인을 호출하면 끝입니다. 4. 각종 옵션을 제공합니다. (옵션 코드는 사이트를 참고하세요.) * 모바일에서 비활성화 여부 (기본값 false) * 재생 및 음소거 버튼 표시 여부 (기본값 false) * 영상 로드 전 배경 로드 여부 (기본값 true) * 페이지 로드 시 비디오 자동 재생 여부 (기본값 true) * 페이지 로드시 비디오 음소거 여부 (기본값 true) * 비디오 반복 ..
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 loading-overlay.min.js 파일을 호출합니다. 2. 로딩 텍스트와 스피너가 포함된 로딩 오버레이를 적용할 대상 요소를 만듭니다. 3. 로딩 오버레이용 CSS를 적용합니다. 샘플 CSS 코드는 사이트를 참고하세요. 4. 로딩 오버레이를 추가하거나 제거하는 트리거를 만듭니다. 5. loadingOverlay 함수를 호출합니다. 6. 옵션을 설정할 수 있습니다. - 작동 화면 (샘플 CSS 적용)
마우스를 따라다니는 텍스트 애니메이션 효과입니다. 웹페이지를 좀 더 역동적이고 매력적으로 만들 수 있습니다. HTML 구조 move move move move move CSS 소스 html, body { margin: 0; padding: 0; width: 100%; height: 100vh; background: #161616; overflow: hidden; } .text { position: absolute; pointer-events: none; font-family: venn-extended, sans-serif; font-weight: 700; font-style: normal; font-size: 6em; -webkit-text-stroke: 1px #fff; /*font-weight: 50..
돋보기 클릭 시 검색 영역이 나타나는 애니메이션 효과입니다. 사이트에서 다양한 용도로 응용이 가능합니다. 구현된 화면은 사이트에서 확인하실 수 있습니다. 자세한 소스는 사이트, 첨부파일에서 확인 가능합니다.
안녕하세요 해피CGI 입니다. 오늘 소개해 드릴 자료는 Apache 에서 제공하는 JMeter 입니다. JMeter 는 사이트의 부하 테스트하는 용도로 많이 사용되는 프로그램 입니다. # 설치 방법 1. https://jmeter.apache.org/download_jmeter.cgi 에 접속하여 다운로드 받습니다. 압축 해제시 접근이 용이한 폴더에 압축해제를 권장 드립니다. 실행 하실 때 cmd 를 통해 접근해야 하기 때문에 내문서와 같은 폴더에 하시면 매우 번거롭습니다. 저는 C 드라이브에 Jmeter 폴더를 만들고 해제 했습니다. 2. Java SDK 를 설치 및 환경변수 설정 https://www.oracle.com/java/technologies/downloads/ 다운로드 받아서 설치하세요. ..