본문 바로가기

분류 전체보기229

캐릭아트 Mj 추모 2009. 6. 29.
코카콜라 포스터 출처는 역시 플리커 2009. 6. 27.
재밌는 타이포그라피 -Type Drawing-아이팟터치 아이폰 어플 타입드로잉 -Type Drawing- 은 서체를 붓으로 사용해서 멋진 타이포그라피를 만들어 낼수 있는 프로그램입니다. Type Drawing은 아주 간결하고 깨끗합니다. 풍부한 옵션 선택으로 원하는 그림을 그릴수 있습니다. 특히 이번 업데이트 버전에서는 선택된 서체의 크기와 함께 미리보기가 가능해져서 더욱 편리하게 사용할수 있게 됐습니다. 배경화면 또한 검정색과 흰색이 추가되어 서체의 명도와 투명도를 이용해 멋진 효과를 낼수 있습니다. 랜덤 옵션을 선택하면 서체의 크기와 종류가 그리는 속도에 따라 달라지는 재미를 만끽 할수있고, 원하는 문장이나 단어, 알파벳을 크기를 조절해 원하는 곳에 배치할수도 있어 로고를 만들어 낼수도 있습니다. 내 앨범 사진을 이용한다면 또 재밌는 아이디어를 가진 그림이 나올수도 .. 2009. 6. 27.
내 블로그에 한예슬이 나온다면? | 카페베네공모전 | 한예슬공모전 | 카페베네 caffebene [출처] 카페베네뉴스 | 내 블로그에 한예슬이 나온다면? | 카페베네공모전 | 한예슬공모전 | 카페베네 caffebene|작성자 카페베네 한예슬이벤트로 잘 알려진 카페베네 아이디어 공모전은 매일 수백명이 몰리며 각종 기획안과 블로그, 카페 디자인, 애칭 등이 올라오고 있습니다. 특히 카페베네의 로고와 한예슬 이미지를 활용해 만드는 블로그스킨과 카페대문 이벤트에는 상금 500만원과 해외여행티켓을 비롯한 푸짐한 상품이 제공돼 일반인은 물론 웹디자이너 등 전문가의 참여도 이어지고 있다는군요! 기존 이벤트는 참여자에게 부담을 주는 것이 대부분이지만 블로그와 카페 디자인은 누구나 일상 생활 속에서 흔히 하는 것으로서 참여자의 부담이 적을 뿐만 아니라 블로그와 카페가 가진 커뮤니티의 특성때문에 카페베네도 홍보되는 1석 2조 효과가 있는 것 같네요. [출처] 카페베네뉴스 | 내 블로그에 한예슬이 나온다면? | 카페베네공모전 | 한예슬공모전 | 카페베네.. 2009. 6. 27.
css 초기화 코드 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; } h1,h2,h3,h4,h5,h6 { font-size : 100%; } ol,ul { list-style : none; } address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; } table { border-collapse : collapse; border-spacing : 0; } fieldset,img { border : 0; } ca.. 2009. 6. 26.
Line Test this track back is test 2009. 2. 4.
CSS3 지원여부 IE7, 파이어폭스3 CSS3에 대해 이둘은 지원이 미흡하다. 자식 선택자, 인접 선택자, 속성 선택자는 모두지원 단 IE7의 경우 약간의 버그가 있다. 이둘은 유사클래스가 몇개 지원 안된다. 파이어폭스3의 경우 * :nth-child() * :nth-last-child() * :first-of-type * :last-of-type * :only-of-type * :nth-of-type() * :nth-last-of-type() IE7는 아래 둘말곤 유사글래스 모두 지원 안됨. * :first-letter * :first-line 2008. 10. 24.
브라우저의 CSS3 지원 여부 확인 포탈 싸이트에서 CSS3 검색시 다음과 같이 확인할 수 있다. CSS Selectors CSS 선택자지원 확인서비스 사이트, 테스트 안내.http://www.css3.info/selectors-test/들어가면 뜨는 내용 일부 CSS SelectorsIs your browser compatible?After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is.. 2008. 10. 24.
DOM 요약 다룰 내용 노드의 개념 간편한 DOM 사용법 getElementById, getElementsByTagName, getAttribute, setAttribute 1. DOM D는 문서입니다. 문서 객체 모델(Document Object Model)은 문서(document)가 없으면 움직이지 않음 웹 문서를 만들어 웹 브라우저에 띄우는 순간 DOM이 살아 움직이기 시작합니다. 작성된 문서가 객체로 변경되기 때문임 O는 객체입니다. 자바스크립트에는 세 종류의 객체가 있음 사용자 정의 객체 배열, 수학, 날짜와 같이 자바스크립트에서 이미 만들어진 객체 웹 브라우저가 제공하는 주요 객체 자바스크립트 초기에는 중요한 몇 가지 주요 객체들이 스크립트 제작에 사용돼었음. 그 중 가장 기본적인 것이 윈도우 객체(win.. 2008. 10. 22.
CSS 선택자 선택자를 쓰고 중괄호로 마무리한다 모두선택 *{} ex)모든 태그 속성 패딩,마진이 0 *{padding:0; margin:0;} 태그 선택자 ex)바디컬러 블랙, h1 폰트 컬러 분홍 body{background-color:#000000;} h1{color:#ffcccc;} 클래스 선택자 .class{} 지정한 클래스 이름 앞에 . ex)html은 가로 400px 패딩 50px 마진 60px .box{ width:400px; padding: 50px; margin: 60px; } 아이디 선택자 #id{} ex)html은 아랫선 대쉬 1px 그린 #box{border-bottom:#009933 dashed 1px} 2008. 10. 22.

티스토리툴바