일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #동영상
- #이미지
- #쇼핑몰
- 게시판
- php
- 해피씨지아이
- #cgimall
- #뉴스
- 쇼핑몰
- 해피CGI
- #홈페이지제작
- #CSS
- #솔루션
- 홈페이지
- #업종별
- #image
- #jQuery
- 사이트제작
- #happycgi
- happycgi
- javascript
- 솔루션
- CSS
- jquery
- CGIMALL
- #웹솔루션
- #홈페이지
- #해피CGI
- 홈페이지제작
- 웹솔루션
- Today
- Total
목록웹프로그램밍 자료실 (2510)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
원하는 색상코드 입력 후 채도 단계에 따라 자동으로 색상코드를 생성하는 색상 생성기 원하는 색상을 입력한 후 채도(밝기) 단계를 선택하면 해당 색상코드가 자동으로 생성됩니다. 색상코드 생성 시 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 파일을 웹브라우저로 열어보면 확인이 가능합니다. 사용법은 아래와 같습니다.
backdrop-filter: blur(20px); backdrop-filter 로 다양한 효과를 해당 요소의 배경에 적용할 수 있습니다. blur(), brightness(), contrast(), drop-shadow(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() 같은 효과를 적용할 수 있습니다.
background-clip: text; 뒤에 있을 배경을 텍스트 부분에만 적용합니다. color: transparent; 텍스트의 색상을 투명하게 하여 배경이 보이게 합니다. background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%); 배경으로 그레이디언트 색상을 넣어줍니다. 배경이미지도 적용할 수 있습니다.
PowerButtons(이전의 confirmbutton.js)는 확인 대화 상자 추가, 조건 확인 및 경고 메시지 표시와 같은 추가 기능으로 웹 버튼을 강화하는 JavaScript/Bootstrap 플러그인입니다. jQuery와의 원활한 통합을 제공하지만 반드시 필요한 것은 아닙니다. Bootstrap이 없으면 플러그인은 기본 JavaScript 팝업 기능으로 스마트하게 대체됩니다. 다운로드 받은 파일의 압축을 해제한 뒤 examples.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 버튼을 눌러보면 경고창이나, 확인창이 아래 그림 처럼 화면에 표시가 되는 예제들이 많습니다. 예제 파일에서 각 케이스별 사용법에 대한 예제 소스를 확인할 수 있습니다 사용방법은