대세는 실시간.. 그거슨 진리~!
NateOn ID : is2922003@nate.com
분류
인기 글
- 블로그 계정이전 완료.
- 우회 접속 프로그램 (2)
- 레이어팝업 위로 뚫고... (9)
- <meta http-equiv="X-U... (12)
- 우체국 쇼핑
최근 글
- 빽그라운드와 보더의 만남~댓글 : (8)
- 대한민국어린이국회댓글 :
- 안산시설관리공단댓글 :
- 회생 및 사업정리시스템...댓글 :
- 어린이재단댓글 :
최근 댓글
-
칭찬 감사드립니다,
깜짝 놀...
작성자 : └ 치프 , 작성일 : 11/18
-
여러가지 도움이 되는 내용이...
작성자 : └ 지현재 , 작성일 : 11/18
-
안녕하세요~ 도움이 되셨다니...
작성자 : └ 치프 , 작성일 : 11/18
-
감사합니다 덕분에 잘 해결했...
작성자 : └ kk , 작성일 : 11/17
-
역시 영문사이트 -..-
아무튼...
작성자 : └ 치프 , 작성일 : 10/30
최근 걸린글
-
시간 외 근무
작성자 : └ UI개발자 이야기.. ,작성일 : 08/23
-
역시나 산만한 내 자리..
작성자 : └ UI개발자 이야기.. ,작성일 : 08/16
-
UI개발자 야근송
작성자 : └ UI개발자 이야기.. ,작성일 : 08/13
-
<meta http-equiv="X-UA-Co...
작성자 : └ UI개발자 이야기.. ,작성일 : 08/05
-
익스6에서만 line-height 값이...
작성자 : └ 동그란 웹 ,작성일 : 07/22
:::The King Of webPublisher 2009:::
안녕하세요~
제 블로그에 오시는 분들중, 웹퍼블리싱 초고수를 가리기위한 이벤트를 진행해봅니다.
이름하여 "The King Of webPublisher 2009" 입니다, 말그대로 2009' 웹퍼블리셔의 왕을 뜻하죠 ㅎㅎ
작업은 바로 위의 이미지입니다.
사실 이미지는 아니고, 제가 마크업 다 해놓고 그 화면을 캡쳐한거입니다.
저는 솔직히 말하겠습니다, 사내 강대리님의 도움을 조금 받았습니다. (포토샵 및 조언)
psd 에 저렇게 친절하게 디자인이 나오지는 않죠~ 이미지는 제가 최소한으로만 제공합니다.
psd 를 드리지는 못할거같네요, 디자이너분과 전혀 친분이없고, 양해 부탁드립니다.
룰:
- 크로스브라우징 : 익스(6, 7, 8), 파이어폭스, 오페라, 사파리, 크롬(브라우저별 고유렌더링 존중합니다.)
- 그래프 bar 의 양사이드는 약간의 둥근 모서리로 처리되어있습니다. (포토샵 작업 필요합니다 ㅠ.ㅠ)
- 붉은색 막대기가 채워질때마다 말풍선도 같이 움직여야합니다. (개발단까지 생각하는 센슈~)
- 핵금지!!
- js 처리는 자유입니다. (그래프가 길어진만큼 말풍선안에 숫자가 바뀌는 거 까지는 요구안합니다.)
- 기간은 2009년 12월31일자정 전까지입니다.
- 제출방법은 웹에서 바로 볼수있으면 됩니다. (제 위키 또는 개인소유 계정에 올린후 댓글남기시면 됩니다.)
- 싱글, 팀플 모두 괜찮습니다.
- 가장 자신있어하는 doctype 으로 하시면됩니다.
- 타인의 눈치를 볼 거 없이, 자신의 스타일, 개성을 잘 표현하면 됩니다.
이벤트목적:
- 친목 및 인맥
- 1년에 한번 할까말까하는 그래프코딩,이번에 통달하자!! (저만 그런거일지도 -_-;)
- 그래프디자인도 통일성이 필요하다 ㅡㅡ^
- 누가 가장 짧은 코드로 클리어하였는가...(리셋용 css 는 포함안합니다.)
- 잘한 마크업하나 못한 열마크업 안부럽다!!
향후계획
* 참여하신분들과 다같이 만나고싶어요~ (호프집 기둥뽑힐정도로 수다 =3)
img.zip
빽그라운드와 보더의 만남~
앜
2009/10/30 14:51
어제있었던 일이다~위와 같은 이미지가 있다. 페이지마다 옆으로도 늘어나고 아래로도 늘어나야하는 거 때문에,라운드를 확장성있게 작업을 해야한다.빨간색테두리로된 부분은 빽그라운드 이미지로 깔고, 파란색테두리로된 부분은 보더선으로 하려고 했다.그런데 온...
이 사이트는 문서 유효성 검사를 통과한 블로그입니다. 아래 링크에서 확인 가능합니다.
지원 브라우저목록입니다. 인터넷익스플로러, 파이어폭스, 오페라, 사파리, 크롬브라우저등에서 블로그 이용이 가능합니다.