목록#cgimall (1322)

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

[해피CGI][cgimall] Android-style Analog Clock Time Picker Plugin With jQuery

모바일에서 시간을 선택하는 jquery 플러그인입니다. 다운로드 받은 파일의 압축을 풀면 나오는 index.html 파일을 메모장이나 텍스트 편집기로 열어보면 위 코드를 아래 처럼 변경을 해서 저장하면, 웹브라우저로 열어보면 확인이 가능합니다. NPM을 설치가 가능하면, https://github.com/loebi-ch/jquery-clock-timepicker 위 링크를 참고하면 되겠습니다. 예제 화면에는 위 그림 처럼 시간과, 분을 입력해둔 다양한 케이스의 입력폼을 볼수 있네요. 시간이 입력된 입력폼을 클릭해보면 위 그림 처럼 아날로그 시계모양이 화면에 표시가 되고 시계에 표시되는 시간을 클릭해서 입력폼에 입력된 시간을 조절할 수가 있네요. 웹페이지에 시계를 표시하기 위한 다양한 옵션들이 제공이 되며..
웹프로그램밍 자료실/JAVA 자료 2020. 4. 13. 09:12
[해피CGI][cgimall] 아이폰 전용 Mockup 이미지 kkuistore

아이폰 전용 목업이미지를 이용할 수 있는 kkuistore 입니다.최신 ipad pro 12.9 부터 iphone5s 도 지원하고 있으며 기타 브라우저 및 안드로이드 기기의 목업이미지도 제공합니다.기기별 테두리 라인을 심플버전으로 제공합니다. 아이패드부터 아이폰, Mac, 일부 안드로이드 등 다양한 기기별 목업 이미지를 제공합니다. vector 방식으로 제작되어 유용하게 이용이 가능합니다. https://mockups.kkuistore.com/license/ MIT 라이센스로 상업적 무료 이용이 가능하나, 라이센스 규격을 읽어보시고 이용하시기 바랍니다.
웹프로그램밍 자료실/기타 자료 2020. 4. 10. 09:07
[해피CGI][cgimall] 내 브라우저의 크기를 알려주는 howbigismybrowser

와이드형 모니터가 보급화 되면서 각 브라우저별 디바이스 화면에 대한 사이즈가 다양하게 변화되고 있습니다.현재 내가 사용중인 디바이스의 사이즈를 알려주는 사이트입니다. 사이트에 접속하면 내 브라우저 크기를 바로 확인할 수 있습니다. 내 브라우저의 크기 및 홈페이지를 제작중에 사이즈 값을 확인하고 싶을때 확인하시기 용의합니다.^^
웹프로그램밍 자료실/기타 자료 2020. 4. 9. 09:19
[해피CGI][cgimall] 특정컬러 변경 가능한 일러스트 사이트 unDraw

일러스트의 특정 포인트 컬러를 원하는 색상으로 변경하여 SVG, PNG 이미지로 다운가능한 사이트 "unDraw"를 소개합니다. unDraw에서는 상당한 양의 일러스트를 상업적으로도 무료로 제공하고 있습니다. 자세한 이미지 라이센스는 [링크]에서 확인하실 수 있습니다. 우측 상단 색상박스로 일러스트의 특정 생상을 변경할 수 있습니다. 원하는 색상을 고른 후, 다운 받을 이미지를 선택하시면 SVG, PNG이미지로 다운받아 사용하실 수 있습니다.
웹프로그램밍 자료실/기타 자료 2020. 4. 8. 09:06
[해피CGI][cgimall] 웹에서 듀오톤 이미지 만들기 Duotone

웹에서 쉽게 듀오톤 이미지를 생성할 수 있는 사이트 "Duotone"을 소개합니다. 좌측에 원하는 색상 두가지를 선택하면 우측 이미지들의 색상이 변경되는 것을 바로 확인하실 수 있습니다. 우측이미지들은 unsplash라는 유명한 무료이미지 사이트에서 검색되는 이미지로 저작권 걱정없이 사용하실 수 있습니다. [이미지 라이센스 확인] 우측상단에 검색바로 unsplash이미지를 검색하실 수 있으며 upload 버튼을 클릭하면 가지고 있는 이미지를 업로드하여 듀오톤으로 보정할수도 있습니다!! 원하는 이미지를 선택하면 듀오톤으로 보정된 이미지를 다운받아 보실 수 있습니다. ^^
웹프로그램밍 자료실/기타 자료 2020. 4. 7. 09:07
[해피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
Prev 1 ··· 18 19 20 21 22 23 24 ··· 133 Next