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

드래그 앤 드랍을 사용하기 쉽도록 구성되어 있네요. 압축 파일을 해제 하신 후 해당 폴더로 가시면 index.html 파일이 있습니다. index.html 파일을 열어보시면 구조는 매우 심플하며 디자이너도 쉽게 가져와서 사용할 수 있는 수준으로 되어 있습니다. index.html 파일에서 수정시 주의하셔야 할 사항은 div id 입니다. 아래의 이미지를 참고해 주세요. 사용해 보니 무겁지도 않으며 DIV 내용에 다른 제약 사항도 없어서 괜찮네요 ^^

clappr 웹 전용 플레이어 입니다. HTML5 를 이용한 플레이어 입니다. explorer 9 까지는 지원되는데 explorer 8은 지원되지 않습니다. ^^ ( Window 7 도 지원되지 않습니다. ) 옵션 값을 이용하여 여러가지 기능을 컨트롤 할 수 있습니다. -플레이어 크기 조절 -플레이어 자동재생 -루트 기능(반복재생) -오류 메시지를 원하시는 텍스트로 보여줄 수 있습니다. ( 특정 언어를 셋팅하고자 하실 경우 language 파일을 만들어야 합니다. ) -키보드 컨트롤 설정 -뮤트 기능(음소거) -확장자 없는 URL 에 대응하여 mimeType 설정 -HLS 버퍼 길이 설정 -배속기능(playbacklate) 그 외에도 다양한 기능이 있습니다.

안녕하세요~ 오랜만에 인사드립니다. (__)(^^) 이번에 소개해드릴 제품은 포유디지탈에서 출시한 imuz μPAD 7S 8G 입니다. 뒷면 커버는 스틸처럼 보이나 아니에요~ 플라스틱~ 떨어지면 잘 부서질듯 해요~ 액정은 1024x600 해상도를 가진 7인치이며 약 6만원대에 저렴하게 구입을 할 수 있는 제품이나 160dpi 로 인해 화질이 다소 안좋아 보일 수 있습니다. - 나만 그런가....^^ 또한 QUAD CORE 이지만 1.3G 속도이며 Geekbench 결과 2014년에 출시된 노트4보다 느리게 측정 되네요 벤치마크는 단순 숫자일 수 있으나 실제로 사용시 인터넷 브라우저를 띄우거나 앱을 실행하는 경우, 메뉴버튼을 터치하는 등 일반적인 사용시에 앱 실행시간이 약 2~3초 정도 걸리네요 갤럭시 노..

이미지 조각 효과로 메뉴 클릭시 움직이게 됩니다. [데모보기] https://tympanus.net/Development/AnimatedImagePieces/

위와같은 기본 형태부터 팝업의 위치를 변경할 수 있는 이벤트 배경색상을 원하는 색상으로 변경하는 이벤트 등 다양한 효과를 가진 레이어형 팝업입니다. jquery 1.4.3 이상으로 선언하셔야만 작동이 가능하며, 이벤트 별 자세한 jquery 문법은 홈페이지에서 확인하시기 바랍니다.^^

FLEXBOX 와 같은 최신 CSS 속성을 사용한 간단한 툴팁 애니메이션 기능입니다. [데모보기] https://tympanus.net/Development/TooltipAnimations/

Jquery 를 이용해서 인스타그램에 등록해둔 사진을 자신의 웹사이트에서 보여줄수 있는 API의 예제입니다. API를 이용하기 위해서는 인스타그램 사이트에 로그인을 한후에 https://www.instagram.com/ API키를 사용하기 위해서 http://instagram.pixelunion.net/ 위 주소로 이동한 후 토큰를 생성해야 합니다. 생성한 토큰을 첨부된 파일의 압축을 풀면 나오는 index.php 파일의 소스코드에 추가하고, 웹서버에 업로드 한후 웹브라우저를 이용해서 해당파일의 URL로 접속해보면 인스타그램에 추가해둔 사진중 자바스크립트의 소스코드에서 설정한 개수만큼을 가져와서 화면에 보여줄수 있는 게 확인이 됩니다. 자신이 운영하는 웹사이트에, 인스타그램을 간편하게 연동해서 인스타그램..

재미있고 다양한 체크박스를 만나보세요 체크박스 형태와 데모자료는 데모사이트 주소에서 확인하실 수 있습니다. 구버전 브라우저에서는 작동이 안될 수 있으니 참고하세요 ^^ 사이트 제작에 많은 도움이 되었으면 합니다.

* ckeditor - Simple Ruler - 이 플러그인은 플러그인은 에디터내 자선을 표시하여 문서 좌우 여백을 쉽게 조절할 수 있도록 도와줍니다.. * 라이센스(무료) - GPL3 * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simple-ruler - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simple-ruler'; - 에디터 실행시 자선이 표시됩니다.