일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #CSS
- 사이트제작
- 솔루션
- 해피씨지아이
- #홈페이지
- jquery
- #이미지
- CGIMALL
- #cgimall
- #jQuery
- #동영상
- #솔루션
- 쇼핑몰
- 해피CGI
- 게시판
- happycgi
- #image
- php
- #업종별
- CSS
- 홈페이지제작
- #홈페이지제작
- #쇼핑몰
- #뉴스
- 웹솔루션
- #해피CGI
- #웹솔루션
- 홈페이지
- #happycgi
- javascript
- Today
- Total
목록웹프로그램밍 자료실/기타 자료 (860)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
소스코드 및 문서를 비교하여 다른 곳을 찾아 알려주는 사이트입니다. Original Text - 비교 대상 1 Changed Text - 비교 대상 2 비교할 텍스트들을 모두 작성하고 하단의 Find difference 버튼을 눌러 비교할 수 있습니다. 서로 다른 내용일 때 Original Text 내용은 녹색으로 Changed Text 빨간색으로 표시하여 내용을 비교해주는 유용한 사이트입니다.
돋보기 클릭 시 검색 영역이 나타나는 애니메이션 효과입니다. 사이트에서 다양한 용도로 응용이 가능합니다. 구현된 화면은 사이트에서 확인하실 수 있습니다. 자세한 소스는 사이트, 첨부파일에서 확인 가능합니다.
안녕하세요 해피CGI 입니다. 오늘 소개해 드릴 자료는 Apache 에서 제공하는 JMeter 입니다. JMeter 는 사이트의 부하 테스트하는 용도로 많이 사용되는 프로그램 입니다. # 설치 방법 1. https://jmeter.apache.org/download_jmeter.cgi 에 접속하여 다운로드 받습니다. 압축 해제시 접근이 용이한 폴더에 압축해제를 권장 드립니다. 실행 하실 때 cmd 를 통해 접근해야 하기 때문에 내문서와 같은 폴더에 하시면 매우 번거롭습니다. 저는 C 드라이브에 Jmeter 폴더를 만들고 해제 했습니다. 2. Java SDK 를 설치 및 환경변수 설정 https://www.oracle.com/java/technologies/downloads/ 다운로드 받아서 설치하세요. ..
그라디언트 컬러코드를 추천하고, 실시간으로 컬러를 변경해서 매칭해 볼 수 있는 유용한 사이트를 소개합니다. 각 카드의 하단에있는 숫자를 클릭하면 색상 코드를 복사 할 슬라이드를 조정하면 특정 범위 내에서 조정도 할 수있게되어 있습니다. 또한 각 카드에 호버하면 아이콘이 표시되고 각 컬러 코드의 변경 CSS 코드의 복사 Adobe XD와 Sketch에서 사용할 수있는 소재의 다운로드 수 있습니다.
멋진 그라데이션 컬러를 알고 싶을 때 유용한 사이트를 소개 해 드립니다. 그라디언트 기본적인 색상의 목록이 포함되어 있기 때문에 빠르게 선택 색상 코드와 CSS로 구현하는 코드를 확인할 수 있습니다. 또한 직접 원하는대로 조정 한 다음 코드 출력은 물론 디자인에 사용할 소재로 다운로드 할 수 있도록도되어 있습니다.
다양한 목소리를 제공하는 TTS 제공 사이트 CLOVA Dubbing 입니다. https://clovadubbing.naver.com/ 무료로 5개 프로젝트까지 개설이 가능 합니다. 프로젝트 개설시에는 아래와 같은 인터페이스로 노출이 됩니다. 동영상이나 PDF 이미지를 추가 하여, 더빙 및 효과음을 추가 가능 합니다. 더빙내용은 Text로 입력을 하면 되고, 목소리를 선택 하여 미리듣기 혹은 더빙추가를 할 수 있습니다. 추가된 더빙을 적절한 위치에 드래그해서 배치를 하여 이용을 할 수 있겠습니다. 완성된 파일은 다운로드 기능을 이용해서 다운로드 하여 사용이 가능 합니다.
원하는 색상코드 입력 후 채도 단계에 따라 자동으로 색상코드를 생성하는 색상 생성기 원하는 색상을 입력한 후 채도(밝기) 단계를 선택하면 해당 색상코드가 자동으로 생성됩니다. 색상코드 생성 시 hex, HSL, rgb 중 포맷 선택이 가능하며, 선택한 포맷에 따라 코드값이 자동 생성됩니다. 컨셉 색상을 지정하고, 다양한 밝기로 자동으로 생성되니 , 편리하게 이용할 수 있네요.
css를 이용한 off-canvas형 원형 메뉴 CSS만을 이용하여 메뉴 클릭 시 off-canvas로 메뉴가 출력됩니다. css와 html로만 구성하여 손쉽게 구성이 가능합니다.
다음 슬라이드로 넘기게 되면 차트로 되어있는 다음 이미지가 확대 되면서 배경이 바뀌게됩니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. HTML "Lossless Youths" Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempore fuga voluptatum, iure corporis inventore praesentium nisi. Id laboriosam ipsam enim. Read More "Estrange Bond" Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempore fuga voluptatum, iure corporis inventore praesen..
스프라이트 시트를 css로사용하여 움직이는 이미지 제작입니다. 소스다운로드 또는 데모페이지를 통해 확인해 보실 수 있습니다. HTML CSS .hi { width: 50px; height: 72px; background-image: url("http://s.cdpn.io/79/sprite-steps.png"); -webkit-animation: play .8s steps(10) infinite; -moz-animation: play .8s steps(10) infinite; -ms-animation: play .8s steps(10) infinite; -o-animation: play .8s steps(10) infinite; animation: play .8s steps(10) infinite; } @..