본문 바로가기

반응형

자바스크립트/기타등등

(9)
네이버 스톱워치 같은 스톱워치를 블로그에 달아보자 0:00:00:00 시작 리셋 태그를 대충 만들어서 핸드폰에서는 제대로 화면 구성이 셋팅이 안되어 있습니다. 휴대폰에서는 좀 허접하게 나올 것입니다. 공부하는 의미로 그냥 올립니다. 휴대폰에서 제대로 나오게 할려면 미디어쿼리를 사용하시던지 margin이나 font size를 수정하면 될 것 같습니다. 오늘은 html, css, javascript를 이용해서 네이버 스톱워치 같은 스톱워치를 티스토리 블로그에 한번 달아 봤습니다. 자바스크립트 소스는 공개되어 있는 소스를 약간 수정해서 사용했습니다. 워드프레스에도 달아 보고 이번에 티스토리 블로그에도 한번 달아봤는데 잘 적용이 되네요. 아래에 html, css, javascript 소스를 올립니다. 블로그에 적용하는 방법은 간단합니다. 블로그 포스팅할 때 H..
온라인 에디터 6종류 (HTML CSS Javascript Jquery mySQL 등 편집) 여러분은 HTML, CSS, JS, jQuery 등의 코드를 온라인에서 에디팅할때 어떤 에디터를 사용하시나요 ? 이전에 JsBin이라는 온라인 에디터의 사이트를 알려 드린적이 있었는데 오늘은 Jsbin과 더불어 몇가지 많이 사용되고 있는 온라인 에디터사이트를 알려 드리겠습니다. 1.CodePen .mkt{ color:red; background-color:yellow; width:300px; height:50px; line-height:50px; font-size:31px; text-align:center; margin:20px; border:1px solid #eee; box-shadow:3px 3px 3px #999; } See the Pen btyAl by yoonsj (@yun1653) on Co..
Jquery CDN 가끔씩 Jquery의 CDN path를 타이핑 하다가 오타가 나는 경우가 있어서 여기에 저장해 놓고 카피 앤 붙여넣기 해야겠다. Jquery CDN Jquery 1.11.1 버전 Jquery 최신버전 Jquery-UI CDN Jquery UI 또는 Google Hosted Libraries - Developer's Guide https://developers.google.com/speed/libraries/devguide여기에서 찾아도 됩니다.
JavaScript 코드 최적화 사이트 JSLint 코드를 집어넣고 아래의 JSLint 버튼을 클릭하면 아래쪽으로 여러가지 에러가 나온다. 하나씩 수정을 해서 에러를 없애보는 것도 괜찮을 것 같다. http://jslint.com/
이미지 애니메이션 Javascript 코드 오늘도 초간단 애니메이션 입니다. 페이지를 새로고침하면 실행됩니다. F22가 허접하게 날라가는 모양 ㅋㅋㅋ code

반응형