레이블이 위젯인 게시물을 표시합니다. 모든 게시물 표시
레이블이 위젯인 게시물을 표시합니다. 모든 게시물 표시

2009년 5월 5일 화요일

[도서]웹퍼블리셔 도서들

어느분야에서 일하든 전문도서들이 있습니다.

웹퍼블리셔로 일하면서 구매한 도서들인데, 아마 같은일은 하시는분들이라면 대부분 가지고 있는 책들이 아닌가 생각합니다.

 

참고로 제가 책을 많이 보질 않아서 책들이 상당히 깨끗합니다. ㅋㅋ

 

그럼 어떠한 도서들이 있는지 살펴봅시다.

 

웹퍼블리셔라면 누구나 가지고 있는 녹색,주황,파랑색 책들..

 

 

'CSS 마스터 전력'은 다른분을 잠시 빌려줘서 사진을 못찍었습니다.^^;

2007년초에 구매한거 같은데, 정말 많은 도움을 받은거 같습니다.

 

 

'실용예제로 배우는 웹 표준' (색이 별질됐습니다.)

 

 

'웹 2.0을 이끄는 방탄웹' 화장실에서 납뒀더니, 물이 튀었습니다.

 

 

'제프리 젤드만의 웹표준 가이드' 구매한지는 오래됐지만, 전부 읽지는 못했네요.

 

 

'웹디자인 2.0 고급 CSS'

 

 

'웹표준 교과서' 이책 또한 필독서라고 생각합니다.

 

 

구매한지 하루밖에 되지 않은 'CSS 완벽가이드'

 

위에 도서들은 개인적으로 웹퍼블리셔라면 꼭 읽었으면 하는 책들이구요.

아래 도서들은 꼭은 아니더라도, 웹퍼블리셔에 역량을 키우기에 도움이 되는 책들 입니다.

물론 여러 훌륭한 책들이 있겠지만, 제가 가지고 있는 책들을 나열해 보았습니다.

 

 

웹표준의 날때 받은 책인데, 웹 접근성에 관련된 내용입니다. (웹접근성이라면 웹퍼블리셔가 당연히 알고 넘어가야겠죠) - 구매한 도서가 아니라 아래쪽에 나열했습니다.

 

 

'DOM 스크립트' 아직 스크립트쪽에 약한 웹퍼블리셔들이 많습니다. 앞으로 스크립트는 알아야 한다고 생각하기에 올려보았습니다. 웹개발자에서 퍼블리셔로 전향한 분들은 쉽게 다가올수도 있겠지만, 웹디자이너에서 웹퍼블리셔로 근무하시는 분들에게는 어렵게 다가오긴 합니다. 저역시 그렇구요.. -.-

 

 

'드림위버8' 구매한지는 꽤 된거 같은데, 드림위버보다 에디트플러스를 주로 사용하기 때문인지 사실 많이 보진 않습니다. 그냥 드림위버의 기능을 자세히 알고 싶어서 구매했습니다. (사용하는 기능만 사용해서리...^^;) 개인적으로 드림위버가 굉장히 좋은툴이라고 생각은 하고있습니다.

 

 

역시나 Ajax 도 욕심이 나서 꽤오래전에 구매하긴 했지만, 몇페이지 못넘겨봤습니다. 저한테는 굉장히 어려웠습니다.

 

 

웹에 트랜드를 알아야합니다. '웹 패러다임을 바꾸는 위젯' 위자드웍스에서 보내준 도서입니다.

 

 

아직 다읽지는 못했는데, 제가 가지고 있는 웹퍼블리셔 관련 도서들을 올려봤습니다.

그밖에 추천할만한 도서가 있으면, 추천해주세요.^^

2009년 1월 18일 일요일

[도서]웹 패러다임을 바꾸는 위젯

위자드웍스에서 책한권이 왔다.

위자드웍스 추천블로그로 뽑히면서 런칭파티에 가질못해, 책은 받지 못할거라고 생각했는데, 금요일에 책 한권이 택배로 왔다.

 

사실 뽑아준것도 감사하게 생각하는데, 추천블로그로 뽑힌지 2달이 된 지금 책을 보내게 되서 죄송하다며 위자드웍스의 '냥이' 님의 순수 적으신 쪽지와 함께..^^;

 

감동이 콸콸콸~~

 

 

Daum취업센터 위젯작업을 하면서 꼭 갖고 싶었던책인데, 좋구나 !

 

 

우리회사 홍보팀에도 귀여우신 분이 계신데, 갑자기 그분이 생각나는 이유는 뭘까?

 

 

다른분들과 내용은 같지만, 그 많은(?) 분량의 편지를 다 쓰느라 얼마나 힘들었을까 하는 생각이 문득들었다.

 

냥이님이 순수 써주신 편지! 새로운 기분이었습니다. ^^;

2009년 1월 7일 수요일

[잡담]Daum위젯뱅크 '취업정보 위젯' 작업

요즘에 위젯사용자들이 많아지고 있습니다. 위자드 팩토리Daum위젯뱅크등에서 원하는 위젯을 손쉽게 자신의 블로그에 달수가 있습니다.

 

회사에서 Daum취업센터 위젯을 맡게되었습니다. 사실 2008년 12월에 오픈이 되었지만, 이제서야 포스팅을 합니다.

 

 

취업정보 위젯은 Daum취업센터의 채용정보와 Daum아르바이트의 알바정보를 제공해주고 있습니다.

위젯같은 경우 가로와 세로가 사용자가 입력한 수치만큼 유동적으로 움직여야합니다.

 

즉 플렉서블한 구조로 만들어져야 했습니다. [참고글 : http://www.webmini.net/423]

테스트는 위젯팩토리에서 확인할수가 있습니다.

 

 

css에서 늘어나는 부분은 가로값이 없어야하며, 기본적으로 글이 보여지는 영역을 제외한 그외수치를 입력했을경우 유동적으로 늘어나게 됩니다.

 

 

보시는 바와 같이 취업정보 위젯은 스킨이 흰색과 검은색으로 설정이 가능합니다.

 

 

취업하기 어려운시기에 취업정보 위젯으로 좋은 회사 취직하시는데 도움이 됐으면 좋겠습니다..^^

2008년 11월 13일 목요일

[텍스트큐브]텍스트큐브닷컴 블로그 수정하기

텍스트큐브닷컴이 (http://blog.textcube.com/) 아직 베타 버전이라 스킨편집기능을 제공하고 있지 않습니다.

 

어쩌면 텍큐닷컴 베타 사용자들(저를포함)이 가장 우선적으로 필요로 하는 기능이 아닐까? 라는 생각을 해봅니다.

스킨편집 기능이 되어야 구글광고도 포스팅부분에 달수있고, 스킨도 자기 스타일데로 꾸밀수 있을텐데 말이죠.

그래서 생각해낸게 html 위젯 기능을 이용한 방법입니다. 마크업을 마음데로 할수는 없어도, css로 스킨스타일은 바꿀수가 있습니다.

 

제블로그를 보시면 텍큐에서 기본제공되는 스킨에서 스타일만 바꿔준것입니다.

아마도 이게 css 구조의 사이트에 장점이 아닐까 하는 생각을 합니다.

 

그럼 사용방법을 잠깐 알아보도록 하겠습니다.

먼저 '내 블로그 관리하기'를 클릭후 관리자 페이지로 들어가십시오.

그후 상단메뉴 꾸미기 > 위젯 > 위젯 추가를 해주세요.

 

 

다행이도 베타이긴 하지만 html 코드 위젯을 제공합니다. 숨쉴구멍은 남겨두었네요.^^

위젯 코드를 선택하시고, 그안에 스타일을 기술합니다.

 

 

위와 같이 내부스타일을 이용하는 방법입니다. 스타일 우선순위는 인라인 > 내부 > 외부순입니다.

이걸 이용한것입니다. 스킨 구조를 보아하니 외부로 css를 불러들였습니다. 그래서 우선순위가 높은 내부스타일을 적용시켰습니다. [자세히보기]

 

위젯안에

 

<style type="text/css">

원하는 스타일

</style>

 

썩 좋은 방법은 아닙니다만, 이렇게 하는 방법도 있구나! 라고 알고 넘어가시면 감사하겠습니다.

 

위까지 해놓고 질문이 나올수 있습니다.

여기서 해당 레이아웃 id나 class 명을 어떻게 알아내나요?

 

파이어폭스 부가기능중에 firebug 라는 기능이 있습니다. 그걸 사용하시면 쉽게 알아낼수 있습니다.

어떻게요? 아래 이미지를 참고해주세요.

 

 

보시는 바와 같이 오른쪽 사이드바 id 명을 쉽게 찾을수 있습니다.

고로 위젯에 바꾸고자하는 id 명에 스타일만 추가해 주시고, class 도 같은 방법으로 하시면 됩니다.

 

이게 싫은신분은 소스보기로 해당소스를 찾는 방법도 있습니다. 요건 아마 귀찮을겁니다.

 

수정이 끝나셨으면, 해당 위젯을 사이드 바 적당한 위치에 넣으시면 되겠습니다.

저같은 경우는 프로필 위에 위치시켰습니다.

 

 

css를 이용해서 배경이미지도 바꿀수가 있으며 시간이 많으시다면, 레이아웃 위치도 바꿈으로 전혀 다른 스킨으로 재탄생시킬수도 있겠습니다.

 

다시 말씀드리지만, 위방법은 썩 좋은 방법은 아니며, 성격이 급한 분들을 위한 임시방편으로 보셨으면 합니다.

 

ps) 원상복구 시키고자 할시 해당 위젯을 삭제하시면 됩니다.^^

2008년 10월 14일 화요일

[IT뉴스]위자드팩토리 추천블로그 위젯

위자드팩토리가 오픈을 했습니다.

자세한 사항은 이곳에서 확인하시면 됩니다.

 

얼마전에 위자드닷컴 추천블로그로 제사이트가 선정이 된적이 있습니다.[자세히보기] 

위자드웍스 공지글로는 깜짝선물이 있을거라고 했었는데, 오늘 설마해서 봤더니, 위자드팩토리 추천블로그 카테고리에 제사이트가 추가가 되었네요.^^;

더불어 추천블로그 위젯도... (<-- 아무래도 요게 깜짝선물이 아닐까 생각합니다.)

나름 만족하고 있습니다.

 

제사이트(웹미니) 위젯을 사용하실 분들은 [이곳]을 통해 소스를 받으시면 됩니다.

 

 

추천블로그 선정당시 로고를 이메일로 보냈는데, 막상 위젯에 적용이 된걸 보니, 허전함이 남는거 같아, 새롭게 보낼려구합니다.

 

 

왼쪽이 기존 디자인인데, 실적용되었을때 오른쪽이 무난한거 같아서 요로코롬 보냈습니다.

 

다시한번 위자드웍스 관계자분들께 감사를 드리며, 비록 유용한 글들은 아니더라도, 친하게 지낼겸 제 위젯 한번 쏴~주세욧!

 

2008년 10월 9일 목요일

[제로보드XE]탭메뉴 최근게시물 스킨

웹미니 ver.4.5 버전에 사용한 탭메뉴 최근게시물 스킨입니다. (제로보드XE)

다른위젯 스킨은 유동적이지 못해서 탭메뉴 스킨만 배포합니다.

기본스킨에서 스타일만 살짝 바꾼겁니다.^^

 

 

↑다운로드받기

 

제로보드XE 폴더위치는 다음과 같습니다. 아래경로에 업로드하세요.

widgets/tab_newest_document/skins

 

미리보기는 http://backzzanggu.cafe24.com (당분간만 열어놓겠습니다.)

 

 

2008년 9월 29일 월요일

[제로보드XE] 웹미니 ver4.5 버전 레이아웃/로그인 스킨배포

안녕하세요.

제로보드XE를 사용하다가 텍스트큐브로 옮기면서 기존에 사용하던 웹미니4.5 버전 스킨을 배포합니다.

레이아웃스킨과 로그인 스킨 총 두개입니다.

수정할 부분이 있어서 다소 햇갈린 부분이 있지만, 이미지에 대한 경로 수정이니 설명글을 잘보시고, 설치해보세요.

미리보기 - http://web.webmini.net (당분간만 열어두겠습니다.)

 

 

질문은 해당글에 댓글로 남겨주세요.

 

 

로그인 스킨부분입니다. 보시는 바와 같이 Daum 스타일풍으로 디자인 되었습니다.

 

 

전체적인 레이아웃 모습입니다.

 

 

로그인 후에 상단에 '마이페이지' 에 마우스 오버시 개인관련 정보가 나타납니다.

 

 

2차메뉴는 위와 같이 보여집니다.

 

다음은 스킨에 대한 간단한 설명입니다. 천천히 따라만 해주세요. 이미지 관련해서 수정사항이 몇군데 있습니다.

 

1. webmini_skin.zip 압축을 풉니다.
2. 압축을 풀면 webmini_main / webmini / images 총 3개의 폴더가 존재합니다.
3. webmini_main (레이아웃스킨) 은 본인의 계정 /layouts/ 에 위치시키시면 됩니다.
4. webmini (로그인스킨) 은 /widgets/login_info/skins/ 에 업로드합니다.
5. images (이미지) 는 로그인시 상단에 보이는 화살표 버튼이니 원하는 곳에 업로드합니다.

 

수정사항

먼저 로그인 스킨의 로그인전의 '아이디/비밀번호' 이미지 입니다.
webmini(로그인스킨) 안의 login_from.html 파일을 여시고, 16~17 쯤에 /widgets/login_info/skins/webmini/images/default/login_id.gif 부분을 찾으셔서 자신의 로그인스킨 경로로 수정해주세요.
만약 제로보드 zbxe 폴더안에 존재한다면 zbxe/widgets/.... 이런식으로 되겠군요...
마찬가지로 그아랫줄에 /widgets/login_info/skins/webmini/images/default/login_pass.gif 부분을 찾으신후 위와 같은 방법으로 자신의 경로로 수정해주세요.

로그인 스킨 이미지는 수정이 되었네요..

 

다음은 레이아웃 관련 상단 로그인후에 미니영역 버튼 이미지 입니다.
webmini_main (레이아웃스킨) 안에 js/webmini.js 파일을 여시고, 72,76줄에 이미지를 맨처음 5번의 images 폴더 안에 있는 이미지 주소로 수정해주세요.

webmini_main(레이아웃스킨) layout.html 파일을 여시고, 27줄쯤에 /images/button/btn_mini_off.gif 를 찾으신후 위와 같은 버튼 이미지 주소로 수정해줍니다.
아래쪽으로 내려와서 39번째쯤에  '웹미니 - 웹속에 작은 공간','http://www.webmini.net' 이부분을 자신의 홈페이지 주소와 제목으로 수정해주시면 됩니다.

 

* 본스킨은 마음데로 수정하셔도 되며, 출처같은건 남기실 필요없습니다. 마음내키시면 웹미니 링크하나 걸어주시면 됩니다.^^

 

IE6/7에서 글자가 짤리시는 분들 보세요.

죄송하지만, 이파일을 해당 레이아웃 css 파일에 덮어씌워주세요.. 레이아웃스킨 안에있는 css 파일 입니다.


 

참고로 : 오페라, 사파리, ie6/7 , 크롬, 파폭에 맞추었습니다.

 

추가 : 로고부분에 마우스 오버시 alt 가 Webmini 로 뜨는데 이것도 같이 수정해주세요.

layout.html 파일을 여시고 alt="Webmini" title="Webmini" 부분을 찾으셔서 자신의 로고 대체 텍스트명을 적어주세요.

 

3차 메뉴 펼침기능은 아래 링크에 해답이 있습니다. (토리세상)님이 알려주셨습니다. 감사합니다.
http://www.zeroboard.com/?mid=zbxe_user_tip&search_target=title_content&search_keyword=%ED%8E%BC%EC%B9%A8&document_srl=16342642

2008년 9월 26일 금요일

[IT뉴스]위자드닷컴 추천 블로그 모집

위자드닷컴에서 추천 블로그를 모집하고 있네요. [관련내용보기]

블로그를 하다보면 위자드닷컴에 제공하는 위젯을 많이 보셨을겁니다.

 

신청방법

http://blog.wzdworks.com/228 에 댓글을 올리시면 됩니다.

 

[필수] 위 포스팅에 비밀댓글블로그 주소내 블로그 소개, 그리고 주로 올라오는 포스팅의 종류를 아래 카테고리를 참고하셔서 간단히 남겨주시면 됩니다.

관련내용을 트랙백으로 날리시면 선정되는데 도움이 된다고 하네요.^^

 

엔터테인먼트
패션
뷰티
시사
역사
정치
경제
여행

사진
취미
스포츠
요리/음식
IT
과학
비디오
오디오

 

신청기간: 2008년 9월 23일 (화) 부터 2008년 9월 30일 (화) 까지

자세한 사항은 직접 들어가셔서 확인하시고, 깜짝 선물이 있다고 하니 참여한번 해보세요.