목록#해피CGI (1226)

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

[해피CGI][cgimall] Distorted Link Effects with SVG Filters

비틀고 일그러뜨리는 링크 이펙트효과를 표현한 링크효과 입니다. 라인, 원, 네모등 다양한 왜곡 효과들을 확인하실 수 있으며 데모사이트에서 자료를 받아 확인하실 수 있습니다.
웹프로그램밍 자료실/DHTML 자료 2020. 4. 6. 09:13
[해피CGI][cgimall] 마우스의 이동방향에 따른 마우스오버 효과 Direction-aware 3D hover effect (Concept)

마우스의 이동방향에 따라 캡션이 열리는 방향이 달라집니다. 해당사이트에서 html, css, js 소스를 확인할 수있습니다.
웹프로그램밍 자료실/기타 자료 2020. 4. 3. 09:08
[해피CGI][cgimall] 카드형태의 반응형 마우스오버 효과 Card Hover Interactions

카드형태의 정보출력시 반응형 마우스오버 효과입니다. 마우스 오버시 이펙트 css 만으로 작동 브라우저 크기에 따른 반응형 소스
웹프로그램밍 자료실/기타 자료 2020. 4. 2. 09:14
[해피CGI][cgimall] KRX - 주식관련 기업정보, 시세정보 및 공시정보 API

KRX 상장기업지원서비스에서 제공하는 주식관련 정보 제공 API 입니다. XML 형태로 값을 전달 받아 가공하여 적용 할 수 있습니다. 해당 서비스를 이용하기 위해서는 회원가입후 서비스 신청을 해주셔야 됩니다. 구체적인 서비스 이용방법은 아래 페이지에서 확인이 가능 합니다. https://kasp.krx.co.kr/contents/02/02010000/ASP02010000.jsp
웹프로그램밍 자료실/기타 자료 2020. 4. 1. 09:05
[해피CGI][cgimall] 크롬 확장프로그램 - 웹페이지 스크린샷 Full Page Screen Capture

크롬 확장프로그램으로 구현된 Full Page Screen Capture 입니다. 크롬으로 웹페이지 접속후 해당 페이지의 전체 스크린샷이 필요 할 경우 유용하게 이용이 가능 합니다. 스크린샷된 화면은 PDF 파일이나 PNG 이미지 파일로 저장이 가능 하며, 저장전에 편집을 할 수도 있습니다. 크롬 브라우저를 통해 아래 링크로 접속시 즉시 추가 가능 합니다. https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?utm_source=chrome-ntp-icon 추가버튼을 클릭해서 Install 이 완료 되는 경우 주소창 옆에 아래와 같이 스크린샷 아이콘이 추가 됩니다. 스크린샷이 필요..
웹프로그램밍 자료실/기타 자료 2020. 3. 31. 09:09
[해피CGI][cgimall] Justified Image Grid With Lightbox - jQuery Flex Photo Gallery

jQuery 와 CSS flexbox 로 만들어진, 반응형의 사진 갤러리 입니다. 첨부된 파일의 압축을 풀어서 나오는example/index.html 파일을 웹브라우저 열어보면 데모를 확인이 가능합니다. 반응형이어서, 화면의 크기에 맞게 이미지의 배열이 적당하게 조절이 됩니다. 이미지를 클릭해보면 해당 이미지가 light box 로 팝업이 됩니다. 좌우 화살표를 이용해서 다음 이미지나, 이전 이미지로 슬라이드도 됩니다. 위 그림 처럼 index.html 파일의 소스코드도 상당히 간단합니다.
웹프로그램밍 자료실/JAVA 자료 2020. 3. 30. 09:13
[해피CGI][cgimall] 코딩을 편하게 해주는 반응형 HTML 템플릿 제작툴 사이트 aperitif

클릭 몇번 만으로 반응형 HTML 템플릿을 만들 수 있는 사이트 aperitif 입니다. "LET's GO!" 버튼을 클릭하면 아래이미지와 같은 페이지로 이동합니다. 왼쪽 부분에서 채우고자 하는 칸을 클릭한 후, 오른쪽 부분에서 원하는 디자인을 선택합니다. HEADER, CONTENT, BLOG, FOOTER와 같이 성격에 맞는 카테고리를 선택하여서 디자인을 확인하실 수 있습니다. 원하는 디자인 선택을 완료한 후, 우측 상단에 "GENERATE" 버튼을 클릭하면 'file.zip' 파일을 다운받으실 수 있습니다. zip파일 압축을 풀어보면 html, css, js 파일을 확인하실 수 있습니다. html파일을 브라우저에 띄워보면 위 이미지와 같이 템플릿이 완성된 버전을 확인해 보실 수 있습니다. 소스 수정..
웹프로그램밍 자료실/HTML 자료 2020. 3. 27. 09:08
[해피CGI][cgimall] 스포카한산스 - spoqa

어도비와 구글이 합작하여 개발한 본고딕을 수정하여 개발하였다고 합니다. 한국어, 일본어, 영어 모두 사용이 가능하고 숫자를 많이 사용하는 모바일에서 알아보기 쉽도록 폭을 고정하였다고 합니다. 서체는 bold/ regular /light /thin으로 구성되어 웹페이지 사용도를 높였습니다. 보다 자세한 내용은 홈페이지바로가기 버튼을 클릭하여 상세페이지에서 확인이 가능하며 개인 및 기업 모든사용자에게 무료로 제공 및 자유롭게 사용 수정, 재배포가 가능한 폰트입니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 26. 09:10
[해피CGI][cgimall] 무료 한글 폰트 - 지마켓 산스

스샷에서 보듯 영문, 한글, 숫자 등에서 가독성이 참 좋은 폰트 입니다. 지마켓에서 현재 사용중이며, 쇼핑몰들에서 사용하기 좋은 폰트로 보입니다. 누구나 아무 제약 없이 사용할 수 있습니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 25. 09:05
[해피CGI][cgimall] 새 Chromium 기반 Microsoft Edge

크롬 기반으로 엣지 브라우저가 오랫동안 베타 기간을 지나 정식 출시 하였습니다. 크롬 기반이라 크롬 확장프로그램도 사용 가능합니다. 기존 윈도우 10 에서 엣지 브라우저를 사용하시던 분께서는 업데이트 하셔서 크롬 기반의 엣지 브라우저를 사용해 보시기 바랍니다.
웹프로그램밍 자료실/기타 자료 2020. 3. 24. 09:01
Prev 1 ··· 18 19 20 21 22 23 24 ··· 123 Next