hi8ar.net

"css"에 해당되는 글 6건

2011/05/11 세상에~! (2)
2010/10/25 font-weight:700 과 800의 차이 (1)
2010/10/13 a:visited pseudo 선택자 스타일 제한? (1)
2009/08/06 한장 한장 넘기는 재미에.... (3)
2008/11/23 블로그, HTML 글쓰기의 기술. (37)
2007/01/22 남의 사이트도 내 맘대로 보자! - Stylish. (10)

« 2012/02 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29

세상에~!

Posted by hi8ar~ Posted in " C.note/Web " 2011/05/11 14:22

2011.5.11 google doodle 2245x1319 마사 그레이엄

sprite animation....;;;;;;;;;;;

TAG css

받은 트랙백이 없고, Comments ( 2 )

font-weight:700 과 800의 차이

Posted by hi8ar~ Posted in " C.note/Web " 2010/10/25 11:04

유저스토리북 메인 - font-weigt 비교 왼쪽부터 순서대로, Firefox 4.0 beta, IE 9 beta, Chrome 순입니다. 화살표로 표시한 부분(사용자 닉네임)을 보시면 앞의 두 브라우저와 크롬이 font-weight 처리가 다른 것을 보실 수 있습니다. Chrome 에서 보이는 두께가 우리가 일반적으로 지금까지 알아 왔던 bold(두껍게) 표현입니다. 앞의 두 브라우저는 이보다 더 두껍게 표현되어 있...

Read more...

TAG 700, 800, Chrome, css, firefox 4.0, font-weight, IE9

받은 트랙백이 없고, 댓글 하나가 달렸습니다.

a:visited pseudo 선택자 스타일 제한?

Posted by hi8ar~ Posted in " C.note/Web " 2010/10/13 19:25

얼마전 조금 이상한 점을 발견했는데.. 크롬(chrome) 브라우저(ver.6.0.472.63)에서, a:visited 에 background-images 와 border 속성이 적용되지 않는 것을 발견했습니다. 관련된 정보를 구글링해 봤더니, stackoverflow 에서 비슷한 현상을 질문한 글이 있었습니다. http://stackoverflow.com/questions/378 ··· -working Jquery 로도 시도해 봤지만.. jQ...

트랙백은 하나, 댓글 하나가 달렸습니다.

한장 한장 넘기는 재미에....

Posted by hi8ar~ Posted in " C.note/Web " 2009/08/06 11:55

CSS Inheritance - a simple step-by-step tutorial

View more documents from Russ Weakley.

꺄르르.. :)

TAG css, inheritance, Tutorial

받은 트랙백이 없고, Comments ( 3 )

블로그, HTML 글쓰기의 기술.

Posted by hi8ar~ Posted in " C.note/Web " 2008/11/23 22:13

관련된 내용을 여쭤 오시는 분들고 있고해서 HTML 글쓰기에 대해서 간단히 적어 보려 합니다. 제목을 HTML 글쓰기의 기술이라 할지, 기본 으로 해야 할지 한참 고민했습니다. 어줍잖은 녀석이 기본이 어쩌네 왈가왈부하는것 보단, 거창하게 대단한 기술인양 하기로 했습니다. 깔깔.. 보다 더 정확히 표현하자면 '스타일을 분리한 HTML의 구조적인 글쓰기' 정도랄까? 네, 그렇습니다. ...

Read more...

TAG Blog, css, HTML, HTML Tag, Web Standards, 구조, 글작성의 기술, 블로그, 웹표준

Trackback ( 7 ), Comments ( 37 )

Trackback

Trackback Address :: http://hi8ar.net/trackback/584

Subject : 중독의 생각
Tracked from naxer's me2DAY 2008/11/30 00:25 del.
Markdown. 블로그, HTML 글쓰기의 기술. 위키에나 쓰이는 문법인줄 알았더니, 참 유용하다.
Subject : 중독의 생각
Tracked from naxer's me2DAY 2008/11/30 00:26 del.
블로그, HTML 글쓰기의 기술. Markdown - 위키에나 쓰이는 문법인줄 알았더니, 참 유용하다.
Subject : markdown 이야기
Tracked from Resistan.com 2008/12/01 16:44 del.
Markdown markdown은 John Gruber와 Aaron Swartz가 만든 간편한 마크업 언어다. 가독성과 텍스트 기반의 쉬운 글쓰기 기능을 중심으로 작성되어 있기 때문에, 위키를 비롯한 많은 프로그램에서 유사한 ...
Subject : 블로그 포스팅에 필요한 HTML 태그 1
Tracked from String's IT & Science 2009/08/09 12:53 del.
오늘날 블로그 에디터인 위지윅은 뛰어난 기능을 가지고 있습니다. 글에 링크 뿐만 아니라 인용, 주석, 표, 선, 기호, 등등을 다양하게 삽입할수 있지요. 그러나 위지윅에는 한계가 있습니다. 위지윅은 모든 HTML의 기능을 포함할수 없습니다. 그러면 아마 위의 메뉴칸이 넘쳐서 10줄은 되어 있겠지요. :) 그러므로 블로거는 HTML에 대해서 알 필요가 있습니다. 오늘은 블로그 포스팅에 쓰면 유용한 HTML 태그 10종류를 소개하려고 합니다. 제가 생각..
Subject : HTML이 싫으면 마크다운 문법과 위지윔 에디터로!
Tracked from String's IT & Science 2009/08/12 13:26 del.
안녕하세요, 오늘은 마크다운(Markdown)과 위지윔 에디터(The Wysiwym Markdown Editor)에 관해서 쓰겠습니다. 블로거들이 일반적으로 쓰는 위지윅 에디터는 겉보기에는 안정적이게 보이지만 HTML면에서 보면 아주 불안정합니다. 특히 티스토리 위지윅은 태그를 아무데서나 남발하고 <pre> 태그를 제대로 인식을 못하는 등 문제가 많습니다. 마크다운은 HTML보다 훨씬 쉽고 위지윅보다 안정한 문법입니다. 마크다운(Markdow..
Subject : 세계최고의 웹하드 RapidShare 검색 및 관련사이트 모음
Tracked from Insoo's Story 2009/09/18 00:21 del.
크리에이티브 커먼즈 라이센스이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다. -->
Subject : Notepad++에서 마크다운 사용하기
Tracked from 아르의 운이 좋아지는 블로그 2010/04/18 20:41 del.
왜 마크다운인가? 블로그를 나름 운영한다고는 하지만 , 써야 될 글을 바로 안쓰고 미루는 상황이 계속되면서, 왜 그런지 곰곰히 생각해보니 이제까지 HTML만을 이용해서 너무 힘들게주1 글을 써왔기 때문에 포스팅 울렁증(?)이 생겼구나 결론을 내리게 되었습니다. 좀더 사용하기 쉬운 포매터의 필요성이 절실하여, 블로그를 오래 운영하는 고수들은 어떤 포매터를 사용하는 지 검색 해보니 마크다운 포매터 란 것이 있으며, 예전에 회사에서 위키를 시험삼아 설치...

ResponseRSS Feed

Comments

Go to write form

해맑은탱쟈 2008/11/23 23:35
와.....정말 엄청난 양의 HTML 글쓰기 강좌군여...
헌데....ㅠㅠ 다 알고 있어야 -_-;
저 같은 초짜는 그냥 위지윅(?) 에디터를 사용해야 겠군요 ㅠㅠ 고치기 Reply
- hi8ar~ 2008/11/24 21:18
  강좌라고까지 말하기엔.. 부족합니다. 많아 보이지만 실제로는 전혀 많지 않습니다. 조금씩 익혀가면 어느덧 위지윅이 불편하실 날이 있으실 거에요. 고치기
fancyydk 2008/11/24 00:24
언제나 표준에 의거한 문서작성을 하려 하지만 가끔은 일일히 체크하는게 귀찮을때도 있더라구요. 하지만 적시적소에 맞는 태그를 쓰는게 보기에도 깔끔하고 나중에 스타일시트 적용하는것도 편해서 참 좋은데 말이죠.

좋은 글 감사합니다 ^^ 고치기 Reply
- hi8ar~ 2008/11/24 21:21
  네.. 표준을 지키면 오히려 편해지는 것이 더 많은데, 지금 당장 익숙하지 않다고, 무시되는 면이 있어서 안타깝습니다.
  
  부족한 글 좋게 봐 주셔서 감사합니다. (__) 고치기
melt-snow 2008/11/24 00:49
좋은 내용입니다. 이런 글이 많아지고 많은 웹 개발자와 웹 디자이너가 접했으면 합니다.

시간이 없어서(취침 시간 돌파 다 읽어보진 못했지만 대충 훑어봤는데 잘 정리하셨네요.

단 한 가지 지적을 하자면, “마크다운 문법이 만들어 주는 테이블 예시” 단락에서 밑에 텍스트로 예제를 표시하셨는데요. 파이어폭스에서 글자 간격이 딱 맞지 않고 비뚤어져 보입니다. 스타일로 폰트를 고정폭(굴림체나 돋움체)으로 설정하시면 깔끔하게 표시될 것 같습니다. ^^

네이버에 하드코더 모임 카페가 있던데 위지위그 에디터의 유용한 기능을 쓰되 역시 html 코드도 보고 쓸 줄 알아야 제대로 된 개발이 될거라는 생각을 하고 있습니다. 고치기 Reply
- hi8ar~ 2008/11/24 21:35
  감사합니다. 쓰면서도 이렇게 재미 없게 쓰는 제가 안타까웠는데, 칭찬 받으니 기분이... 우쭐하고 있습니다~! 암튼, 이 글은 좋은 글을 작성해주시는 보통의 블로거분들이 참고 하셨으면 해서 적었습니다만, 그런 분들에겐 조금 어려운 내용이 되 버린것도 같고... 어찌 보면 HTML의 기본이 생소하게 여겨지게 되 버린건 우리나라 웹 특유의 환경 때문인것도 같고.... 뭐 그렇습니다.
  
  비뚤어져 보이는 부분은 수정했습니다. 감사합니다!
  아 하코사 말씀이시군요. 고치기
아크몬드 2008/11/24 01:08
<H>태그를 써야 하는 필요성은 잘 알면서도 귀찮음을 핑계로 잘 실행하지 못하고 있습니다.. SEO를 위해서도 참 필수인데 말이죠. 고치기 Reply
- hi8ar~ 2008/11/24 21:38
 넵.. 관련지식은 하나도 없습니다만, SEO의 시작이라 말해도 되지 않을까요? 암튼 Heading 태그는 모든이에게 귀찮지 않도록, 위지윅에서 간편하게 지원되었으면 좋겠습니다! 고치기
나비 2008/11/24 01:13
이건 뭐임? 외계어들...먹는 거임??? 고치기 Reply
- hi8ar~ 2008/11/24 21:40
  ㅇㅇ 먹는거임.. 글지말고 나비씨도 찬찬히 익혀 보삼. 찬찬히 익히면.. 피가 되고 살이 되는 찌개백반~ 응? 고치기
주성치 2008/11/24 02:33
워드프레스에서는 을 넣으면 워드프레스가 없애버려서 한국 게시판에 익숙한 분들에게는 문화적 충격을... 고치기 Reply
- gabal 2008/11/24 10:06
 워드프레스에선 작성할때는 보이지 않겠지만 적절하게 p와 br을 삽입시켜 줍니다. 단지 사용자의 눈에 안보일 뿐 w3c에서 xhtml검사를 하시거나 웹 상에서 소스보기를 해보시면 알 수 있죠 고치기
- hi8ar~ 2008/11/24 21:44
 문화적 차이.. 깔깔~ 저 역시 워드프레스를 처음 설치했을때가 떠오릅니다! 암튼 워드프레스는 참 훌륭한 툴입니다. ^^ 고치기
daewonyoon 2008/11/24 08:34
정말 공들여 쓰신 글이네요. 이런 글 한 번 쓰고 싶었는데, 너무 잘 정리해 주셨습니다.

티스토리에 br과 p 선택 옵션이 있다는 건 몰랐네요. 어서 빨딱 가서 p로 바꿔놓아야 겠습니다. 고치기 Reply
- hi8ar~ 2008/11/24 21:52
  고맙습니다! 저 역시 이번에 이 글을 적으면서 발견했습니다. 티스토리에 그런 설정이 있을 줄은..^^ 어서 빨리 텍스트큐브의 설정에도 그런 설정이 생겼으면 좋겠습니다. 고치기
easyOne 2008/11/24 12:47
아주 좋은 글입니다~!!
저도 문단 구분을 이 아닌 로 해야하는 게 맞다고 생각해요. 근데 우리나라 인터넷 글은 엔터를 하도 많이 쳐서 거기에 익숙해져버린 면도 없지 않은 거 같아요. 고치기 Reply
- hi8ar~ 2008/11/24 21:54
 아주 고맙습니다~!! ^^
 뭐 이제라도 사람들 마다 조금씩 바꿔 나가면, 우리나라 인터넷 글들도 를 더 익숙하게 여길 날이 있... 겠죠? 고치기
입명이 2008/11/24 13:59
저는 위지윅 쓰지 않고 퀵태그 쓰는데;; 고치기 Reply
- hi8ar~ 2008/11/24 21:56
  아.. 위드프레스 에디터 html 모드에서 보이는 태그 입력 버튼들을 '퀵태그'라고 하나 보군요. 너무 편하고 좋은 기능인것 같습니다. 퀵태그~!! 고치기
밥먹자 2008/11/25 00:16
좋은 글 잘 읽었습니다. ^^

워드프레스는 글 쓰면 알아서 태그가 붙어서 편하더군요. 태그 여닫기 귀찮아서 을 사용하고 있는데, 어서 버릇을 바꿔야지요... ^^;;

마크다운에서 테이블도 만들 수가 있네요~ 꺄아~~~ 고치기 Reply
- hi8ar~ 2008/11/25 14:43
 마크다운을 사용하고 나서부턴, 텍스트큐브가 만들어 주는 html 태그들에 대해 신경을 거의 안쓰게 됐습니다! 마크다운 만세~!! 고치기
silent man 2008/11/25 13:36
HTML을 이렇게 유용하게도 쓸 수 있군요. 멋집니다아.
: ) 고치기 Reply
- hi8ar~ 2008/11/25 14:46
  넵! 혹자는 HTML 구조는 너무 약하다고 말하긴 하지만, 표현할수 있는 만큼이라도 표현하면, 아주 유용할겁니다!! 고맙습니다! 고치기
Bangz 2008/11/25 23:01
"뭐야.. 다 아는 내용이잖아!" 라고 말 할 수 있었음.. T-T
북마크하고 배워 볼 생각이 쬐끔 생기는 데요.. 낄낄~ 고치기 Reply
- hi8ar~ 2008/11/26 00:44
  블로그 정상운영 기다리다 목 빠졌음.. 책임지삼... 고치기
LieBe 2008/11/29 07:40
와...정말 피가 되고 살이 되는 포스팅이네요...

가물가물했던 몇몇 개념들을 확실히 인지하고 갑니다...

늘 도움만 받는듯...ㅜㅜ 고치기 Reply
- hi8ar~ 2008/12/01 17:53
  티스토리도 마크다운 따위를 지원해 주면 좋을텐데요.. 고치기
중독 2008/11/30 00:22
좋은 글 감사합니다.
웹 에디터를 좀 찾아보면 입력이 참 어렵습니다. (제가 그렇다는게 아니라...)
특히 웹 접근성의 측면에서도 위지윅은 상당한 문제를 안고있죠.
국산 설치형 블로그툴에서도 마크다운을 지원하는 건 상당히 고무적인 일이네요.
뭔가 우리나라 사람들이 쓰기 쉬운 마크업용 간단 문법이 하나쯤 있었으면 좋겠다고 생각하는 오늘입니다. 고치기 Reply
- hi8ar~ 2008/12/01 18:01
  안녕하세요~! 고수(?)님의 댓글에 왠지 부끄러워만 집니다. ^^;; 접근성에 대해 공부하고 있긴 하지만.. 쉽지만은 않네요. 아무튼 블로그의 좋은 글들 덕분에 많이 배우고 느끼게 되었습니다..^^ 고치기
dh 2008/12/01 20:34
줄바꿀때 을 썼었는데 태그 써야겠네요.. ㅎ 고치기 Reply
- hi8ar~ 2008/12/04 16:02
 넵! 고치기
parrr 2008/12/05 00:25
초보자가 들어오기 너무 어려운 블로그가 아닌가 싶습니다.
하지만 빠져보고 싶은 열망을 불러일으키기에 충분하군요.

역시나 만져서는 안되는 물건들[?]이었는지 바로 스킨 포스트화면이 다 날라간채로 업을해 20시간 내내 ?질을 하고야 말았다는...

나중에 이때를 회상하고 싶을지 어떨지는 아직 감이 안서지만 열심히는 해볼 생각입니다.

허튼소리가 많았는데 너무 맘에드는 바라던 스킨이라 손댈수밖에 없었네요. 용서를... ㅎ

너무너무 초보지만 생각났을때 공부해 보렵니다. 스킨에서 아직 물어보고 싶은게 너무 많지만 당분간 참아보도록 할게요. ㅎ

연말 마무리 잘하시구요.

스킨 잘쓸게요... 고치기 Reply
- hi8ar~ 2008/12/07 22:11
  음, 그런가요? 사실 제 블로그에는 그리 어려운 내용이 없는걸요. ^^;; 열망을 느끼신다니, 저까지 뭔가 끓어 오르는데요? 암튼 감사합니다! 즐거운 연말 보내세요! ^^ 고치기
스트링 2009/07/31 19:34
저같은 html 초보자에게 정말 필요한 내용이였는데 정말 감사합니다~
이제부터 귀찮아도 대신 를 사용해야 겠네요~ 고치기 Reply
스트링 2009/08/09 12:59
이 글을 보고 제 글에 비슷한 글을 하나 썼습니다~
그대로 배낀것은 아니고 아이디어만 조금 빌려갔으니 괜찮죠? 고치기 Reply
미자 2010/01/06 00:58
와.... 기존 제가 알고있던 HTML의 개념에서 벗어나 한 단계 업그레이드할 수 있겠군요 ㅠㅠㅠ 정말 좋은 글입니다, 감사합니다! 고치기 Reply
철수 2011/07/05 20:57
너무 좋은 정보 감사합니다. 완전 까막눈인데 배우고 갑니다. ^^ 고치기 Reply

남의 사이트도 내 맘대로 보자! - Stylish.

Posted by hi8ar~ Posted in " C.note/Web " 2007/01/22 21:55

Sage에 넣어둔 불여우 한글 포럼의 한 질문 글타래를 보다가 새로운 확장을 하나 알았습니다. 바로 Stylish. 이름 만큼이나 Stylish하군요...=_=' userContent.css 를 이용해서 사이트의 css 를 변경해 볼수 있는 것은 알고 있었지만, 이를 더 쉽게 만들어 줍니다. :DStylish 확장 페이지. css계의 그리스 몽키래요. :P설치하고 나면 '상태 표시줄' 오른쪽에 백지위에 붓이 놓인듯한 ...

Read more...

TAG css, Firefox, Plugin, Stylish, 불여우, 파이어폭스, 확장

받은 트랙백이 없고, Comments ( 10 )

ResponseRSS Feed

Comments

Go to write form

나비 2007/01/22 23:02
와~요런거 신기하네효~ 이런것만 어디서 알아서 맨날 알려주는거센~ 불여시는 쓰지않지만 멋지네효~~
그나저나 왜 나요..T^T 난 잘못한것도 없는데..흑흑.. 고치기 Reply
- 하이바~ 2007/01/23 09:25
  에.. 그러니까 그게... 에.. =_='' 고치기
훔마카불라 2007/01/23 00:37
정말..훌륭한데요!!.. 그리스 몽키보다 더 좋은거 같네요...
마가린(http://mar.gar.in)을 테스트 해보니, 밋밋한 마가린에서 맛있는 마가린처럼 되네요 ^^
개인북마크 페이지 뿐만아니라, 최신 북마크 , 인기북마크등..다른 페이지에서도 잘 작동 되네요..
전 파폭2.0에서 설치 했는데... 2.0에서도 잘 되네요 ^^

다른 마가린 사용자들도 이런 기능을 많이 사용한다면 정말 좋겠네요..
북마크 해둬야 겠네요.. 고치기 Reply
- 하이바~ 2007/01/23 09:30
  와.. 마가린블로그에서 찾아주실줄이야.. 쌩초보의 볼품없는 테스트용 코드입니다. 잘 봐주셔서 감사합니다! ^^; 고치기
bz 2007/01/23 04:40
예전에 설치 했다가 어찌 사용하는지 몰라서 지웠던 기억이 납니다..
이젠 남의 집도 내 맘대로 바꿔 볼 수 있겠군요..ㅋㅋ 고치기 Reply
- 하이바~ 2007/01/23 09:29
  네.. css를 뜯어봐야 하는 귀찮음이 있긴 하지만.. 고치기
늘푸른꿈 2007/01/24 12:43
오..유용한 소스...하지만...정말로 끌리는건
나방군의 블로그...읽기 힘든 사람이 저 뿐만이 아니었군요.
나방군은 저만 그렇다고 모라고 한답니다..ㅠㅠ 고치기 Reply
메이비 2010/04/21 17:24
포스팅 잘 읽고 가요~^^ 고치기 Reply
비밀방문자 2010/04/22 12:18
관리자만 볼 수 있는 댓글입니다. 고치기 Reply
- hi8ar~ 2010/04/28 19:43
  아.. 그런데 이걸 왜 제게? 보여주시나요?? 제가 검토할 만한 능력이 되지 않을 것 같습니다..^^;;; 고치기

"css"에 해당되는 글 6건

Trackback

Comments

What's on your mind?

Trackback

Comments

What's on your mind?

Trackback

Subject : a:visited pseudo 선택자 스타일 제한?

Comments

What's on your mind?

Trackback

Comments

What's on your mind?

Trackback

Subject : 중독의 생각

Subject : 중독의 생각

Subject : markdown 이야기

Subject : 블로그 포스팅에 필요한 HTML 태그 1

Subject : HTML이 싫으면 마크다운 문법과 위지윔 에디터로!

Subject : 세계최고의 웹하드 RapidShare 검색 및 관련사이트 모음

Subject : Notepad++에서 마크다운 사용하기

Comments

What's on your mind?

Trackback

Comments

What's on your mind?

Category

Recent Post

sidebar photos

link

광고

Tag Cloud

Archive

Recent Comment

Recent Trackback

Blog Stats