본문 바로가기

Tip/WEB

(5)
[PageSpeed] PageSpeed Insights Rules 보호되어 있는 글입니다.
[CSS] 생략, 말줄임표 text-overflow: ellipsis text-overflow: ellipsis text-overflow: clip( Default )|ellipsis|string|initial|inherit;말줄임표를 사용할때 ellipsis 를 사용한다. 참고 : http://www.w3schools.com/cssref/css3_pr_text-overflow.asp
Youtube 동영상을 페이지에 추가할때 rel=0 유무에 따른 차이 아래의 두개 동영상의 차이는? 동영상이 끝났을 때 차이를 볼 수 있다. ▲ ▲ rel=0을 iframe src 값으로 추가하면 동영상이 끝나면 화면이 멈추고 없을 경우 관련된 영상이 화면에 나타난다. 페이지의 목적에 따라 rel 값을 활용하도록 하자.
Website Performance Test Tool Website Performance Test Tool 다음은 웹사이트 성능을 체크할 수 있는 무료 툴들이다. 이를 통해 http://javapark.net 의 성능을 측정해 보았다. 여러분의 블로그나 사이트를 튜닝하는데 도움이 되었으면 한다. GTmetrix Pagespeed 와 Yslow 를 기반으로 성능을 체크한다. 유료결제시 모니터링 관련된 내용등의 추가 제공이 있다. Home page : http://gtmetrix.com/결과 페이지 : http://gtmetrix.com/reports/javapark.net/MXWTZrKN Pingdom Timeline, Pagespeed, Page Analysis, History 를 제공한다. 노란색 배경의 깔끔함이 눈길을 끈다. Home page : htt..
[HTML] From 에서 Enter 키로 Submit 되는 현상 막기 form 태그 안의 input[type=text] 에 포커스가 있을 경우 Enter 키를 클릭하게 되면 폼이 Submit 됩니다. 이는 브라우저의 기본 동작으로 개발자가 의도하지 않는 현상이 일어날 수 있다는 것입니다. 예를 들어 form 의 action 이 지정되지 않은 경우 현재 URL 이 새로고침되는 현상을 볼 수 있죠. 이 현상도 의도하지 않았다면 사용자 입장에서는 황당한 경우라고 할 수 있겠죠? 이때 jQuery 를 이용하여 Enter 키로 Submit 되는 현상을 막으려면 다음의 코드를 이용하면 됩니다. * HTML제목 : * Script$("#testForm").submit(function(){return false;});