일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 홈페이지제작
- CSS
- 해피씨지아이
- #뉴스
- 사이트제작
- #업종별
- #cgimall
- #이미지
- 홈페이지
- 해피CGI
- #jQuery
- #해피CGI
- javascript
- happycgi
- #happycgi
- jquery
- 게시판
- #쇼핑몰
- #웹솔루션
- 솔루션
- #image
- #홈페이지제작
- #동영상
- 쇼핑몰
- #CSS
- php
- CGIMALL
- 웹솔루션
- #홈페이지
- #솔루션
- Today
- Total
목록웹프로그램밍 자료실 (2658)
웹솔루션개발 25년 노하우! 해피CGI의 모든것

단어로 이모지를 검색 가능하며, 해당 이미지 클릭시 클립보드로 바로 복사 됩니다. 붙여넣기만 하시면 됩니다.

한글 / 영문 등 타자 연습을 온라인에서 할수 있는 사이트 입니다. 프로그램 설치 없이 브라우저 에서 해보시기 바랍니다.

Css3로 만들어진 로더입니다 JS는 따로 존재하지 않으며 HTML파일과 CSS만으로 만들어진 로더입니다 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다 ^^

버튼 마우스 오버 시 깔끔한 오버 애니메이션 효과 자바스크립트를 이용하여, 버튼내 문자를 하나씩 나누고, 나뉘 문자에 오버 애니메이션 효과가 적용되는 방식입니다. 단순한 소스지만, 깔끔하고 다양한 곳에 적용할 수 있을꺼 같습니다.

화면 스크롤에 따라 이미지가 움직이는 효과 자바스크립트 화면 스크롤에 따라 이미지가 움직이며, 밋밋한 소개페이지에 적용하면 좋을것 같네요.

새로고침하거나 skip 버튼을 클릭하면 랜덤으로 포인트 컬러 조합을 보여주는 randoma11y 입니다. 포인트 컬러 조합을 찾지 못하거나 영감이 필요할 경우 간단하게 확인하여 원하는 포인트 컬러를 잡아보는데 유용합니다. 디자이너는 어떤 컨셉을 잡을지 최초 오더를 받게되면, 오더받은 업체의 주요 색상이나 어울릴법한 컨셉을 찾게됩니다. 그러다보면 딜레마에 빠지기 마련인데요, 그때 보면 도움이 될만한 포인트 컬러용 사이트입니다. 어떤 컨셉을 잡을지 모를때 불멍하듯 클릭하다보면 어떤 포인트가 생각나지 않을까요? ^^

동영상 소프트웨어를 별도로 설치할 필요없이 웹사이트에서 영상을 등록하고 간단한 편집 및 자막등을 삽입할 수 있는 veed 로 누구나 영상을 편집할 수 있는 간단한 웹용 동영상 편집 사이트입니다. upload your video 버튼을 클릭하여 영상을 업로드(50메가 이하) 하면 별도의 설치없이 즉시 동영상 편집이 가능한 편집 화면을 이용할 수 있습니다. 가장 인상적인 부분으로는 "자막" 을 넣는데 몇번을 클릭으로 쉽게 내가 원하는 자막을 넣을 수 있습니다. text 아이콘을 클릭하면 원하는 폰트를 선택 (한글전용 폰트는 지원하지 않습니다.ㅠㅠ) 하고 내가 원하는 위치에 자막을 배치하여 원하는 프레임에 삽입할 수 있습니다. 그 밖에 간단한 필터 및 영상 편집 기능도 있어 간단한 편집용으로는 유용하게 이용이..

Images grid jQuery plugin 는 반응 형 이미지 갤러리를 만들기위한 jQuery 플러그인입니다. 적용방법은 첨부된 압축파일을 다운받은후 적용하실 웹문서 html 파일을 열어 아래의 코드들을 응용하여 적용해 주시면 되겠습니다 먼저 html 웹문서에 script , css 를 선언해줍니다 그리고 썸네일 이미지를 호출하고 모달 팝업형태로 보여줄수 있게 아래의 코드와 같이 id값이 적용된 div 태그와 스크립트에 이미지 경로를 적용해주면 출력되는것을 확인하실 수 있습니다

웹페이지에 표시되는 링크를 클릭하면 모달이 화면에 표시되고, 모달내에서 Youtube, Vimeo, Facebook 의 동영상을 재생할 수 있는 간단한 스크립트 입니다. 다운로드 받은 파일의 압축을 해제한뒤 test/index.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 데모 페이지상에서는 버튼이 3개가 있고, 각 버튼을 눌러보면 버튼을 눌러보면 모달화면이 열리면서 동영상이 재생이 됩니다. index.html 파일의 소스코드를 열어서 보면, 버튼3개에 대한 HTML태그가 확인이 가능합니다. 데모 페이지 자체에 버튼만 덜렁 있는 상태라 소스코드는 아래의 그림과 같이 단순하게 되어 있습니다. data-video-id='문자열' 을 이용해서 재생하고 싶은 동영상을 지정할 수 있습니다. 문자열은 유..

kcToggle은 기본 브라우저 checkbox 설정을 jQuery 플러그인으로 대체합니다. 적용방법은 다음과 같습니다 첨부된 압축파일을 다운받아 원하는 웹디렉터리에 업로드후 html 웹문서에 적용을 하면 되며 아래와 같이 스크립트 호출후 아래와 같이 checkbox 태그 마지막에 kcToggle 을 붙여주면 변환되며 사용이 간편합니다 디자인 변경이 필요한 경우 첨부파일에 있는 kcToggle.css 를 수정하시면 되겠습니다