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

Epub.js는 브라우저를 통해 epub 문서를 랜더링 할 수 있는 javascript 라이브러리 입니다. EPUB 형식의 파일로 현재 많은 책들이 저장되어 널리 사용되고 있습니다. EPUB에 대한 자세한 설명은 아래 페이지를 참고 하시면 도움이 되시겠습니다. https://idpf.org/epub/30/spec/epub30-overview.html https://github.com/futurepress/epub.js 페이지를 통해 사용법 확인 및 소스 다운로드가 가능 하며, 다양한 데모 확인도 가능 합니다.

마이크로소프트에서 오픈소스로 개발한 개발툴입니다. 마이크로소프트의 개발툴 중 최초로 크로스플랫폼을 지원하는 에디터로써 Windows, MacOS, Linux 모두 지원합니다. 다운로드 링크: https://code.visualstudio.com/ Version 1.71.2 (2022-08) 병합 편집기 개선 - 텍스트 편집기와 병합 편집기 간의 더 쉬운 전환. 확장된 코덱 지원 - 노트북 및 웹 보기에 포함된 오디오 및 비디오를 표시하는 데 도움이 됩니다. 파일 이름 변경 선택 - F2 키를 누르면 파일 이름, 전체 이름 또는 파일 확장자가 선택됩니다. 새로운 코드 작업 UI - 원하는 코드 작업을 빠르게 찾을 수 있습니다. 터미널 업데이트 - 물고기와 Git Bash를 위한 셸 통합, 새로운 부드러운 ..

사이트 제작시 많이 사용되는 풀메뉴 소스를 공유합니다. HTML 소스 .plus-btn-pos .plus-btn .r1 .r2 .content div h1 Fullscreen Menu h2 Flexbox Style .menu-container - for i in (1..3) .menu-sliders .menu ul li a Home li a About li a Work li a Contact CSS 소스 @import url(https://fonts.googleapis.com/css?family=Roboto:300,100); .content { display:flex; justify-content: center; align-items: center; position: absolute; height: 10..

흔하게 쓰는 메인슬라이드 반응형사이트에서 작게나오거나 반응형이 작동안하실경우 모바일 이미지를 따로 올리거나 css를 따로 작성해야하는 번거로움이 있습니다. 다음소스는 반응형 슬라이드 소스입니다.

해당 아이콘을 클릭하면 에니메이션 효과와 함께 위와 같이 변경됩니다. 이미지가 아닌 소스형태라서 css로 쉽게 변경이 가능합니다. css hover 효과 클릭시 css js

Particle Explosion on Click jQuery 를 이용하여 클릭하면 폭발하는 이팩트 효과를 주는 라이브러리 입니다. 사용방법 1. 폭발효과는 어느 곳에나 적용할 수 있습니다. 2. CSS를 사용하여 폭발효과의 CSS를 정의할 수 있습니다. 3. 라이브러리를 호출합니다. 4. 이벤트를 등록하면 끝 입니다.

JavaScript 로 만들어진 HTML5 형 오디오 플레이어 입니다. 플레이어의 주요기능 - 플레이어 확대축소 - 플레이 리스트 - 플레이 리스트 확대 축소 - 볼륨 설정 - 재생/일시 중지 - 셔플 - 자동재생 사용방법 압축파일 해제하시면 index.html 파일이 존재합니다. 해당 파일에서 플레이 리스트를 컨트롤 할 수 있습니다. 그 외의 플레이어는 모두 js/script.js 에서 컨트롤 하고 있습니다. 별다른 수정 없이 디자인만 수정하여 사용하기에는 좋은 듯 합니다.

다양한 환경에 맞는 폰트 지원을 위해 폰트 타입 변환시 유용한 무료사이트 aspose TTF -> woff , woff2 eot -> woff, woff2 cff -> woff, woff2 등 다양한 폰트타입으로 변환이 가능합니다. 폰트 타입 변환 방법 1. 초기 파일의 형식과 동일한 변환기를 선택합니다. 2. 변환하려는 형식과 동일한 변환기를 선택합니다. 3. 파일을 추가하려면 파란색 영역의 아무 곳이나 클릭하거나 파일 찾아보기 버튼을 클릭하여 업로드하거나 끌어다 놓습니다. 4. URL 셀에 URL을 입력하여 문서를 추가할 수도 있습니다. 5. 선택을 재설정하거나 다시 시작하려면 드래그 앤 드롭 영역의 오른쪽 상단 모서리에 있는 십자 기호를 클릭합니다. 6. 변환 버튼을 클릭합니다.글꼴 파일이 업로드되..

다양한 분야의 디자인에 어떤 특정 폰트가 사용되었는지 정보를 제공하는 사이트 fonts in use 이미지 썸네일을 클릭시 해당 디자인에 사용된 다양한 폰트 정보가 출력됩니다. 폰트를 클릭시 폰트정보는 물론 해당 폰트로 사용된 다른 작업물 정보도 확인가능합니다.

클릭시 별아이콘에 에니메이션 효과가 있습니다. css를 수정하여 에니메이션 효과 수정이 가능합니다. html 파일과 JS 파일을 수정하여 텍스트 변경이 가능합니다.