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

다운로드 받은 파일의 압축을 풀어서 jigzaw.html 을 웹브라우저로 열어보면 됩니다. 위 그림을 아래 그림 처럼 퍼즐로 마추면 되는건가 봅니다. 배경에 원본그림이 있어서 몇개 찾아서 마춰보긴 했습니다만 다 마추려면 시간이 꽤 걸릴듯 하네요. 퍼즐로 사용할 이미지들이 몇개 있네요. 이미지파일의 이름을 소스코드내에 입력만 하면 그 사진을 잘라서 퍼즐마추기가 되네요. 출처는 https://www.sourcecodester.com/javascript/5479/jigzaw-puzzle.html 입니다.

버튼을 클릭하면 화면에 이펙트가 생기는 스크립트 입니다. 클릭했을때 화면에 보이는 몇가지 유형의 효과가 있지만, 스크린샷으로 저장하기는 쉽지가 않네요. 소스코드도 단순해서 버튼에 동적인 효과를 줄때 쉽게 사용이 가능할것 같네요 출처는 http://www.htmldrive.net/items/show/1846/animateClick-with-jQuery 입니다. 각 클릭했을때 어떤 효과가 생기는지는 아래의 데모를 통해서 바로 확인이 가능합니다. http://www.htmldrive.net/items/demo/1846/animateClick-with-jQuery

Pencil은 목업을 만들수 있는 프로그램으로 윈도우, 리눅스, 맥에서 모두 사용이 가능한 프로그램입니다. 또한 오픈소스이므로 누구나 무료로 사용이 가능합니다. 프로그램은 홈페이지에서 다운로드가 가능하며 설치후 실행하면 아래와 같이 생겼습니다. 다운로드 : http://pencil.evolus.vn/ 왼쪽박스안에 있는 도형들을 오른쪽 페이지로 옮겨오면 적용이 가능합니다. 다양한 도형 및 폼이 있으며 요즘 가장 이슈인 모바일웹을 디자인할수 있는 요소들도 포함되어 있습니다. 혹 기본컨텐츠가 부족하다 생각되면 컬렉션을 다운로드 받아 추가할수 있는 기능또한 있습니다. 목업 프로그램은 다양하게 있지만, 무료로 배포되는 목업프로그램은 흔하지 않네요. ​ ​

* ckeditor - Simple Button - 이 플러그인은 문서내에 일반 또는 링크 버튼을 간편하게 생성할 수 있게 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simplebutton - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simplebutton'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 버튼에 들어갈 문구와 링크 URL, 버튼 색상을 선택하면 완료 - 버튼..

CSS3는 모바일 환경에서 자주 사용되고 있지만, CSS3를 사용하려면 많은 부분을 알고 사용해야 함은 물론 화면으로 만들기에 번거로움이 있지만, CSS3maker를 이용하면 클릭만으로 코드생성이 가능하며 스타일을 미리 보면서 제작이 가능합니다. http://www.css3maker.com/ Gradient, Text, Shadow, Border Radius 등등 결과물을 미리 눈으로 보고 만들면 훨씬 시간이 절약될 수 있는 디자인요소가 많은 스타일을 눈으로 직접 보면서 설정이 가능합니다.

픽셀부다는 원 페이지 사이트를 만들 수 있는 무료 템플릿을 제공해 주는 사이트입니다. http://pixelbuddha.net/freebie/freebie-white-one-page-html-template http://pixelbuddha.net/freebie/freebie-forkio-one-page-html-template 등 메뉴에서 GIF, ICONS, PHOTO 등 디자인이 상당히 좋습니다. 유료가 있습니다만, 무료로 등록된 이미지도 확인 하실 수 있습니다. http://pixelbuddha.net/freebie/modern-flat-preloader-free-set http://pixelbuddha.net/freebie/hi-res-photo-set-2

음악과 가사를 동시에 즐길 수 있는 알송은 실시간 싱크가사를 제공하는 음악 플레이어 입니다. 음악과 가사를 동시에 즐길 수 있는 알송은 실시간 싱크가사를 제공하는 음악 재생 프로그램입니다. 국가, 개인, 기업 상관없이 누구나 사용 가능합니다. 영어, 일본어로 이용하고 싶으신 사용자분들은 영어, 일본어 알송을 설치하시면 됩니다. 설치시 시작페이지를 ZUM으로 변경 및 알툴바, 알약 설치를 묻는 체크박스가 나타납니다. 주요기능 - 음악 재생 가장 기본적인 기능으로써 음악을 재생할 수 있습니다. - 실시간 가사 보기 자동으로 실시간 싱크가사를 감상하실 수 있습니다 - 자동 태그 태그를 자동으로 찾아서 저장할 수 있습니다. - 녹음 기능 게임, 음악, 동영상 등 소리를 녹음할 수 있습니다. - 재생 설정 재생 ..

국내 콘텐츠 저작권 관련하여 폰트, 이미지 등 저작권과 관련된 콘텐츠를 확인하고 안심하고 사용할 수 있도록 제공해주는 국내 콘텐츠 저작권 오케이 사이트입니다. 저작권ok 통합 사이트로 모든 자료에 대한 출처 및 저작권으로 보호받는 콘텐츠를 안내해주고 저작권을 신청하거나 지정사이트 등을 등록 관리할 수 있습니다. 본 사이트에서는 무상지원되는 콘텐츠도 확인할 수 있어 콘텐츠를 운영하는 업체는 저작권을 안전하게 확인하고 원하시는 자료를 검색하여 사용하실 수 있습니다. 나눔콘텐츠 및 콘텐츠 장터등에서 저작권을 안전하게 확인하고 사용하시고자 하는 폰트등을 이용하시기 바랍니다. 본 사이트가 개설된지 얼마되지 않아 아직은 자료가 부실한듯하지만 앞으로 다수의 자료가 모이게 되면 안전한 콘텐츠를 이용하는데 유용할듯합니다..

엑셀과 같은 타입의 테이블 효과로 스프레드 시트와 같은 행에 의해 입력 구조화된 데이터 행을 생성할 수 있습니다. jquery 를 ui 위젯을 지원하며, HTML5 입력 유형을 포함하여 주요 웹 브라우저와 호환성이 좋으며, 활발한 업데이트가 진행되는 소스입니다. ┼, X 아이콘을 클릭하시면 테이블이 1칸씩 추가되거나 선택된 tr 영역이 삭제되게 됩니다. 기본 방식은 위와같이 간단한 방식이며, 각 항목별 데모표 형식을 다운받아 적용할 수 있습니다.