일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 홈페이지제작
- 게시판
- #홈페이지제작
- CSS
- #cgimall
- #업종별
- #뉴스
- 해피씨지아이
- #솔루션
- 홈페이지
- CGIMALL
- 쇼핑몰
- #jQuery
- #웹솔루션
- jquery
- #CSS
- javascript
- 솔루션
- php
- 웹솔루션
- #쇼핑몰
- #image
- #동영상
- 해피CGI
- 사이트제작
- happycgi
- #이미지
- #해피CGI
- #happycgi
- #홈페이지
- Today
- Total
목록CGIMALL (2238)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cWbHUi/btsJygTBDYT/VcIYKy3BChkQzENtvY7Xr0/img.jpg)
시각적 탐색 및 아이디어 수집핀터레스트는 이미지 기반의 플랫폼으로, 사용자가 원하는 아이디어나 정보를 이미지로 빠르게 찾을 수 있습니다. 디자인, 패션, 요리, DIY 프로젝트 등 다양한 분야의 아이디어를 시각적으로 탐색할 수 있어 매우 직관적입니다. 맞춤형 추천사용자의 관심사와 검색 패턴에 따라 관련된 콘텐츠를 자동으로 추천합니다. 이를 통해 더 많은 영감을 쉽게 얻을 수 있습니다. 편리한 북마크 기능‘핀’을 이용해 원하는 이미지를 자신의 보드에 저장할 수 있어, 나중에 쉽게 다시 찾아볼 수 있습니다. 이는 개인적인 아이디어 보드나 프로젝트 계획을 짜는 데 매우 유용합니다. 강력한 검색 기능특정 키워드를 입력하면 그와 관련된 다양한 이미지를 즉시 검색할 수 있습니다. 특히 트렌드, 특정 디자인 스타일,..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GYmVb/btsJx2T6zGx/BFrD059Sqh4OZFcmt83ni1/img.jpg)
주로 UI/UX 디자이너들을 위한 레퍼런스 사이트입니다.해외 앱의 정보만 제공하고 있습니다.사용자가 필요로 하는 특정 디자인을 쉽게 찾을 수 있도록, 앱 유형, 화면 목적, 사용자 경험 등에 따라 세분화된 카테고리를 제공합니다앱의 거의 모든 페이지 들을 보여줍니다.일일이 회원가입이나 앱 설치가 번거스러울때 참고하기 편한 사이트 입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/l86vw/btsJwbYhtnI/firzMH7T3lkkULOkmVphrK/img.jpg)
로고를 이용한 이미지 슬라이드 Carousel입니다.로고를 변경하여 다양하게 응용 가능한 슬라이드 효과입니다.HTML 구조 CSS 소스body { background: black; margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column;} @keyframes moveBg { from { background-position: 0 50%; } to { background-position: -1134px 50%; }} .carousel { --blur: 6px; --contrast: 105%; --speed: 13s; he..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vLAeO/btsJwfys5Sm/olE1To1YuSe9uu50PkJDZ0/img.gif)
안녕하세요 해피CGI 입니다. 해피 체험단모집 솔루션 Ver4.2 홈페이지가 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 체험단모집 A 솔루션 Ver4.2 해피 체험단모집 B 솔루션 Ver4.2 더욱 강력한 기능으로 보답하겠습니다.감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/1Tdlr/btsJtsrmCP9/L8uGgWNby8c7IKuw9KKmA0/img.gif)
안녕하세요 해피CGI 입니다. 해피 트립 솔루션 Ver1.4로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다.감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cs5r17/btsJryyYyEb/rx6YyQppROEjv5goKCvoFK/img.jpg)
GSAP를 이용한 이미지 슬라이드입니다.활용도가 높아 다양한 사이트에서 사용 가능합니다.HTML 구조 arrow drop CodePen cart caret LikeNuShus man & woman ... CSS 소스 *,*::after,*::before { box-sizing: border-box;} html { background: #fff;} body { --color-text: #000; --color-bg: #fff; --color-link: #000; --color-link-hover: #858585; --color-nav-bg: #fff; --color-nav-hover: #858585; --color-cart-bg: #000; --co..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cD3mHn/btsJqQewiI5/GF4kntbtSm9WqXcMebDGpK/img.png)
안녕하세요 해피CGI 입니다.해피 종합구인구직 솔루션 Ver6.2으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 해피 종합구인구직 B 솔루션 Ver6.2(헤드헌팅 미포함+내주변검색 모바일 미포함) 해피 종합구인구직 B 솔루션 Ver6.2(헤드헌팅 미포함+내주변검색 모바일 포함) 해피 종합구인구직 B 솔루션 Ver6.2(헤드헌팅 포함+내주변검색 모바일 미포함) 해피 종합구인구직 B 솔루션 Ver6.2(헤드헌팅 포함+내주변검색 모바일 포함) 해피 종합구인구직 C 솔루션 Ver6.2(헤드헌팅 미포함+내주변검색 모바일 미포함) 해피 종합구인구직 C 솔루션 Ver6.2(헤드헌팅 미포함+내주변검색 모바일 포함) 해피 종합구인구직 C 솔루션 Ver6.2..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cn1Gwj/btsJortkOaL/dSx2voSHmd0K26kk6wYNIK/img.png)
안녕하세요 해피CGI 입니다.해피 크라우드펀딩 솔루션 Ver3.0으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다.감사합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cJTg9g/btsJoqHXWsE/QCOKNwYiTZnUArLVmKyvY1/img.jpg)
fillInTheBlank.js는웹 페이지에서 대화형 빈칸 채우기 질문을 만들 수 있는 경량 jQuery 플러그인입니다.플러그인은 교육 웹사이트, 퀴즈 또는 대화형 콘텐츠가 필요한모든 시나리오에 대한 빈칸 채우기 연습을 만드는 데 도움이 될 수 있습니다.수동적 읽기를 능동적 학습 경험으로 전환하여 사용자 참여를 향상시킵니다.내부적으로 fillInTheBlank.js는사용자 지정 구분 기호로 둘러싸인 텍스트를사용자가 답변을 입력할 수 있는 편집 가능한 동적 요소로 변환합니다.정답을 입력하면 페이지에 표시됩니다.그렇지 않으면 사용자 지정 오류 이벤트가 발생합니다.다운로드 받은 파일의 압축을 해제한 뒤에index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다.화면에 문장을 표시해주고,입력박스에 ..