-
[비공개] 블럭의 테두리를 둥글게 Nifty Cube
블럭의 테두리를 둥글게.. Nifty Cube Web 2.0 디자인의 특징 중 하나가 둥근 모서리 처리라고 합니다. 하지만 IE나 FireFox등의 웹 브라우저에서 CSS Level 3가 아직 지원되지 않아서 9개의 DIV(Division) 혹은 3x3의 테이블을 만들어 이미지로 처리하는것이 대체적이었습니다. 그 와중에 웹 표준이 강조되면서 지저분한 코드가 문제가 되기도 했습니다. 그 와중에 2005년 4월에 Nifty Corners가 나오면서 모든 문제가 사라졌습니다. 불필요한 마크업과 이미지를 필요로 하지 않아 둥근 모서리를 표현하기 위해 제일 많이 사용되는 라이브러리가 아닐까 생각합니다. 그 1년이 지나 Nifty Cube라는 이름의 종 버전으로 공개되었습니다. 기존 버전에서의 개별 로딩 방식과 복잡한 함수 호출 부분의 단순화와 추가적인 기능, 전체적인 최적화가 주 변경사항입니다. Nifty Cube 예제 ..추천 -
[비공개] 블럭의 테두리를 둥글게 Nifty Cube
블럭의 테두리를 둥글게.. Nifty Cube Web 2.0 디자인의 특징 중 하나가 둥근 모서리 처리라고 합니다. 하지만 IE나 FireFox등의 웹 브라우저에서 CSS Level 3가 아직 지원되지 않아서 9개의 DIV(Division) 혹은 3x3의 테이블을 만들어 이미지로 처리하는것이 대체적이었습니다. 그 와중에 웹 표준이 강조되면서 지저분한 코드가 문제가 되기도 했습니다. 그 와중에 2005년 4월에 Nifty Corners가 나오면서 모든 문제가 사라졌습니다. 불필요한 마크업과 이미지를 필요로 하지 않아 둥근 모서리를 표현하기 위해 제일 많이 사용되는 라이브러리가 아닐까 생각합니다. 그 1년이 지나 Nifty Cube라는 이름의 종 버전으로 공개되었습니다. 기존 버전에서의 개별 로딩 방식과 복잡한 함수 호출 부분의 단순화와 추가적인 기능, 전체적인 최적화가 주 변경사항입니다. Nifty Cube 예제 ..추천 -
[비공개] div 투명 처리 (filter:alpha) 익스, 파이어폭스, 오페..
형식: filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; 예) #mm { filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }추천 -
[비공개] div 투명 처리 (filter:alpha) 익스, 파이어폭스, 오페..
형식: filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; 예) #mm { filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; }추천 -
[비공개] CSS 스타일시트 속성
1. 글꼴 관련 스타일 속성 (1) font-size : 수치 ; => 글꼴의 크기 조절 (2) font-family : 글꼴명 ; => 글꼴 타입 조절 (3) font-weight : nomal / bold / 100~900 ; => 글꼴의 굵기 조절 (4) font-style : normal / italic ; => 글꼴의 기울임 조절 (5) color : 색상명 또는 색상코드 ; => 글꼴 색상 조절 2. 글꼴 크기 단위 (1) pt(포인트) => 주로 사용됨. (2)px(픽셀) (3) pc(파이카) => (1파이카=12포인트) (4) in(인치) => (1인치=2.54cm) (5) cm(센티미터) => (1cm=10mm) (6) em => 영문 글꼴 높이를 1em (7) ex => 영문소문자 x 글꼴 높이를 1ex (8) % => 상위 글꼴을 기준으로 비례함. 3. 글꼴에 장식 효과 스타일 text-decoration : 값 ; ※ 값의 종류 : none / underline / overline(윗줄) / line-through(취소선) / blink(NE) 4. 하이퍼 링크 스타일 (1)a : link => 열어보지 않은 링크 스타일 (2)a : visited => 열어본 링크 스타일 (3)a : active => 링크를 클릭..추천 -
[비공개] CSS 스타일시트 속성
1. 글꼴 관련 스타일 속성 (1) font-size : 수치 ; => 글꼴의 크기 조절 (2) font-family : 글꼴명 ; => 글꼴 타입 조절 (3) font-weight : nomal / bold / 100~900 ; => 글꼴의 굵기 조절 (4) font-style : normal / italic ; => 글꼴의 기울임 조절 (5) color : 색상명 또는 색상코드 ; => 글꼴 색상 조절 2. 글꼴 크기 단위 (1) pt(포인트) => 주로 사용됨. (2)px(픽셀) (3) pc(파이카) => (1파이카=12포인트) (4) in(인치) => (1인치=2.54cm) (5) cm(센티미터) => (1cm=10mm) (6) em => 영문 글꼴 높이를 1em (7) ex => 영문소문자 x 글꼴 높이를 1ex (8) % => 상위 글꼴을 기준으로 비례함. 3. 글꼴에 장식 효과 스타일 text-decoration : 값 ; ※ 값의 종류 : none / underline / overline(윗줄) / line-through(취소선) / blink(NE) 4. 하이퍼 링크 스타일 (1)a : link => 열어보지 않은 링크 스타일 (2)a : visited => 열어본 링크 스타일 (3)a : active => 링크를 클릭..추천 -
[비공개] 윤디자인 무료제공 폰트 : 한글상상서체
폰트받으러가기 : http://yoonfont.co.kr/2008SS/ - 위에 써있는 싸이트로 들어가셔서 다운받으신 후, 압축파일을 풀어주세요. 압축파일을 푸시면 Setup파일이 나옵니다. Setup파일을 더블클릭하셔서 설치를 해주시면 됩니다. 설치 완료 후, 제어판-글꼴에 "한글상상체"가 있는지 확인해보세요~ 윤디자인연구소에서 한글기념으로 무료배포한 입니다. 윤디자인연구소에서 한글자 디자인 이벤트를 통해 만들어진 작품입니다. 여러분도 써보시면 아시겠지만, 글자마다 서체가 틀려져서 귀여우면서도 독특함이 묻어나는 서체입니다. Mac서체는 지원이 불가능한걸로 알고 있습니다. 서체를 받으시려고 하시는 분은 위에 URL을 통해서 다운받으시면 됩니다.추천 -
[비공개] 윤디자인 무료제공 폰트 : 한글상상서체
폰트받으러가기 : http://yoonfont.co.kr/2008SS/ - 위에 써있는 싸이트로 들어가셔서 다운받으신 후, 압축파일을 풀어주세요. 압축파일을 푸시면 Setup파일이 나옵니다. Setup파일을 더블클릭하셔서 설치를 해주시면 됩니다. 설치 완료 후, 제어판-글꼴에 "한글상상체"가 있는지 확인해보세요~ 윤디자인연구소에서 한글기념으로 무료배포한 입니다. 윤디자인연구소에서 한글자 디자인 이벤트를 통해 만들어진 작품입니다. 여러분도 써보시면 아시겠지만, 글자마다 서체가 틀려져서 귀여우면서도 독특함이 묻어나는 서체입니다. Mac서체는 지원이 불가능한걸로 알고 있습니다. 서체를 받으시려고 하시는 분은 위에 URL을 통해서 다운받으시면 됩니다.추천 -
[비공개] 이지쿡과 기능이 비슷한 크리스탈오븐기
몇달전부터 오픈마켓에 크리스탈오븐기를 팔고있는데 아직까지도 그 기능을 모르고 있답니다ㅠ 이상품과 비슷한 상품이 "이지쿡"만능조리기라고 하던데 전 써보지 않아서 그런가보네요 저는 팔기만 팔았는데 구매자님들은 전화가와서 상품에 대해 자세히 물어보니 좀 난감할때도 있습니당ㅠ 답변을 잘 못해드리니말이죠... 암튼 이상품 가격대비 성능이 뛰어난것으로 알고있습니다 상세스펙을 알아서 고객님들의 질문에 신속히 답변할 수 있는 지식을 갖춰야겠네요ㅋㅋ 구매가능한곳 : 스페셜샵, 옥션, G마켓, 인터파크추천 -
[비공개] 이지쿡과 기능이 비슷한 크리스탈오븐기
몇달전부터 오픈마켓에 크리스탈오븐기를 팔고있는데 아직까지도 그 기능을 모르고 있답니다ㅠ 이상품과 비슷한 상품이 "이지쿡"만능조리기라고 하던데 전 써보지 않아서 그런가보네요 저는 팔기만 팔았는데 구매자님들은 전화가와서 상품에 대해 자세히 물어보니 좀 난감할때도 있습니당ㅠ 답변을 잘 못해드리니말이죠... 암튼 이상품 가격대비 성능이 뛰어난것으로 알고있습니다 상세스펙을 알아서 고객님들의 질문에 신속히 답변할 수 있는 지식을 갖춰야겠네요ㅋㅋ 구매가능한곳 : 스페셜샵, 옥션, G마켓, 인터파크추천