긍정적 사고, 음식의 절제, 규칙적인 운동

Image Sprites : http://www.w3schools.com/css/css_image_sprites.asp

An image sprite is a collection of images put into a single image.
A web page with many images can take a long time to load and generates multiple server requests.
Using image sprites will reduce the number of server requests and save bandwidth
- 무슨 말이냐고? 하나의 이미지를 사용하는 이미지 모음을 얘기하는데,
  이를 사용하는 이점은 서버로의 호출을 줄이고 대역폭을 확보하는데 있다.
  이미지 모음을 CSS로 잘라서 사용하라는 말입니다.

예제 1 : http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_img
예제 2 : http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_nav
예제 3 : http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_hover_nav

JavaScript에서의 location.href 와 location.replace 의 차이점

자바스크립트에서 페이지 이동 시킬때 location.href를 많이 사용하지만 location.replace 메세드도 종종 이용된다.
두가지 모두 같은 동작을 하는거 같지만 실제로는 아래와 같은 차이점이 있다.

location.href Method

Including the following script will immediately redirect visitors to the URL entered.

<script type="text/javascript">
     location.href='http://www.bloggingdeveloper.com';
</script> 

location.replace Method

Including the following script will immediately redirect visitors to the URL entered.

<script type="text/javascript">
     location.replace('http://www.bloggingdeveloper.com/');
</script>

The difference between location.href and location.replace

The difference between location.href and location.replace is that the former creates a new history entry on the visitor's browser meaning that if they hit the back button, they can get in a 'redirection loop' which is usually undesirable and may have unwanted side effects.