분류 전체보기229 CSS 정리,관리 사이트 ProCSSor 주소는 http://procssor.com/process CSS를 정리해주는 사이트 다른거보다 설렉터 정리와 설렉터 스타일 나열방식을 정리해주는게 맘에든다 2011. 10. 10. 웹표준을 어떻게 생각하는가? 웹표준을 어떻게 생각하는가? 웹표준에 대한 생각들을 다음에 달아보자.출처는 웹스탠다드포럼 http://cssdesign.kr/forum/viewtopic.php?pid=19094#p19094 웹 표준 뭐라고 생각하세요? 웹 표준 뭐라고 생각하세요? HTML 시멘틱마크업,CSS오류없슴, '정보'와 '꾸밈(장식)', '기능'의 역할요소를 구분 웹 표준 어떻게 생각하세요? 현재 웹 설계의 필수요소. 웹 표준의 장점은 뭘까요? 역할분담과 알아볼수 있는 체계의 명확화. 웹표준을 지킴으로서 검색기능의 향상, 명확한 역할 구분,분담이 이루어진다. 예로 내가한작업을 넘겨줄 때도 이 규약을 지킴으로서 알기쉽다. 또한 접근성향상 웹 표준의 단점은 뭘까요? 아직까지 시간이 지나도 웹표준에 대한 이해 그리고 공통적인 개념이 .. 2011. 6. 30. 웹사이트 유동적 레이아웃 : 최대값과 최소값 자동완성사이트 웹사이트 유동적 레이아웃 : 최대값과 최소값 자동완성사이트 유동적 레이아웃에서 가로 너비으 최대값고 최소값을 제한해줄수 있는 걸 대부분알것이다(물론IE6는 그냥적용안됨) 어느정도 익숙하다면 Jello Mold Layout Generator를 방문하면된다. http://www.positioniseverything.net/articles/sidepages/pie-calc.php 위와같은 그림에서 위에는 가로 최소값 입력 아래는 최대값과 전체 사이트 너비를 입력하고 submit을 클릭하면 된다. 그러나 소스가 바로 나오지는 않는다. 변경된 사이트의 모습을 보여준다. 브라우저에서 사이트의 소스보기를 연후에 복사,저장하든지 사이트저장해서 수정하든지 하면 된다. 좋은점은 IE에 대한 대체 방안도 마련 되어있다는 점.. 2011. 3. 27. 웹 CSS 폰트 테스트 미리보기 사이트 typeteste http://www.typetester.org/ CSS를 다루면서 여러폰트를 사용하고 크기 색깔 마진 패딩들을 다루게 되는데 미리한번 볼수 있는 좋은 사이트가 있다. 좋은점은 위에는 우리가 흔히 사용하는 기본적인 폰트 그리고 아래는 자신이 가지고 있는 폰트가 있다. 모두테스트 가능 설정함에 따라 아래에 뜬다. 아쉬운 점이라면 한글로 못본다는점? 2011. 3. 17. CSS 에디터들 출처 http://all-iran.info/lse/infonote/webmaster/855.html 최고의 CSS 에디터(Editor)는 무엇일까? 여러 사람들이 추천해 준 것은 아래의 것이다. jEdit : 확인해보니 CSS 제작용으론 적합치 않다. 프로그래머용. Topstyle : 공짜가 아니다. Aptana : 상당히 큰 프로그램이지만 공짜다. 너무 크고 무거워서 별로다. Simple CSS : 심플하고 좋은 듯 하다 근데뭐 포토샵깔고 어도비꺼 돌리다보면...드림위버 자연스레 설치하게되니..쩝 그외 http://blueprintcss.org/ http://csswizardry.com/typogridphy/ http://www.yaml.de/ http://developer.yahoo.com/yui/ 2011. 3. 17. 3·1절 (三一節, 31절) 기념 다음 플래시 로고 3·1절 (三一節, 31절) 기념 다음 플래시 로고 drag&drop으로 심플하게 플래시로 기념한 로고 소스는 다음과 같다 2011. 3. 1. HTML5 엘리먼트 알아보기 (계속업데이트) HTML5 HTML5 엘리먼트 알아보기 (계속업데이트) 업데이트로 올린글 링크 section 엘리먼트 HTML5 aside 엘리먼트 HTML5 article 엘리먼트 HTML5 nav 엘리먼트 HTML5 section 엘리먼트 HTML5 article 엘리먼트 HTML5 aside 엘리먼트 HTML5 hgroup 엘리먼트 HTML5 header 엘리먼트 HTML5 footer 엘리먼트 HTML5 address 엘리먼트 group 엘리먼트 HTML5 p 엘리먼트 HTML5 hr 엘리먼트 HTML5 pre 엘리먼트 HTML5 ol 엘리먼트 HTML5 ul 엘리먼트 HTML5 li 엘리먼트 HTML5 dl, dt, dd 엘리먼트(element) HTML5 figure, figcaption 엘리먼트(element) HTM.. 2010. 7. 22. HTML5 menu,command 엘리먼트(element) HTML5 menu, command 엘리먼트(element) 커맨드리트를 표현하는 menu엘리먼트 상세히 표현하기위해 command엘리먼트가 자식엘리먼트로 html5에서 추가되었다. 커맨드엘리먼트는텍스등으 여러가지로 나타난다.커맨드는 현재 아직지원하지않는다. 냉무 역시차후 업데이트 2010. 7. 22. HTML5 details, summary 엘리먼트(element) HTML5 details 엘리먼트(element) 스크립트와 더불어 흔히 웹사이트에서 클릭시 화면에 새로운정보를보여주고 클릭시 사라지는경우를 봤을 것이다. 이를 구현해주는것이 이엘리먼트이다. 클릭할것은 삼각형버튼으로 되어있다. 하지만 아직 브라우저에서 지원하지 않는다.summary는 details의 자식엘리먼트로 요약해서 설명해준다. 어쩌고저쩌고 울라불라울라불라.... open속성 엘리먼트는 보이는 상태로 시작된다 2010. 7. 22. HTML5 canvas 엘리먼트(element) HTML5 canvas 엘리먼트(element) canvas엘리먼트는동적그래픽을 구현한다. 단독으로 이 엘리먼트만으로 구현 되지 않는다. 스크립트를 동반해서 사용하여 구현하다.속성엘리먼트로는 가로세로를 지원한다. 간단한 예 자바스크립트에서는 아이디로 접근,그리고 getContext로 시작한다. 이예대한 예는 차후에 .... 2010. 7. 22. 이전 1 2 3 4 5 6 7 ··· 23 다음
