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

RTOP는 웹 페이지에서 HTML5 비디오를 재생하는 썸네일이있는 웹 기반의 다중 기능 jQuery 비디오 플레이어입니다. 플러그인은 플레이어의 인터페이스를 포함하여 플레이어를 완전히 구성하고 아이콘을 제어합니다. 또한 GTM 을 추가하여 동영상을 추적 할 수도 있습니다 . 사용자는 인터페이스를 통해 재생, 일시 중지, 앞으로 및 볼륨 제어를 할 수 있습니다. 라이센스는 MIT 입니다. 사용법 안내 합니다. 1.라이브러리를 호출 하세요. 2. 컨텐츠를 구성하세요. 3. 플러그인을 호출 하세요. 이벤트와 옵션은 아래의 사이트에서 확인 가능 합니다. https://redtettemer.github.io/rtop-video-player/ 많은 기능을 지원하는건 아니지만 심플하게 사용하기에는 괜찮은 플레이어 같..

NiVO 슬라이더를 소개 합니다. 애니메이션 효과가 참 재미 있는 슬라이더 입니다. 사용방법 안내 드립니다. 1. 라이브러리를 호출하세요. 2. 컨텐츠를 구성하세요. 3. 플러그인을 호출 하세요. 4. 다양한 옵션과 이벤트를 걸고 싶다면 아래의 내용을 참고 하세요. 아래의 사용 가능한 effect 항목을 이용하여 다양한 방법으로 슬라이드를 표현할 수 있습니다. ( sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse )

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 모바일 Ver1.9 (B타입 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 B타입 Ver2.3 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 모바일 Ver1.9 (A타입 장착옵션) 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

안녕하세요 해피CGI 입니다. 해피 재능마켓 솔루션 A타입 Ver2.3 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다. 더욱 강력한 기능으로 보답하겠습니다. 감사합니다.

웹페이지의 접속자가 로봇이 아닌 경우 컨텐츠를 제공하기 위한 일종의 Captcha 입니다. 퍼즐 모양의 조각난 이미지와, 퍼즐이 들어가야할 위치를 마우스를 이용하거나, 모바일기기의 터치를 이용해서 끌어다 마추는 식으로 로봇이 아니라는 것을 알아내는 식으로 됩니다. PC에서는 아래 화살표를 마우스로 클릭해서 끌어다 퍼즐이 있는 위치에 놓는 식으로 가능하고, 모바일기기에서도 화살표를 터치해서 끌어다 제자리에 가져다 놓는 식으로 이용이 가능합니다. 퍼즐의 위치가 맞으면 로봇이 아님을 검증하고, 다음 페이지로 이동을 시켜줍니다. 끌어다 놓은 퍼즐의 위치가 제자리가 아니면 위 그림 처럼 틀렸다는 표시와 함께 재시도를 하도록 그림과 퍼즐의 위치가 리셋이 됩니다.

다른 다양한 변환컨버터도 있으나 웹디자인시 가장 많이 사용할만한 변환기로는 jpg나 png 파일을 svg 로 변환해주는 기능일듯하네요. (혹은 ico 로 변경하여 파비콘을 만드는 용도로도 이용하면 편리합니다.) 이용방법은 간단합니다. 파일선택 을 클릭하여 변환하고싶은 파일을 선택하여 업로드합니다. 업로드할 파일은 다중으로 선택이 가능하니 다수의 이미지를 변환하고 싶을 경우 위 처럼 다수의 파일을 선택하여 업로드하세요. 등록된 파일은 개별로 파일 하나하나 다른 객체로 변환하거나 다수로 일괄 변환이 가능합니다. 변환이 완료되면 아래와 같이 변환된 파일을 다운로드 받을 수 있습니다. svg 의 경우 백터용 이미지여야만 문제없이 변환된 이미지로 변환되므로 각각 변환될 속성에 맞게 원본 이미지를 최적화 하여 업로..

앱 이름부터 타이틀, 디스크럽션, 프로모션 설명 등 app 스토어로 등록시 필요한 정보를 대입하여 입력할 수 있습니다. 가장 좋은 장점으로는 글자수를 체크할 수 있는 것입니다. 그리고 실제 반영될 앱스토어 화면에서 입력된 내용이 그대로 출력되어 현재 입력하는 정보가 어디에 출력중인지 알 수 있습니다. 또한 이미지도 업로드 할 수 있어 앱 등록시 최적 사이즈를 계산하여 썸네일을 제작후 적용할 수 있습니다. appstore 로 등록하기전 어떤 상황이 있을지 미리 볼 수 있어서 처음 이용하시는 분들이나 앱을 등록하시고자 하는 분들께 아주 유용할 듯 하네요.^^

* javascript FormPersistence HTML 양식 데이터를 보존하기위한 간단한 JavaScript 라이브러리 * License MIT License * 이용방법 첨부된 압축파일을 해제하여 원하는 웹경로에 업로드합니다 작업해야될 html 문서안에 아래와 같이 배포된 js,css 를 삽입합니다 그리고 적용할 폼태그를 구성하여 각각 id 값을 선언해줍니다 위와 같이 폼 구성을 하고 웹으로 실행하면 각 input 박스에 항목을 입력하고 Add 버튼을 클릭하면 아래와 같은 결과를 확인하실 수 있습니다 form-persistence.js 에 사용되는 스크립트 함수의 옵션등에 대한 API정보는 아래의 API문서 페이지에서 확인이 가능합니다 https://github.com/FThompson/FormP..