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

모달 팝업을 이용해서 이미지 크기를 조정,회전,자르기,미리보기를 할수 있는 jQuery 플러그인입니다. 웹페이지에서 이미지 파일을 선택해서 모달창을 이용해서 이미지를 회전하거나, 이미지중 일부 부분만 자르는 등의 조절을 할수 있는 jquery 플러그인입니다. 압축을 풀면 나오는 index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 이미지를 선택하면 위 그림과 같은 모달창을 이용해서 이미지를 회전시킬수 있으며, 사용할 크기를 마우스로 드래그 해서 지정할 수 있습니다. 이미지를 편집하기에 필요한 옵션들을 위 그림과 같이 지정할수 있네요. 몇가지 옵션을 제공하고 있으며, 샘플을 확인하기 위한 index.html 에 어떤 옵션인지에 대해서 설명을 해주고 있습니다.

SVG로 제작된 로딩 아이콘 입니다. 크기, 색상, 속도 등을 자유롭게 조절이 가능한 svg로 제작된 로딩 아이콘입니다. 해당 사이트 또는 첨부파일을 다운로드 받아 소스 확인이 가능합니다.

svg 를 이용한 타이틀 배경 에니메이션 효과 마우스를 스크롤하면 배경의 커브 방향이 변경됩니다.

안녕하세요 해피CGI 입니다. 해피 맛집와이드 솔루션 Ver6.2 [실시간예약 비내장,미니홈피 내장] 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다.

안녕하세요 해피CGI 입니다. 해피 맛집와이드 솔루션 Ver6.2 [실시간예약 내장,미니홈피 내장] 이 새롭게 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더 좋은 모습으로 보답하겠습니다. 감사합니다.

네이버에서 제작한 MIT 라이센스의 차트 billboard.js 입니다.AreaChart 를 비록하여 타원형 차트, 라인형 차트, 도넛형 차트 등 다양한 차트를 제공해주고API 도 제공하여 다양한 분야에 쉽게 이용할 수 있습니다. billboard.js 로 제공되는 기본형 차트입니다. 색상으로 각각의 데이터를 확인할 수 있는 기본형 차트부터 아래에 소개해드릴 다양한 차트 구조를 확인할 수 있습니다. 위와같은 다양한 목차별 차트를 확인할 수 있습니다. 이용하는 방법은 본 사이트에서 다운로드 받을 수 있는 billboard.js 파일과 billboard.css billboard.min.js billboard.min.css insight.css insight.min.css 를 다운받아 상단에 선언한 이후 를 ..

내가 원하는 업종 및 스타일만 선택하고 상호명 및 광고카피 등을 입력하면 자동으로 로고를 만들어주는 홈페이지 입니다.자동으로 제작됨으로 내가 원하는 심벌이나 로고를 제작하진 않으나 비교적 퀄리티 높은 로고를 자동 생성하여 받아 볼 수 있습니다. 원하시는 업종을 선택합니다. 원하시는 로고 및 심벌 스타일을 선택합니다. (다중선택 가능) 상호명 및 부가 광고카피등을 서술합니다. 로고가 삽입될 콘텐츠를 선택하면 로고가 자동으로 생성됩니다. 원하시는 로고를 선택하면 편집화면으로 넘어가고 더욱 자세한 설정을 진행할 수 있습니다. 간단하게 로고를 생성할 수 있으나, 포토샵이나 이미지 편집툴과 같은 디테일한 수정은 지원되지 않습니다.

가장인기 있는 216종의 색상의 PNG이미지를 색상을 클릭하여 리스트를 확인하실 수 있습니다. 위 이미지에서 원하는 색상을 클릭하면 해당 색상과 관계있는 png 이미지 리스트가 출력됩니다. 이미지를 클릭하면 이미지에대한 상세내용을 확인할 수 있으며 download 버튼을 눌러 다운 받을수 있습니다. 이미지 다운로드시 이미지 라이센스에 유의하여 사용하실 바랍니다 ^^

드래그와 리사이즈를 이용해서 일일 스케쥴을 편집하기 위한 쉬운 jquery 플러그인 입니다. 데모 사이트 보다는 다운로드 받은 파일의 압축을 해제해서 나오는 demo/index.html 파일을 웹브라우저로 열었을때 확인을 해보는게 기능과 설명이 더 많습니다. 빈공간을 클릭해서 새로운 일정을 추가하는게 가능하네요. 기존에 일정을 클릭해서 이동시키거나, 일정의 끝을 클릭해서 늘리거나, 줄일수도 있습니다. 일정을 추가하거나 변경시마다 로그(콜백)를 이용해서 일정관리 등을 제작하기에 좀더 쉽게 활용이 가능해보이네요. 사용법이나, 지원되는 옵션은 데모를 확인하는 HTML문서내에서 설명을 잘 해주고 있습니다. 출처는https://www.jqueryscript.net/time-clock/Simple-Daily-Sch..

웹사이트에서 앱을 개발 할 수 있도록 기능을 구현해둔 MIT APP INVENTOR 입니다. http://appinventor.mit.edu/ 사이트로 접속을 해서 Create Apps! 메뉴로 접속후, 구글 계정으로 로그인하여 이용을 할 수 있습니다. 로그인후에 My Projects 메뉴에서 Start new project 메뉴를 클릭하여 새 프로젝트를 생성하고, 해당 프로젝트를 편집 하여 앱을 제작 할 수 있습니다. 하이브리드앱 개발이 필요하신분은 왼쪽 메뉴에서 User Interface 하단의 WebViewer 항목을 휴대폰으로 드래그 하여 설정을 하면 됩니다. 상단의 타이틀 영역을 숨기고 싶으신 경우에는 Screen1 (기본 스크린명) 선택을 하시고, TitleVisible 옵션을 꺼주시면 됩니다..