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

http://girlydrop.com/ 다양한 여성스러운 분위기의 이미지를 얻을 수 있는 일본사이트 입니다. 무료 이미지로 누구나 다운로드 받아 사용하실 수 있습니다. 단, 사용가능한 경우와 불가능한 경우가 나뉘어져 있으니 반드시 사용전 약관을 읽고 사용하여 주세요 이용이 가능한경우 1.사이트 링크를 달거나, 사이트 제작자에게 보고할 필요 없이 이용할 수 있습니다. 2.개인사이트 / 상용사이트 이용 3.트위터나 페이스북 등의 SNS나 블로그의 메인 이미지등의 이용(만남, 성인사이트 NG) 4.광고 배너 제작할 때 이용(만남, 성인사이트 NG) 5.블로그의 특성이미지 등으로 사용할 때 금지하는 경우 1.사이트 이미지 자체를 링크 2.2차 배포하는 행위(후가공 포함 어떤 경우에도 금지) 3.이미지를 판매하는..

HTML Check box label here Check box label here Check box label here CSS .box { width: 100%; max-width: 240px; margin: 2rem auto; } input {} input:checked + label{ background: #fefe38; }

다양한 설문 조사 관련 JQUERY CSS 예제를 보실 수 있습니다. POLL 데모사이트 : https://codepen.io/iaian/pen/bpoGKZ POLL Answers 데뫄이트 : https://codepen.io/iamtimjenkins/pen/jPoQJr

다양한 종류의 무료 웹사이트 템플릿 자료를 제공하고 있습니다. 뷰티 웹사이트 https://www.freshdesignweb.com/free-beauty-salon-website-templates/ 스포츠 웹사이트 https://www.freshdesignweb.com/fitness-gym-website-templates/ https://www.freshdesignweb.com/free-sport-website-templates/

SeedDMS는 PHP, MySQL 또는 sqlite3 기반의 사용하기 쉬운 강력한 오픈 소스 문서 관리 시스템입니다. 파일을 다운로드 받아 웹 서버에 업로드한 뒤 브라우저로 실행하면 설치화면으로 이동됩니다. 구동이 가능한 서버 환경에 대해서는 나와있지 않습니다. 설치화면에서 요구하는 사항을 만족해야 설치 및 구동이 가능할 것 같습니다. 데모를 이용하여 시스템을 확인해 볼 수 있습니다. https://demo.seeddms.org 접속 후 아무 계정정보나 입력하고 접속하면 됩니다. 언어 선택에 한글(Korean)이 있어 매우 반갑습니다.

다운로드 받은 파일의 압축을 해제해서 웹서버에 업로드 한후에 서버에 업로드 된 index.php 를 웹브라우저로 열어보면 확인이 됩니다. 왼쪽의 입력폼을 이용해서 이메일주소, 제목, 내용을 입력하면 오른쪽에 QR코드로 출력해주고, 생성된 QR코드를 이미지파일로 다운로드 받을수 있는 예제입니다. 데모는 http://codepreview.x10host.com/qrcodegenerator/index.php 에서 확인이 되네요.

반응형 디자인에 관한 패턴과 자료를 모아둔 사이트입니다. 메인페이지 접속을 해 Patterns이나 resources를 클릭하여 원하는 페이지로 이동할수 있습니다. ＊Patterns 메인페이지 LAYOUT, NAVIGATION, IMAGES, MEDIA/DATA,FORMS, TEXT, MODULES 등 다양한 자료를 확인하실 수 있으며 원하는 항목을 클릭하면 적용방법 또는 코드와함께 자세한 설명을 호 Grid block with section titles를 클릭한 화면이며 위 Change View를 클릭하여 다양한 형태로 데모를 확인하실 수 있습니다. ＊Resources 메인페이지 각각의 카테고리에 있는 타이틀을 클릭하여 포럼에 등록되어 있는 글들을 확인하실 수 있습니다.

Jquery 를 이용해서 작성된 이미지 슬라이드 스크립트입니다. 시간이 지남에 따라서 이미지 상단 우측에 시계방향으로 다음 이미지로 변경되기 까지의 카운트다운 표시가 됩니다. 마우스를 오버하면 위 그림 처럼 이전 이미지, 다음 이미지를 선택할 수 있는 화살표가 표시되고, 화살표를 클릭하면 우측상단의 카운트다운을 표시하던 부분이 일시정지 하는 모양으로 바뀌고 이미지가 바뀌지 않네요. 이미지 슬라이드를 위해서 작성된 HTML 소스코드와, Javascript 소스코드는 단순하긴 합니다만, 그만큼 슬라이드가 동작하는 부분에 대해서는 다양하게 제어할수 있도록 구현된 건 아닌듯 하네요. 출처는 http://www.htmldrive.net/items/show/667/jQuery-Countdown-Image-Slide..

오피스와 관련된 유용한 아이콘들이 다양하게 준비되어있습니다. 미리보기 화면의 가장하단에서 다운로드 버튼을 확인할 수 있습니다. 또는 이 페이지 상단의 다운로드 버튼을 통해 다운받으세요!