목록웹프로그램밍 자료실 (2652)

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

[해피CGI][cgimall] Expanding flex cards - 카드형식의 배너

카드형식의 배너로 슬라이드 배너/ 네비게이션 등 활용도가 높을뿐 아니라 트렌디한 디자인으로 사이트 사용시 디자인 및 유용성이 높습니다. HTML 소스 Blonkisoaz Omuke trughte a otufta Oretemauw Omuke trughte a otufta Iteresuselle Omuke trughte a otufta Idiefe Omuke trughte a otufta Inatethi Omuke trughte a otufta Photos from Victor of Valencia on tumblr CSS 소스 $optionDefaultColours: #ED5565,#FC6E51,#FFCE54,#2ECC71,#5D9CEC,#AC92EC; body { display:flex; flex-dir..
웹프로그램밍 자료실/HTML 자료 2023. 4. 26. 09:19
[해피CGI][cgimall] Neumorphism 스타일의 css 생성 사이트

빛의 방향 조절이 가능합니다. 모앙이 평평한 형태 모양이 오목한 형태 모양이 볼록한 형태 모양이 음각이 형태 위와 같이 다른 형태의 소스도 생성이 가능합니다.
웹프로그램밍 자료실/기타 자료 2023. 4. 25. 09:08
[해피CGI][cgimall] FANCY-BORDER-RADIUS 도형의 모서리 반경 범위를 css로 생성

마우스로 꼭지점을 이동해서 원하는 모양으로 변경하고 하단에서 소스를 복사하여 사용이 가능합니다. style="width:300px; height:300px; background: #FF0099; background-image: linear-gradient(45deg,#3023AE 0%,#FF0099 100%); border-radius:30% 70% 70% 30% / 58% 80% 20% 42%;"
웹프로그램밍 자료실/기타 자료 2023. 4. 24. 09:34
[해피CGI][cgimall] Sticky Header + Smooth Scroll + Scrollspy = Stoocky Page

다운로드 받은 파일의 압축을 해제한 뒤 index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 웹페이지에서 스크롤을 내리다 보면 위 그림 처럼 스크롤을 따라다니는 메뉴가 상단에 붙어서 현재 보고 있는 위치가 어디인지를 표시해주게 됩니다. 사용방법은 아래와 같습니다.
웹프로그램밍 자료실/JAVA 자료 2023. 4. 21. 09:08
[해피CGI][cgimall] 색상 조합 어도비 컬러로 해결하세요.

색상 조합 어도비 컬러로 해결하세요. 홈페이지를 제작할때 로고색상, 상품색상에 따라가면 뭔가 어울리지 않을 때 기준 색상을 선택하고 조합색상을 쉽게 찾을 수 있는 어도비 컬러입니다. - 이미지에 포함된 각종 색상을 추출하는 기능 - 이미지에 포함된 그라데이션 색상을 추출하는 기능 - 홈페이지 접근성을 높이기 위한 대비 검사기 기능 등 다양한 기능을 제공합니다. 색상 선택이 고민일땐 최신 색상 트렌드 정보도 제공하니, 여러모로 유용하네요. 홈페이지제작시 참고하세요.
웹프로그램밍 자료실/기타 자료 2023. 4. 19. 09:09
[해피CGI][cgimall] 상업용으로 사용할 수 있는 무료 이미지 사이트 펙셀

상업용으로 사용할 수 있는 무료 이미지 사이트 펙셀 상업적인 사이트를 제작 운영 시 안심하고 사용할 수 있는 무료 이미지가 필요합니다. 펙셀은 가끔 저작권을 명시해야 될때도 있지만 별도의 출처명시없이 무료이미지를 사용할 수 있습니다. 한글화도 되어 있어서 편하게 사용이 가능하며, 이미지는 물론, 무료 영상 자료도 제공하고 있습니다. 이미지를 다운로드시 다양한 사이즈 중 선택 다운로드가 가능합니다. 이미지마다 일부 라이센스 정책이 다르니, 꼼꼼히 확인해서 홈페이지 제작에 사용해보세요.
웹프로그램밍 자료실/기타 자료 2023. 4. 18. 09:18
Touch-enable Draggable Pie Chart Generator In JavaScript/jQuery

다운로드 받은 파일의 압축을 해제한 후 example.html 파일을 웹브라우저로 열어보면 pie 그래프의 데모 확인이 가능합니다. 화면에 pie 그래프가 표시가 됩니다. pie 그래프에 동그라미를 클릭해서 드래그 함으로써 그래프의 비율을 조절할 수 있습니다. 그래프 하단의 비율을 표시해주고, + 버트과, - 버튼을 클릭하면, 화면에 표시되는 pie 그래프에 반영이 되게 됩니다. 사용방법은 아래와 같습니다. 그래프가 표시되는 웹페이지를 이용해서 하루 일정 등을 표시하는 용도로도 사용할 수 있겠지만, 사이트 방문자가 원하는 바를 전달을 받기 위한 용도로도 사용할 수 있겠네요.
웹프로그램밍 자료실/JAVA 자료 2023. 4. 14. 09:05
[해피CGI][cgimall] dnssec-analyzer - DNSSEC 검증 사이트

DNSSEC를 검증 할 수 있는 사이트 입니다. https://dnssec-analyzer.verisignlabs.com DNSSEC는 기존 DNS 체계가 인증된 도메인 소유자로부터 정상적으로 온것인지, 위조가 된것인지 판단을 하지 못하는 취약점을 개선하기 위해 개발 되었습니다. DNSSEC 에 대해서는 네이버나 구글에 검색시 자세한 정보 확인이 가능 합니다. 사이트에 접속을 하면 도메인을 입력하는 입력박스가 나오는데, 이곳에 도메인을 입력하여 DNSSEC 조회가 가능 합니다. 아래는 네이버로 조회를 해본 결과 입니다. 구글도 조회를 해보면 아래와 같은 결과가 나옵니다. 반면에 해당 기능을 제공하는 사이트의 도메인을 조회 해보면, DNSSEC가 정상으로 체크된 결과를 확인이 가능 합니다. 혹시 DNSSE..
웹프로그램밍 자료실/기타 자료 2023. 4. 4. 09:11
[해피CGI][cgimall] DNS Performance - 전세계에서 DNS 응답속도 체크 사이트

전세계 여러 지역에서 DNS의 응답속도를 체크 할 수 있는 DNS Performance 입니다. https://www.dnsperf.com/dns-speed-benchmark 위 URL을 통해 접속이 가능하며, 접속을 한뒤에 도메인을 입력하여 TEST를 진행 할 수 있습니다. 테스트를 진행하게 되면 아래와 같이 지도에서 각 지역별 응답속도 확인이 가능 합니다. 1000ms -> 1초 입니다. 지도 하단에는 각 국가별 응답속도를 목록으로 확인 가능 합니다.
웹프로그램밍 자료실/기타 자료 2023. 4. 3. 09:09
[해피CGI][cgimall] 개인 도메인으로 이메일을 쓸 수 있게 해주는 Mailgun API

소유하고 있는 개인 도메인을 이용하여 쉽게 도메인 이메일을 제작하게 도와주는 서비스인 Mailgun API를 소개합니다. 개발 중 메일 발송이 필요할 때 API를 제공해 줍니다. 대량 메일 발송 서비스와 발송된 메일에 대한 추적, 통계 등의 서비스도 있습니다. 도메인 설정만으로 도메인 메일 서비스를 이용할 수 있으며 매달 10,000건의 무료 이메일 발송이 가능하기 때문에 큰 기업에서 사용하시는 것이 아니라면 거의 무료로 사용 가능합니다. https://www.mailgun.com/blog/email/php-how-to-use-mailgun-efficiently/#subchapter-1 위 페이지에 접속하시면 PHP에서 Mailgun을 연동하는 방법을 상세히 배워보실 수 있습니다. PHP 뿐만 아니라 각..
웹프로그램밍 자료실/기타 자료 2023. 3. 30. 09:20
Prev 1 ··· 29 30 31 32 33 34 35 ··· 266 Next