웹솔루션개발 25년 노하우! 해피CGI의 모든것

한개 또는 다중으로 범위를 선택하는 디자인 소스 입니다. html 소스 css 로 쉽게 디자인 변경이 가능합니다. 해당 사이트 또는 첨부파일을 다운로드 받아서 전체 소스를 확인할 수 있습니다. 해당 사이트에서는 디자인 변경을 미리 해볼수 있습니다.

디자인과 영감의 합성어인 designspiration은 실 력있는 디자이너들의 디자인 레퍼런스를 찾아볼 수 있는 핀터레스트와 비슷한 사이트입니다. 이미지 검색은 물론, 색상으로도 검색할수 있다는 점! 최대 5개의 원하는컬러를 선택하여 타이포, 편집,로고, 패키지,웹,광고,일러스트,아트,인테리어,건축 등 다양한 관련 디자인 자료를 고품질 이미지로 볼수 있습니다. 색상과 연관지어 영감을 얻고 싶을때 참고하기 좋은 디자인 사이트 입니다.

GC-Calendar는 월별로 애니메이션과 매력적인 이벤트 캘린더를 만드는 데 도움이 되는 가벼운 jQuery 플러그인입니다. 완벽하게 반응하며 CSS3 애니메이션을 사용하여 월 간에 전환할 때 부드러운 슬라이드 전환을 제공합니다. 다운로드 받은 파일의 압축을 해제한 뒤, index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 화살표를 이용해서 화면에 표시되는 월 이 변경될 때, 애니메이션을 이용해서 달력 전환이 생깁니다. 사용법은 아래와 같습니다.

비가 내리는 효과를 만들 수 있습니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. [HTML 소스] [CSS 소스] html{height:100%;} body { background:#0D343A; background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(#000000) ); background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(0,0,0,1) 100%); overflow:hidden;} .drop { background:-webkit-gradient(linear,0% 0%,0% 100%, from(rgba(13,52,58,1) ), to(rgba(..

CSS 만으로 별점 선택하는 코드입니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. [HTML 소스] Pure CSS Star Rating Widget [CSS 소스] @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); fieldset, label { margin: 0; padding: 0; } body{ margin: 20px; } h1 { font-size: 1.5em; margin: 10px; } /****** Style Star Rating Widget *****/ .rating { border: none; float: left; } .rating > input { display: none; ..

색에 대비를 예시를 통해 확인 할 수 있는 사이트입니다. 색 조합할때 고민이 생기는 부분인데, 참고로 아주 좋은 사이트 입니다. 문서 작성, 웹사이트 제작에서 아주 중요한 부분이 가독성인데. 가독성을 높이기위해 참고하기 좋은 사이트 입니다. 배경색, 텍스트 색상조합 120가지를 보여주며, 작업이 수월합니다. 색상은 스포이드로 찍으면 바로 확인이 가능합니다.

무료로 다운로드가 필요없는 순서도 그리기 drawio를 소개합니다. 무료로 사용이 가능하면, 새로 만들기 시 다양한 기본 템플릿도 제공합니다. ㅁ한국어도 지원하며, 다양한 다이어그램 도형, 스타일 등을 설정할 수 있습니다. 웹을 통해 사이즈 및 각종 설정 편집도 가능합니다. 구글 드라이드 윈 드라이브 등 다양한 사람 과 공유 및 내보내기를 통해 저장도 가능합니다. 매우 유용한 사이트네요.

워드, PPT, 엑셀, DWG, JPG등의 파일들을 PDF로 변환 해주는 서비스를 제공해주는 웹사이트 allinpdf.com 입니다. https://allinpdf.com/kr/ 사이트로 접속 하여 파일 변환을 진행 할 수 있습니다. 특정 확장자에 대한 PDF변환 메뉴로 이동을 하시게 되면, 아래와 같이 변한이 필요한 파일첨부를 할 수 있습니다. 파일첨부가 완료되면 원하는 포맷을 선택 할 수 있습니다. 확장자 선택이후에 변환이 시작 됩니다. 변환이 완료가 된 이후 파일을 다운로드가 가능 합니다.

정규식 테스트기를 제공하는 웹사이트 myregexp.com 입니다. http://www.myregexp.com/ 사이트로 접속하여 정규식 테스트를 하실수 있습니다. 사이트에 접속하여 Regex Examples 메뉴로 접속시, 자주 이용되는 몇가지의 샘플 정규식을 확인 할 수 있습니다.