일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 사이트제작
- 홈페이지
- #웹솔루션
- #happycgi
- #CSS
- happycgi
- 해피CGI
- 게시판
- 홈페이지제작
- #솔루션
- #홈페이지제작
- javascript
- #쇼핑몰
- #동영상
- #뉴스
- #해피CGI
- #홈페이지
- 솔루션
- #image
- #cgimall
- CGIMALL
- 쇼핑몰
- 해피씨지아이
- #업종별
- php
- 웹솔루션
- CSS
- #jQuery
- #이미지
- jquery
- Today
- Total
목록웹프로그램밍 자료실/기타 자료 (924)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/yPCHZ/btsMccA3jmd/K92vl6UeYx8KLFaI5XzBRk/img.jpg)
마우스를 오버하면 해당 이미지 캐릭터가 입체느낌으로 나오는 디자인입니다.소개용으로 사용하면 좋을거 같습니다.HTML과 CSS로 제작되었습니다.자세한 내용은 데모를 확인해 주시기 바랍니다.HTML https://ggayane.github.io/css-experiments/cards/dark_rider-cover.jpg" /> https://ggayane.github.io/css-experiments/cards/dark_rider-title.png" /> https://ggayane.github.io/css-experiments/cards/dark_rider-character.webp" /> https://ggayane.github.io/cs..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bZsh2M/btsMc1R4Ooc/ioKvEWV1M74BqrQ02cCwb0/img.jpg)
하나금융그룹에서 제공하는 환율정보조회 API 입니다.국내최다 58종의 통화 고시환율을 제공합니다.https://www.hanafnapimarket.com/?utm_source=chatgpt.com#/apis/detail?apiId=hbk00004 REST API 로 개발되어 있으며 구체적인 개발 가이드는 아래 페이지를 참고 해주세요.https://www.hanafnapimarket.com/?utm_source=chatgpt.com#/apis/guide?apiId=hbk00004 API를 이용하실려면 아래의 이용방법을 참고 하셔서 가입 및 심사 이후에 이용이 가능 합니다.https://www.hanafnapimarket.com/?utm_source=chatgpt.com#/openapiguide/api
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bxI9sd/btsL91kUPBr/B7qJnAnfonyv4jZyiHkEk1/img.jpg)
한국은행에서 제공하는 경제통계 OPEN API로서, 통화/금융, 소득, 환율, 무역지수등의 다양한 경제관련 통계를 제공하는 API 입니다.https://ecos.bok.or.kr/api/ 개발 메뉴얼은 개발가이드 메뉴로 접근시 확인이 가능 합니다.https://ecos.bok.or.kr/api/#/DevGuide/DevSpeciflcation 언어별로 개발 가이드도 제공이 되고 있으니 참고 하셔서 개발 하시면 편하게 개발이 가능하겠습니다.API를 통해 제공되는 통계항목은 아래 페이지를 참고 하시면 됩니다.https://ecos.bok.or.kr/api/#/DevGuide/StatisticalCodeSearch
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/mt3bD/btsL73wH2ET/iLBy3ghEU6rlWJcO7kQF7k/img.jpg)
우측에서 기본적인 도형을 선택해서 좌측에서 확인 할 수 있습니다.도형의 꼭지점을 드래그 또는 삭제하여 모양을 변경 할 수 있습니다.하단에 css가 생성 되어 복사하여 사용 할 수 있습니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/brcaMV/btsL50UYla3/Hi8VE4dbsja1ZLjJOy5BE1/img.jpg)
우측의 툴로 그림자 옵션을 설정하면 좌측에 css 소스와 함께 효과를 바로 확인 할 수 있습니다.그림자 크기, 투명도, 수평 거리, 수직 거리, 강도 등을 손쉽게 설정 할 수 있습니다.적용된 화면을 바로 확인 할 수 있고 css 소스를 복사할 수 있습니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c6FuMi/btsLVBOzvrX/d3773mTNKhWKrxCykQghpK/img.jpg)
마우스 스크롤, 오버에 따라 효과가 적용되는 텍스트 효과입니다.응용하여 다양한 예제의 텍스트를 만들 수 있습니다.HTML 구조 TEXT EFFECTWOAH GSAPAND CLIPPING CRAZYYYCRAZYYY HOVER ON MEhttps://stacksorted.com/text-effects/minh-pham" target="_blank" rel="noopener">SOURCE LIKE THIS?https://twitter.com/juxtopposed" target="_blank" rel="noopener">LET'S CONNECT CSS 소스body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; background-colo..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/w0hvH/btsLUT8HOtm/TiTLeCmStG3vKQwwVkvKKk/img.jpg)
클릭하면 움직이는 아이콘과 메뉴가 나타나는 서치 효과입니다.응용하여 다양한 사이트의 메뉴로 사용할 수 있습니다.HTML 구조 Comment ⌘+Shift+M Ask AI ⌘+J Delete Del Duplicate ⌘+D ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/E6bkI/btsLSQjxKh8/lxhnJHbtmzL0A4ozvI22NK/img.png)
다음은 HTML과 CSS, JavaScript를 활용하여 눈이 내리는 애니메이션을 구현하는 코드에 대한 설명입니다.이 애니메이션은 눈송이가 하늘에서 떨어지는 모습을 표현하며, 눈송이가 바닥에 닿으면 쌓이는 독특한 효과를 제공합니다.겨울의 분위기를 연출하는 데 적합하며, 웹사이트의 배경 또는 이벤트 페이지 디자인에 활용할 수 있습니다.자세한 내용은 데모를 확인해 주시기 바랍니다. HTML CSSbody { margin: 0; padding: 0; background-image: linear-gradient(to bottom, #00111a, #00334d, #005580); background: url("https://hagall-media.de/cp/forest3.jpg") repeat-x; backgr..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bMIc8o/btsLQ5NU0l2/LzbVcQQcFYvCBT9aKUEylk/img.png)
이 서비스는 웹에서 동영상 파일을 간편하게 업로드하여 크기를 줄이는 데 유용합니다.추가로, 동영상에서 오디오를 제거하는 기능도 제공하여 더욱 최적화된 파일을 생성할 수 있습니다.온라인에서 빠르고 쉽게 사용할 수 있어 개인 사용자와 전문가 모두에게 적합합니다. 동영상 너비도 조절이 가능합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/kKkxp/btsLOpttmyP/PtZ5xpMGrZw9ELUkkGTxY1/img.png)
Poe는 여러 AI모델과 대화할 수 있는 플랫폼입니다. ChatGPT, GPT-4o, Claude 3.5 Sonnet, FLUX1.1 등 다양한 AI 모델과 대화하고 정보를 확인해보세요.주요 기능은 - 여러 다양한 AI모델을 선택하여 대화할 수 있습니다.- 모바일 앱도 제공하여 스마트폰에서도 손쉽게 이용이 가능합니다.- 구글 , 애플 계정으로 로그인을 이용할 수 있습니다.무료로도 이용이 가능하나,무료 이용시 간단한 기본 기능만 제공하고, AI 모델도 제한적입니다.또한 하루 또는 월간 사용량이 제한됩니다.유료 플랜 이용시 GPT-4o, claude 3.5 등 성능이 좋은 AI모델을 이용할 수 있으며,고급기능 및 사용량 제한이 높습니다.AI 가 쏟아지는 요즘 나에게 잘맞는 AI Poe AI로 찾아보세요.