일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
31 |
- 창업
- 구매대행프로그램
- 네이버검색등록
- 쿠팡
- 크롤링
- 모두홈페이지검색등록
- 검색등록
- 네이버모두
- 구글검색등록
- 돈버는방법
- 제이쿼리
- 네이버검색
- 무료이미지다운로드
- 타오바오
- 어도비컬러
- 모두홈페이지
- Menu
- 모두홈페이지제작
- 제이쿼리메뉴
- 치질방석
- 해외구매대행
- 더블유커머스
- 스마트스토어
- 웹크롤링
- 스톤모두
- jQuery
- 춘천시청
- 디지털노마드
- 네이버웹마스터도구
- 사이트등록
- Today
- Total
목록웹코딩 (18)
퍼블리셔 커피찬우유
css 애니메이션 마크업에 유용한 사이트 - animatable One property, two values, endless possibilities 마우스오버했을때 효과를 주고싶은데 정말 머리가 안돌아가고 디자이너도 인터랙션에 대해 모를때 정말 유용한 사이트입니다. 마우스 오버버튼 누르면 마우스 올렸을때 모습을 볼 수 있고 전체 애니메이션을 보고싶으면 Animate all 버튼만 누르면 모든 적용 애니메이션을 보면됩니다. css 애니메이션 사용하는 방법 해당 움직이는 버튼을 누르셔서 가져갈 수 있습니다. 그리고 웹개발자라면 잘 알고있는 크롬브라우져 개발자도구(f12)를 사용하여 스타일만 복사해서 사용하셔도 됩니다.^^ css animatable 주소 : http://leaverou.github.io/a..
Noto Sans KR 웹폰트를 크롬, IE, 사파리, 파이어폭스에 적용하려면 아래의 코드를 사용하세요. 웬만하면 모든 홈페이지에 거의 노토산스를 사용하고 있습니다. 왜냐하면 깔끔하고 이쁜 글씨라 정말 잘 사용하고 있습니다. 아래의 코드 그대로 사용하시면 노토산스를 크롬, 익스플로러 전부 적용이 가능합니다.^^ @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff)..
코딩없이 디자인없이 개발자없이 어떻게 멋진 홈페이지를 만들수 있을까요? 방법은 워드프레스의 divi테마에 있습니다. 워드프레스의 설치 방법 래의 링크에서 다운받은 파일을 웹서버에 업로드만 하면 바로 사용가능합니다. https://ko.wordpress.org/download/ Download Download WordPress today, and get started on creating your website with one of the most powerful, popular, and customizable platforms in the world. ko.wordpress.org 한국어로 되어있기 때문에 카페24, 가비아, 등 다양한 웹호스팅사에서 결제만하면 주는 홈페이지 정보들로 ftp, 데이타베이스..
워드프레스는 다양한 장점을 가지고 있습니다. 관리의 편의성, 플러그인의 다양성, 반응형 웹, SEO 등등 수많은 장점이있습니다. 그중 좋은 홈페이지 제작사를 추천드립니다. 다양한 프리미엄테마를 가지고 있는 Divi 테마를 이용하여 고객의 다양한 니즈에 보답하는 제작사입니다. 제작에 대해 궁금하신점이있으시면 아래의 링크에 접속하셔서 확인 부탁드리며, 빠르게 문의를 원하시면 대표번호 010-2041-0116으로 연락 부탁드립니다. 감사합니다. URL - 스톤모두 워드프레스 제작사 https://stonemodoo.com/ 스톤모두 -Stone Modoo 모두 홈페이지, 워드프레스홈페이지 제작 스톤모두 모두홈페이지, 반응형 홈페이지 제작,반응형 홈페이지 템플릿,반응형 홈페이지 만들기,반응형 홈페이지 제작 비용..
워드프레스(wordpress)를실행하기 위해서 필요한 서버환경 - PHP 7 이상 - MySQL 5.6 이상 - mod_rewrite Apache 모듈 설치
#Window + Apache + mySql + PHP 로컬 서버 구성!! APM Setup을 대체할 프로그램 "WAMP"의 설치 방법을 알려드립니다.^^ 설치 방법 WAMP를 다운로드할 수 있는 홈페이지입니다. Bitnami : http://bitnami.com Bitnami With over 1 million apps deployed per month, Bitnami makes it incredibly easy to deploy apps with native installers, as virtual machines, docker containers or in the cloud. bitnami.com 위의 사이트에 들어가서 Products < Application Catalog를 클릭합니다. 그중에 W..
그누보드5 설치하기 본격적으로 홈페이지를 만들기 위한 작업을 진행하기 위해 그누보드5를 웹 서버에 설치하는 과정을 다루고자 합니다. 그누보드5(Gnuboard 5)라는 오픈소스 웹 프로그램을 사용하려고 합니다.그누보드5를 설치하기에 앞서 그누보드5에 대해 간단하게 설명을 먼저 드려보고자 합니다. 그누보드 공식 사이트 주소는 http://www.sir.co.kr 입니다. 공식 사이트 설명을 빌린다면 "그누보드는 웹에서 게시판, 회원정보 등을 편리하게 관리하는 게시판(BBS - Bulletin Board System) 프로그램으로 오픈된 소스코드를 바탕으로 다양한 기능(플러그인)을 추가하기 쉽게 제작되어 있습니다."라고 나옵니다. 회사소개 홈페이지에서 기본적으로 필요한 기능은 아래와 같습니다. 회사소개 페이..
마크업, 프론트엔드 개발자 또는 웹을 만드는 사람들에게 유용한 URL이라 생각되어 공유드립니다. 더 많은 좋은 URL이 있는데 조금씩 공유하겠습니다.^^ 즐겨찾기 해놓고 사용하시면 편합니다. Tools w3c Developers — Markup Validator, Link Checker 등 유용한 툴을 모은 사이트 jsbeautifier — JavaScript 코드정리 prettydiff — 두개 파일을 비교하여 diff 추출해 주는 도구 regexr — 정규식 생성 도구 Flexy Boxes — flex 속성 관련된 코드 생성 도구 Random Word Generator — 테스트용 임의의 문장들을 만들어 주는 도구 Unused CSS Check Tool — html에서 미사용중인 선택자를 선별해주는 ..
이벤트 중지시키는 방법 자바스크립트 이벤트 리스너에서 preventDefault() 와 stopPropagation() 그리고 return false 는 자바스크립트 프로그래밍을 할 때 이벤트 중단을 위해 자주 사용되는 코드들이다. 이벤트 중단 시에 사용되는 방식에 대해서 간단하게 정리하면 아래와 같다. event.preventDefault() 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다. event.stopImmediatePropagation() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다. return false jQuery를 사용할 때는 위의 두개 모두를 수행한 것과 같고, j..
날짜에 따라 변하는 이미지 제이쿼리를 사용하여 디데이 방식으로 6개의 이미지가 날짜에 따라 이미지 변경되도록 설정 하는 방법입니다. 자세한 사용방법은 아래 참고 부탁드립니다. // 날짜에 따라 변하는 이미지 function formatDate() { var today = new Date(); var inYear = 2019; var inMonth = 3; var inDate = 5; var stdDate = new Date(inYear,(inMonth-1),inDate); var gapDate = stdDate.getTime() - today.getTime(); var gapDay = Math.ceil(gapDate / (60*1000*60*24)); var gapImg = gapDay % 6; if(g..