'css'에 해당되는 글 3건

  1. 2009.01.07 [펌]웹페이지 성능 향상
  2. 2008.07.21 css 로 문장 정렬하기 tip
  3. 2007.09.05 CSS Properties To JavaScript Reference Conversion

[펌]웹페이지 성능 향상

스크랩일반 2009.01.07 13:30

http://msdn.microsoft.com/ko-kr/magazine/dd188562.aspx

 

한번 가볍게 읽어 보세요. ^^*

 

1.      충분한 포트 열기

2.      다운로드하는 작은 파일 수를 제한

3.      JavaScript 파일을 JavaScript 엔진 외부에서 로드

4.      연결 유지 사용

5.      네트워크 정체 현상 식별

6.      네트워크 MTU(최대 전송 단위) TCP 크기 늘리기

7.      서버 정체 현상 식별

8.      불필요한 왕복 확인

9.      만료 날짜 설정

10.  리디렉션에 대한 재고

11.  압축 사용

12.  CSS 편집

 

더불어 비교해서 야후 닷컴에 근무하는 친구(제 친구는 아니구요.. )가 쓴 책인데요.

http://stevesouders.com/examples/rules.php

http://video.yahoo.com/video/play?vid=1040890

저작자 표시 비영리 변경 금지
신고
Trackback 0 : Comment 0

css 로 문장 정렬하기 tip

ITWeb/개발일반 2008.07.21 12:38
- css 로 문장 정렬하기..tip

word-break
    공백단위나 글자단위로 문장을 잘라(정렬해) 줍니다. (only ie)

word-wrap
    문장이 길어 질때 테이블이 깨지지 않도록 해 줍니다. (only ie)

line-break
    강제 줄바꿈 해 줍니다. (only ie)

text-align
    글 정렬 ( ie, ff )
    left,right,center.justify

참고 사이트)
- http://www.w3schools.com/css/css_reference.asp
- http://msdn.microsoft.com/en-us/library/ms531205(vs.85).aspx
- http://developer.mozilla.org/en/docs/CSS
- http://www.w3.org/Style/CSS/



신고
Trackback 0 : Comment 0

CSS Properties To JavaScript Reference Conversion

ITWeb/개발일반 2007.09.05 13:33

 

CSS Property JavaScript Reference
background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
clip clip
color color
cursor cursor
display display
filter filter
font font
font-family fontFamily
font-size fontSize
font-variant fontVariant
font-weight fontWeight
height height
left left
letter-spacing letterSpacing
line-height lineHeight
list-style listStyle
list-style-image listStyleImage
list-style-position listStylePosition
list-style-type listStyleType
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
overflow overflow
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
page-break-after pageBreakAfter
page-break-before pageBreakBefore
position position
float styleFloat
text-align textAlign
text-decoration textDecoration
text-decoration: blink textDecorationBlink
text-decoration: line-through textDecorationLineThrough
text-decoration: none textDecorationNone
text-decoration: overline textDecorationOverline
text-decoration: underline textDecorationUnderline
text-indent textIndent
text-transform textTransform
top top
vertical-align verticalAlign
visibility visibility
width width
z-index zIndex


간혹 javascript css 를 handling 해야 해서 북마크 해 봅니다.
- IE/FF 에서 대소문자 구분 합니다.
예)
<style type="text/css">
body {
 margin:0px;
 font-size:12px;
 line-height:2em;
}
</style>
to
<script language="javascript">
//<![CDATA[
document.body.style.margin = "0px";
document.body.style.fontSize = "12px";
document.body.style.lineHeight = "2em";
//]]>
</script>


ref. http://codepunk.hardwar.org.uk/css2js.htm

신고
Trackback 0 : Comment 0