오늘의 링크(효과적인 CSS작성,웹사이트구축10가지팁,javascript 사운드매니저,자바스크립트압축)

1. 효과적인 CSS 작성

모질라 개발라 레퍼런스에 2000년 4월 21자로 마지막 업데이트 된 문서입니다.
효과적인 CSS작성이라는 제목을 달고 있는 문서인데요.

CSS 작성 규칙을 크게 네가지

 ID Rules,
Class Rules,
Tag Rules,
Universal Rules

로 분류했습니다.

그리고 다음의 가이드라인을 제시했네요.

• Avoid Universal Rules!
• Don't qualify ID-categorized rules with tag names or classes
• Don't qualify class-categorized rules with tag names
• Try to put rules into the most specific category you can!
• Avoid the descendant selector!
• Tag-categorized rules should never contain a child selector!
• Question all usages of the child selector!
• Rely on inheritance!
• Use -moz-image-region!

모든 가이드라인이 말하는 중심내용은 다음의 문장이 압축해서 말해주고 있습니다.

The fewer rules that you even have to check for a given element, the faster style resolution will be. - 해당 엘리먼트에 대해서 체크해야할 적은 규칙을 가지고 있을수록 더 빠르게 표현될것이다

그러니깐 복잡하게 여러뎁스를 거치는 하위선택자를 따라서 해당 엘리먼트에 대한 CSS를 적용시킨다거나 그렇게 하지말고 직접적으로 해당 엘리먼트의 ID 또는 class를 사용하여 직접 그 선택자를 활용하여 CSS를 작성하라는 말이네요.


2. 웹사이트 구축 10가지 팁

요즘 자꾸 무슨 무슨 팁 이런 식의 글이 자꾸 눈에 들어오네요.

1. 파이어폭스를 사용해라(파이어버그,웹디벨로퍼 플러그인 활용)
2. 호환성
3. 심플함
4. 자바스크립트를 원한다면 jquery를 사용해라
5. ajax는 적재적소에 사용
6. 검색엔진은 구조화된 코드를 좋아한다.
7. table 말고 div를 사용
8. 인라인스타일을 적게사용
9. 적당한 주석
10. 웹표준에 대한 인식

다 맞는 교과서적인 내용이죠?



3. 자바스크립트 사운드매니저

jsAmp 라는 javascript로 작동되는 mp3플레이어입니다.


4. javascript 압축

자바스크립트 코드를 붙여넣으면 compress된 javascript코드를 되돌려줍니다.