일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #해피CGI
- #cgimall
- #뉴스
- CSS
- #image
- CGIMALL
- #쇼핑몰
- javascript
- #happycgi
- 게시판
- #홈페이지
- #홈페이지제작
- #솔루션
- 해피CGI
- 홈페이지제작
- jquery
- 쇼핑몰
- #동영상
- #CSS
- happycgi
- 해피씨지아이
- php
- #웹솔루션
- #이미지
- 웹솔루션
- #jQuery
- 솔루션
- 홈페이지
- #업종별
- 사이트제작
- Today
- Total
목록웹프로그램밍 자료실 (2652)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ON8HI/btrV9XlvP4L/4a42vrOOa5RQ1jigUUGyRK/img.jpg)
탭메뉴는 올바르게 디자인된 경우 매우 편리하고 유용한 인터페이스 요소가 될 수 있습니다. 그러나 모바일 장치와 같은 작은 화면에서 작동하는 반응형 웹 사이트를 구축할 때 탭 기반 인터페이스는 특히 CSS를 통해 모양을 수정하기 어려울 때 큰 문제가 될 수 있습니다. 미디어 쿼리를 삽입하여 탭의 HTML 코드를 수정할 수 있습니다. 그러나 HTML을 수동으로 변경해야 하기 때문에 이것은 매우 어려운 작업입니다. 또는 해당 자료에서 제공할 jQuery 반응형 탭 스크립트를 사용하여 모바일 장치 와 같은 작은 화면에서 탭을 아코디언 인터페이스로 전환하여 모든 공간을 더 중요한 정보에 사용해 보세요. # 일반화면 # 모바일과 같은 가로 디바이스가 작은 화면 사용방법 안내 입니다. 1. 탭메뉴 CSS 호출 2. ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bolj7X/btrVZWof8Oc/lAtw2nzElmpnwu9YN1DG5k/img.jpg)
peekABar는 많은 사용자 지정 옵션이 있는 고정 알림 표시줄을 만드는 데 도움이 되는 매우 가벼운 jQuery 알림 플러그인입니다. 압축 파일 해제하시면 index.html 파일이 있습니다. 참고하시면 좋습니다. peekABar 는 브라우저 상단에 메시지를 보여주는 기능입니다. Default 는 계속 보여주는 기능이며 Auto Hide 는 잠깐 보여주는 기능입니다. 설치 방법은 아래를 참고 해주세요. 1. 라이브러리 호출 2.컨테이너 생성 3. 이벤트 등록 라이센스는 MIT 입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/qtRd7/btrVT5ep3Xb/y0nln13L5CEAg1mbVm8Ei1/img.jpg)
cron-job.org 사이트는 무료로 이용이 가능한 웹크론 기능을 제공하는 사이트 입니다. 무료서비스임에도 다양한 옵션들이 많이 제공되어 편리하게 이용이 가능 합니다. https://cron-job.org/en/ 사이트로 접속 할 수 있습니다. https://console.cron-job.org/signup 회원가입 페이지를 통해 간단하게 회원가입 이후 사용이 가능 합니다. 회원가입 이후 이메일 인증후에 로그인을 하시면 됩니다. 로그인 이후에 데시보드를 통하여 새로운 크론 추가 및 관리가 가능 합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Fbvdf/btrVNf2D5e1/ewNaTR0IgoFGHT4Kp48lr1/img.jpg)
elfsight 에서 제공하는 Instagram Feed 위젯 입니다. 웹사이트에 인스타그램을 쉽게 추가 할 수 있는 위젯으로, 다양한 템플릿이 개발 되어 있습니다. 다만 무료버전은 한달에 200회 호출로 제한이 걸려 있습니다. https://elfsight.com/instagram-feed-instashow/examples/ 페이지에서 샘플을 확인이 가능 합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4LMpZ/btrVBRUWMOL/ELm6EfZ5knnu0Gc7hK9KY1/img.jpg)
다양한 공유저작물을 만나실수 있습니다. 폰트, 음악, 영상, 이미지등 필요한 자료를 찾아보세요. 상단의 검색창을 통해서도 찾으실수 있으며 https://gongu.copyright.or.kr/gongu/wrt/wrtCl/listWrtImage.do?menuNo=200018 [이미지] https://gongu.copyright.or.kr/gongu/bbs/B0000018/list.do?menuNo=200195 [폰트] 등 위 링크를 통해서도 바로 확인이 가능합니다.^^
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cx2a6h/btrVt2vtVM0/kxtVIi7mbGifje0CXAMH01/img.png)
클릭하면 별점주기가 가능합니다. 라디오버튼으로 구현되어 있습니다. css로 디자인 변경이 가능합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/tc3A2/btrVq2uyXkU/kxEzCKDKig5fgRwKuc2Go0/img.jpg)
데스크톱 및 모바일 웹 사이트에서 이미지 라이트 박스 및 갤러리 라이트 박스를 만들 수 있습니다. 첨부된 파일을 다운로드 해서, 압축을 해제하고 나면 demo 라는 폴더가 있습니다. demo 폴더에 있는, demo/index.html 파일과, demo/onlyImages.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 위 와 같은 화면이 표시가 되고, 우측의 이미지를 클릭 해보면, 위 그림과 같이 이미지를 슬라이더로 표시하는 기능을 확인하는게 가능합니다. 사용법은 아래와 같습니다. 지원되는 옵션들은 다양하며, 반응형 터치 지원 이미지 라이트박스 플러그인 | 무료 jQuery 플러그인 (jqueryscript.net) 위 페이지에서 확인이 가능하겠습니다. 그 외의 method 및 event 는 아..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/K1uR9/btrVhSz3N85/CnTemJw3kgvYv5umWgjYx1/img.jpg)
PHP 언어의 기초부터 시작하고 싶으신 분들께 적합한 강좌입니다. PHP는 어떤 언어인가 에서부터, PHP 로 DB를 제어하는 방법까지 세세한 과정으로 PHP를 알려주는 좋은 강좌입니다. 링크: https://opentutorials.org/index.php/course/62 위 링크에 접속하시면, 왼쪽 메뉴에서 PHP 관련 강좌 목록을 확인하실 수 있습니다. 각 메뉴별로 강좌가 있으며, 강좌는 유튜브를 통해 보실 수 있습니다. 또한, PHP 강좌 외에도 각종 프로그래밍 관련 유용한 강좌들이 많기에 여러모로 유용한 사이트라 이용하시면 많은 도움이 될 듯 합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bcQmna/btrVamVDGio/5OtKLMDs9xnprfgD6iS1D0/img.jpg)
100 여개의 무료 예쁜 그라이데이션 이미지를 받을 수 있습니다. 다양한 확장자로 받을 수 있어, 유용합니다. 사이트내에 특정 배경등에 사용하시면 아주 좋을 것 같습니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/F40ms/btrU45zcwH9/cHeo7Ho7KUKar2u4jcW8h1/img.jpg)
기업 및 단체 또는 개인을 포함한 모든 사용자에게 무료로 제공되는 캡쳐 프로그램 입니다. 그래서 더더욱 추천하는 국산 캡쳐 프로그램 입니다. 강력한 화면 캡처, 이미지 고급 편집, 화면 색상 추출 및 나만의 색상 관리, 이미지 크기 및 각도 계산, 화면 그리기 도구 등이 있으며, 이번엔 화면 녹화기능까지 업데이트 된 최고의 화면 캡쳐 프로그램이며 국산 소프트웨어 입니다. 7.x 대로 버전업 되면서 위의 사항들이 개선 되었습니다.