일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- javascript
- 게시판
- #뉴스
- 사이트제작
- jquery
- 웹솔루션
- CSS
- #업종별
- #동영상
- #솔루션
- 쇼핑몰
- #해피CGI
- #cgimall
- #CSS
- #image
- php
- #웹솔루션
- 솔루션
- #이미지
- 해피CGI
- #쇼핑몰
- #happycgi
- happycgi
- 해피씨지아이
- 홈페이지
- 홈페이지제작
- #홈페이지제작
- CGIMALL
- #jQuery
- #홈페이지
- Today
- Total
목록2024/01 (11)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
Line, Area, Bar 등의 다양한 차트를 지원하는 차트를 손쉽게 구현 할 수 있는 TOAST UI Chart 입니다. https://ui.toast.com/tui-chart 지원되는 차트는 아래 이미지를 참고 하시면 되겠습니다. 한국어 메뉴얼은 아래 페이지를 통해 접속 하시면 되고, 각 차트별로 메뉴얼을 볼 수 있습니다. https://github.com/nhn/tui.chart/blob/main/docs/ko/README.md 최신버전 및 버전별 소스 다운로드는 https://github.com/nhn/tui.chart/releases 페이지에서 제공 됩니다.
kslider는 이미지를 우아한 방식으로 표현하기 위해 만들어진 초소형, 완전 반응형, 사용하기 쉬운 jQuery 기반 슬라이더입니다. 화면 크기에 따라 높이/너비를 자동으로 조정합니다. 호버링 시 탐색 화살표를 자동으로 표시하거나 숨깁니다. Auto는 img의 속성에서 이미지 캡션을 만듭니다.alt 특정 속도로 이미지 간에 자동 전환됩니다. 회전목마와 같은 무한 루프. 와 같은 기능이 있습니다. 사용방법은 아래와 같습니다.
color-picker.js 는 웹 페이지에 HEX 색상 선택기를 추가할 수 있는 가볍고 구현하기 쉬운 jQuery 플러그인입니다. 색상 입력에 초점이 맞춰지면 간결하고 깨끗한 색상 선택기 팝업이 표시되므로 사용자가 선택한 미리 정의된 색상 집합이 포함된 팔레트에서 색상을 선택할 수 있습니다. 사용방법은 아래와 같습니다.
원하는 색상코드 입력 후 채도 단계에 따라 자동으로 색상코드를 생성하는 색상 생성기 원하는 색상을 입력한 후 채도(밝기) 단계를 선택하면 해당 색상코드가 자동으로 생성됩니다. 색상코드 생성 시 hex, HSL, rgb 중 포맷 선택이 가능하며, 선택한 포맷에 따라 코드값이 자동 생성됩니다. 컨셉 색상을 지정하고, 다양한 밝기로 자동으로 생성되니 , 편리하게 이용할 수 있네요.
16진수 색상코드나 RGB 색상코드가 아닌 CSS에 지정된 색상명을 확인하고 조합 사용이 가능한 handy colors 정리된 정보입니다. 색상 편집기를 실행할 필요없이, css로 지정된 색상명을 바로 입력하여 사용이 가능하며, 본연의 색상을 조합하여 사용이 가능하네요. 또한 여러 테마별 색상 팔레트도 제공하여, 컨셉에 따른 색상 조합을 선택해서 CSS에 지정된 색상명으로 사용이 가능하네요. 색상명으로 구성하는걸 선호하면 좋은 자료네요.^^
스크롤을 통하여 글자가 보이는 효과입니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. HTML In the enchanted world of frontend development, pixels and code guide your design journey. Entranced by the dance of colors, shapes unfold on the digital canvas. Every line of code is a spell, weaving functionality and aesthetics into an immersive digital tale. In the enchanted world of frontend development, pixels and code guide your ..
각 카드별 마우스 호버 시 색상이 변경이 되며 상품 카드에 시각적 디자인 효과를 주기에 좋을 거 같습니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. HTML Pricing Basic $9.99 Access to standard workouts and nutrition plans Email support Get Started Pro $19.99 Access to advanced workouts and nutrition plans Priority Email support Exclusive access to live Q&A sessions Upgrade to Pro Ultimate $29.99 Access to all premium workouts and nutrition plans 24/7 ..
월별, 주별, 일별 달력을 제공하며 드래그를 통한 이벤트 생성 및 편집이 가능한 TOAST UI Calendar 입니다. https://nhn.github.io/tui.calendar/latest/tutorial-00-calendar-app 페이지에서 다양한 샘플 데모를 확인이 가능 합니다. 사용방법은 한글로 된 메뉴얼이 제공되고 있습니다. https://github.com/nhn/tui.calendar/blob/main/docs/ko/README.md 최신버전의 소스 다운로드는 아래 github에서 할 수 있습니다. https://github.com/nhn/tui.calendar
이미지 편집을 웹브라우저에서 할 수 있는 편집툴인 TOAST UI Image Editor 입니다. https://nhn.github.io/tui.image-editor/latest/tutorial-example01-includeUi 페이지에서 데모 페이지 확인이 가능 합니다. 소스의 다운로드는 https://github.com/nhn/tui.image-editor/releases 페이지를 통해서 버전별로 다운로드가 가능 합니다. 설치 방법은 https://github.com/nhn/tui.image-editor 페이지를 참고 하시면 되겠습니다. 소스를 다운로드 받는 경우, apps\image-editor\examples 경로에서 샘플 소스도 확인이 가능 하겠습니다. 샘플 소스를 활용해서 쉽게 구동을 해볼..
ipgrid는 Google 스프레드시트 및 MS Excel에서 영감을 받은 유연하고 기능이 풍부하며 사용자 정의가 가능한 jQuery 스프레드시트 플러그인입니다. 많은 구성 옵션과 API 메소드 및 이벤트가 함께 제공됩니다. 다운로드 받은 파일의 압축을 해제하고, demo.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 사용법은 아래와 같습니다.