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

온르 영하 18도라는데.

10시부터 시작하기 위해 9시쯤 집에서 출발.

어울림누리 꽃우물 수영장 9시 45분 도착.

샤워하고.

자유형 13 ?

40분 정도 돌고. 잠깐 쉬다가

5바퀴 정도 돌고.

잠깐 쉬고.

마무리 5바퀴.

이래서 대회 나가겠나?

다음번에 오면 한시간동안 안쉬고 돌아야지.

빠른 이미지 변경

input { background-image: url('images/text.png') } input:focus { background-image: url('images/text-focus.png') } 

엘리먼트의 상태가 바뀔때마다 다른 이미지를 로딩하고 싶을 경우가 있습니다. 위의 코드를 보면 포커스가 되었을 때 기존의 배경 이미지인 text.png파일을 text-focus.png파일로 바꾸어주는 것을 알 수 있습니다. 그런데 이렇게 파일을 따로따로 로딩하는 방식을 이용하는 것보다 한 이미지 파일에 두 이미지를 넣어놓고 background-position같은 속성을 이용하는 것이 더 빠릅니다.

.sprite { background-image: url(sprite.png); background-repeat:no-repeat; } .sprite.text { background-position:0px 0px; } .sprite.text:focus { background-position:0px -40px; } 

위의 코드의 경우가 그러한 방법을 적용한 예라고 볼 수 있습니다. background-image에 변이될 이미지 2개를 넣어놓고 상태가 바뀔때마다 background-position속성을 바꾸는 것을 알 수 있습니다. 이 방법은 사실 옛날 2D게임에서 스프라이트를 이용하는 방식과 메우 비슷하다고 볼 수 있습니다.

다른 사람들과 함께 식사를 하는 것은 결코 소홀히 해서는 안 될 친교 활동이다 - M. F. K. 피셔 -

Sharing food with another human being is an intimate act that should not be indulged in lightly. - M. F. K. Fisher -