목록happycgi (2267)

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

[해피CGI][cgimall] Fullscreen Menu Flexbox Method(풀메뉴)

사이트 제작시 많이 사용되는 풀메뉴 소스를 공유합니다. 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..
웹프로그램밍 자료실/HTML 자료 2022. 12. 7. 09:38
[해피CGI][cgimall] Responsive CSS Image Slider(반응형 슬라이드)

흔하게 쓰는 메인슬라이드 반응형사이트에서 작게나오거나 반응형이 작동안하실경우 모바일 이미지를 따로 올리거나 css를 따로 작성해야하는 번거로움이 있습니다. 다음소스는 반응형 슬라이드 소스입니다.
웹프로그램밍 자료실/HTML 자료 2022. 11. 28. 09:18
[해피CGI][cgimall] Hamburger Icons Animations

해당 아이콘을 클릭하면 에니메이션 효과와 함께 위와 같이 변경됩니다. 이미지가 아닌 소스형태라서 css로 쉽게 변경이 가능합니다. css hover 효과 클릭시 css js
웹프로그램밍 자료실/HTML 자료 2022. 11. 25. 09:18
[해피CGI][cgimall] 클릭하면 폭발하는 이팩트 효과

Particle Explosion on Click jQuery 를 이용하여 클릭하면 폭발하는 이팩트 효과를 주는 라이브러리 입니다. 사용방법 1. 폭발효과는 어느 곳에나 적용할 수 있습니다. 2. CSS를 사용하여 폭발효과의 CSS를 정의할 수 있습니다. 3. 라이브러리를 호출합니다. 4. 이벤트를 등록하면 끝 입니다.
웹프로그램밍 자료실/JAVA 자료 2022. 11. 24. 09:59
[해피CGI][cgimall] Audio Player(오디오 플레이어)

JavaScript 로 만들어진 HTML5 형 오디오 플레이어 입니다. 플레이어의 주요기능 - 플레이어 확대축소 - 플레이 리스트 - 플레이 리스트 확대 축소 - 볼륨 설정 - 재생/일시 중지 - 셔플 - 자동재생 사용방법 압축파일 해제하시면 index.html 파일이 존재합니다. 해당 파일에서 플레이 리스트를 컨트롤 할 수 있습니다. 그 외의 플레이어는 모두 js/script.js 에서 컨트롤 하고 있습니다. 별다른 수정 없이 디자인만 수정하여 사용하기에는 좋은 듯 합니다.
웹프로그램밍 자료실/JAVA 자료 2022. 11. 23. 09:21
[해피CGI][cgimall] TTF 폰트 파일을 woff, EOT 등으로 변환하는 무료 사이트 aspose

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

다양한 분야의 디자인에 어떤 특정 폰트가 사용되었는지 정보를 제공하는 사이트 fonts in use 이미지 썸네일을 클릭시 해당 디자인에 사용된 다양한 폰트 정보가 출력됩니다. 폰트를 클릭시 폰트정보는 물론 해당 폰트로 사용된 다른 작업물 정보도 확인가능합니다.
웹프로그램밍 자료실/기타 자료 2022. 11. 21. 09:26
[해피CGI][cgimall] Animated Star Rating 움직임이 있는 별점 주기

클릭시 별아이콘에 에니메이션 효과가 있습니다. css를 수정하여 에니메이션 효과 수정이 가능합니다. html 파일과 JS 파일을 수정하여 텍스트 변경이 가능합니다.
웹프로그램밍 자료실/JAVA 자료 2022. 11. 18. 09:12
[해피CGI][cgimall] Visual Studio Code에서 PHP 코딩에 도움이 되는 확장팩

마이크로소프트에서 나온 무료 개발툴인 Visual Studio Code 에서, php 코딩을 하실 때 편리하게 사용할 수 있는 확장팩을 소개 해드리려고 합니다. 1. PHP Formatter 다운로드는 아래 URL을 참고하세요 https://marketplace.visualstudio.com/items?itemName=Sophisticode.php-formatter - PHP 코드 정렬을 지원합니다. (HTML 혼용 사용은 불가합니다) - 파일 저장 시 포맷을 지원합니다. 2. Format HTML in PHP 다운로드는 아래 URL을 참고하세요 https://marketplace.visualstudio.com/items?itemName=rifi2k.format-html-in-php - PHP파일 내에서..
웹프로그램밍 자료실/기타 자료 2022. 11. 17. 09:14
[해피CGI][cgimall] SVG를 백그라운드로 사용해보자

SVG 코드를 Insert SVG란에 넣어 출력되는 Css코드를 이용하여 SVG를 백그라운드로 사용할 수 있도록 변환해주는 사이트입니다. Insert SVG에 svg 코드를 넣으면 아래와같이 출력이 됩니다. 아래의 ready for css의 코드부분에서 확인하실 수 있으며 preview에서 결과값도 확인할 수 있습니다. svg를 이용하여 보다 또렷한 아이콘을 출력하세요
웹프로그램밍 자료실/기타 자료 2022. 11. 16. 09:11
Prev 1 ··· 73 74 75 76 77 78 79 ··· 227 Next