Search results

'by myself..'에 해당하는 글들

  1. 2006/05/19  새스킨 tarski.. (42)
  2. 2006/05/16  새로운 스킨 (5)
  3. 2006/04/27  스킨 배포 (23)
  4. 2006/04/12  정확한 XHTML을 쓰자... (1)
  5. 2006/03/06  태터툴즈 새로운 스킨 Fauna (1)
  6. 2006/03/03  태터 스킨...with CSS (2)
심플의 대명사 Tarski 테마를 TT용으로 컨버팅 해봤다.
예전에 Jay.Choi님의 홈페이지에서 보고 언젠가 WP로 복귀하면 꼭 써야지 하고생각하고 있었는데 결국 TT버젼으로 바꿔버렸다;
소스정리고 뭐고 없다. 그냥 끼워맞추는거다.훗훗;;

그런데 확실히 WP보다는 여백의 미(?)를 살릴수 없어서.....안이쁘다;
내 언젠가 TT만의 매력을 발산할수 있는 스킨에 도전해보리~


06.05.25 공개..;; 이자식 또 어쩌려고;;
2006/05/19 18:14 2006/05/19 18:14

LOSER 님 홈피에 놀러갔다가 갑자기 심플한 스킨이 땡겨서 만들어봤다.
예전의 이미지로 가득한 NNKO 스킨에서 이미지를 최대한 줄이고
심플하게 만들어봤는데 음.........맘에 든다.
다음에는 흰색으로 한번 만들어봐야겠다.


원래 스킨 복귀; 역시 흰색이 좋다;
2006/05/16 11:43 2006/05/16 11:43
─ tag  , ,
새로운 스킨 :: 2006/05/16 11:43 by myself..
회사에 그래픽툴이 없는 관계로
집에서는 이미지 그리고
회사에서는 몰래 몰래 코딩.

이제 일해야 하는데;; 이번주내로는 끝내자;!
회사에 APM을 설치할수 없어서 웹상에 올리고 테스트 하는 뻘짓을 반복중이다.

- Desc 파트
- 제목이 길 경우 날짜와 겹치는 문제
- 리플이 한줄일 경우 i_q_e 이미지 문제
- 중복 css 정리
- 방명록, 리플 (2depth Style)
- Location log
- Tag list style
- FF에서 input align
- 관리자모드 화면
- button, banner 정리
- Search 버튼 만들기

.....
.....
.....
2006년 4월 28일 금요일 오후 11시 17분  배째다.
2006년 5월 2일 월요일 새 프로젝트가 시작한 관계로 미완성으로 배포
2006년 5월 4일 목요일 방명록 답글에서 div 밀리는 문제 발견. 수정은 언제 할지 미정;

배포는 태터툴즈에서...
2006/04/27 11:11 2006/04/27 11:11
─ tag 
스킨 배포 :: 2006/04/27 11:11 by myself..
얼마전에 소프트웨어진흥원에서 발행된 웹표준가이드 문서를 보게되었다.
지난번에 태터스킨을 제작하면서 느꼈던거지만, 이 표준화라는것이 좀 애매하다.
표준화 표준화 하는데 왜 표준화를 지켜야 하는지,
어떤것이 표준화된것인지, 내가 쓰는 이태그가 왜 표준태그가 아닌지 알수없는것들이 많았는데 그 문서를 통해서 정말 많은걸 알게되었다.
디자인에서 손땐지가 너무 오래되어서 감잡는데 좀 어렵긴 했지만;;
내용중에 정말 도움이 될만한내용들이 많은데,
그중에 HTML에 관한표준구조에 관한글을 옮겨본다.

XHTML 일반 문법 준수

정확한 문서 구조 준수
문서의 루트 요소는 html이 되어야 하며, 이 html 요소는 XHTML 네임스페이스를 지정해야 한다.
<html xmlns="http://www.w3.org/1999/xhtml">

표준 문서에는 head, title 및 body 구조 요소가 포함되어야 한다. 프레임 세트 문서에는 head, title 및 frameset 구조 요소가 포함되어야 한다



모든 요소는 완벽하게 중첩되어야 한다.
모든 요소들이 완벽하게 내포(nest) 되어야 하는 것은 필수적이다. 중첩(overlapping)이 부적합(illegal)한 것임에도 불구하고 기존 웹 브라우저들에서 널리 관대하게 사용되었다.
<p>This is a <i>bad example.</p></i>
<p>This is a <i>good example.</i></p>



모든 속성 값은 인용 부호(“나 ‘)로 묶어야 한다.
코드를 생성하거나 XHTML을 정리할 때 코드에서 속성 값을 인용 부호로 묶는다.
<a href=http://sample.com>틀린 경우</A>
<a href="http://sample.com">맞는 경우</a>



모든 요소와 속성은 소문자여야 한다.
XHTML 코드를 생성하거나 정리할 때 태그 및 속성의 대/소문자 환경 설정에 상관 없이 XHTML 코드에서 HTML 요소 및 속성의 이름을 소문자로 강제로 설정해야 한다. 이러한 차이는 XML은 대소문자를 구별(case-sensitive)하므로 필수적이다. 예를 들어, <li>와<LI>는 서로 다른 태그들이다
<A HREF="http://sample.com">틀린 경우</A>
<a href="http://sample.com">맞는 경우</a>



모든 요소는 닫아야 한다.
DTD에서 EMPTY로 선언된 경우를 제외하고 모든 요소에는 종료 태그가 포함되어야 한다. 코드를 생성하거나 XHTML을 정리할 때 코드에 닫기 태그를 삽입한다.
빈 요소에는 종료 태그가 포함되거나 시작 태그가 />로 끝나야 한다. 예를 들어, <br>은 잘못된 것이며 <br></br> 또는 <br/>이 올바른 형식이다. 빈 요소로는 area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta 및 param이 있다.
또한, XML을 사용할 수 없는 이전 브라우저와의 호환성을 위해 /> 앞에 공백이 있어야 한다(예: <br/>가 아니라 <br />).
<img src="http://sample.com/wrong.jpg">
<img src="http://sample.com/right.jpg" />



모든 속성값은 속성이 함께 선언되어야 한다.
모든 속성은 최소화되어 표기 되면 안 된다. XML은 속성의 최소화를 지원하지 않는다. 속성 값의 짝들은 모두 작성되어야 한다. a, applet, form, frame, iframe, img, map 등의 요소에는 name 속성뿐만 아니라 id 속성도 있어야 한다. 예를 들어, <a name="intro">Introduction</a>는 잘못된 것이며 <a
id="intro">Introduction</a> 또는 <a id="section1" name="intro">Introduction</a>.가 맞다.
또한 <td nowrap>은 잘못된 것이며 <td nowrap="nowrap">이 올바른 형식이다. 최소화될 수 없는 속성으로는 checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly 및 selected가 있다.
<option value="wrong" selected>틀린 경우</option>
<option value="right" selected="selected">맞는 경우</option>
참고: HTML 브라우저에서 HTML 4를 지원하지 않는 경우, 부울 속성이 전체 형식으로
표시되면 브라우저에서 이들 속성을 해석하지 못할 수도 있다.


모든 script 및 style 요소에는 type 속성이 포함되어야 한다.
language 속성이 사용되지 않는 HTML 4 이후로는 script 요소의 type 속성을 반드시 지정해야 한다. 코드를 생성하거나 XHTML을 정리할 때 script 요소에서 type 및 language 속성을 설정하고 style 요소에서 type 속성을 설정한다.
<script type="text/javascript” language="javscript"></script>
<style type="text/css"></style>



모든 img 및 area 요소에는 alt 속성이 포함되어야 한다.
코드를 생성하거나 XHTML을 정리할 때 코드에서 이들 속성을 설정하고, 찾을 수 없는 alt 속성을 보고한다. 모든 SCRIPT내의 태그는 Escape 시켜야 한다.
자바 스크립트에서 HTML 태그 쓰기에서 많은 경우 오류를 낸다. 자바스크립트 내에 데이터는 CDATA 형식으로 간주되기 때문에 HTML태그가 들어가게 되면 오류를 내게 되어 있다. 예를 들어 아래 예제는 잘못된 방식이다.
<script type="text/javascript">
<!--
// 틀린 표현!
document.write("</P>");
// -->
</script>

HTML4에서는 SCRIPT내에 데이터 중 시작 태그나 코멘트 부분은 인식이 안되지만 종료
태그는 인식이 되기 때문에 이를 역슬래시로 표시해야 한다.
<script type="text/javascript">
<!—
// 맞는 표현!
document.write("<\/P>");
// -->
</script>

XHTML에서, 스크립트와 스타일 요소들은 #PCDATA 컨텐트를 갖는 것으로 선언된다.
결과적으로, <과 &는 마크업의 시작으로 처리되고, &lt;과 &amp;와 같은 개체(entities)들
은 XML 프로세서(processor)에 의해 각각 <과 &로의 개체 참조로서 인식되므로
CDATA로 마크업 하여 표시하는 게 좋다.
<script type="text/javascript">
<![CDATA[
... <h1>데이터</h1> ...
]]>
</script>



모든 문서 내 URL에서 &를 쓰면 안 된다.
URL에 &가 포함되어 있는 경우 에러를 낼 수 있다. 이것은 &가 XML 엔티티의 시작으로 인식 하기 때문에 생기는 문제이다. 기존 웹브라우저는 이러한 에러를 복구해 주고 있지만 유효성 검사기에서는 에러를 내게 된다.
<!—에러! --> <a href="foo.cgi?chapter=1&section=2">...</a>
<!—적합! --> <a href="foo.cgi?chapter=1&amp;section=2">...</a>
HTML 문서 내에서만 &를 &amp;로 바꾸어야 하며 브라우저 주소창이나 이메일 본문에
서는 &를 써야 한다. 웹 서버에서는 &amp;가 아니라 &만을 인식하기 때문이다.



다 알고 있는거라 자신하지 말자.
이밖에도 많은 유용한 팁이 많은데.....
다음에 또 생각나면 옮겨보자 :)
2006/04/12 12:46 2006/04/12 12:46
─ tag  , ,

인터넷 서핑중에 발견한 워드프레스 테마 Fauna.


너무 이뻐서 이걸로 쓰기로 했다.
회사에서 태터툴즈용 스킨으로 바로 컨버팅작업에 들어갔다. -_-a

삽질이었긴 했지만 역시 한번 CSS로 스킨을 만들어본게 도움이 되었는지
생각보다 쉽게 컨버팅할수 있었다.

머 역시 걍 눈에 띄는대로 바꿔버렸기때문에 다시 하라고 하면 몬하겠다;
암튼 이쁘당~ ㅋㅋ~
당분간은 이걸로 가자!

2006/03/06 17:33 2006/03/06 17:33
─ tag  ,
CSS 공부도 할겸 태터 스킨 한번 만들어 봤다.
CSS 어렵다..-_-a
예전에는 디자이너 때려치고 코더로 일할까 싶은 생각을 들정로로 table과 친했었는데,
이제 테이블과 작별하는게 대세라고 하니;;

회사에서 아무런툴도 없이(오직 Notepad로만;;) 만들었더니 이런 어의없는 결과가 나와버렸다; 허허허
이제 집에가서 제대로 한번 만들어 볼까....했는데,
갑자기 귀찮아졌다.

버그가 한 2만개 정도 존재하는거 같은데...
아....혹시 나중에 다시 만들면 그때 잘 만들자;
2006/03/03 09:34 2006/03/03 09:34
─ tag  , ,
openclose