내 홈페이지가 다른 브라우저에서 어떻게 보이는지 확인하자.

2008/05/12 11:34
https://browsershots.org/

사용자 삽입 이미지

홈페이지의 메인 페이지는 내가 체크하고 싶은 홈페이지의 주소를 적는 곳과

보고 싶은 브라우저를 체크할수 있는 체크박스들이 있습니다.

그외 다른 설정들도 있네요.


이렇게 내가 체크해보고 싶은 브라우저를 클릭하고 확인하고자 하는 홈페이지 주소를 입력하면

약간의 시간이 걸리니 기다리라는 메세지가 나옵니다.

수분이 흐른뒤 페이지를 refresh하면

다음과 같이 내가 선택한 브라우저에서 스크린샷된 홈페이지 화면이 나타납니다.


사용자 삽입 이미지

물론 각각의 스크린샷을 클릭하면 더 큰 화면으로 볼수 있습니다.

또한 각각의 스크린샷을 한꺼번에 다운 받을수도 있습니다.


사용자 삽입 이미지


참쉽죠?
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

오늘의 링크 - 웹디자이너를 위한 유용한 튜토리얼

2008/04/30 20:52
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

웹 개발자를 위한 해외 Top 10 블로그 소개

2008/04/17 16:41
1. Smashing Magazine

사용자 삽입 이미지

RSS 등록

Smashing Magazine은 디자인관련 자료와 디자인 영감을 얻는데 최고의 사이트 입니다.
웹의 디자인적인관점(UX, UI, design 등)의 포스팅이 수시로 올라옵니다.
물론 프로그래밍 관련 자료도 올라옵니다(ajax 등)
디자이너라면 반드시 필수로 구독해야하는 블로그입니다.
물론 웹개발자들도 포함입니다.

2. Ajaxian

사용자 삽입 이미지

javascript에 대한 모든 자료를 다룹니다.
prototype, jquery, dojo, YUI, ext 등 자바스크립트 프레임워크에 관련된 자료도 발빠르게 올라옵니다.
하루에 5~10개의 포스팅이 올라오는데요. 자바스크립트 개발자라면 꼭 구독해야하는 블로그입니다.

RSS 등록


3. ReadWriteWeb

사용자 삽입 이미지

RSS 등록

인터넷세계에 무슨일이 일어났을때 모든 소식을 이곳에서 접하실수 있습니다.
웹사이트의 비지니스 마케팅에 종사하고 있다면 이 블로그를 구독하세요.

4. Scott Gu’s Blog

사용자 삽입 이미지

.NET 개발자에게 추천해드리는 블로그 입니다.
그리고 Silverlight 2 beta 에 대한 소식도 접하실수 있습니다. MS관련된 내용에 대해 다루고 있습니다.

RSS 등록


5. Flex Examples

사용자 삽입 이미지

Flex 개발자에게 추천해드립니다.
사이트 명이 Flex Examples 입니다.
Flex의 다양한 듀토리얼을 보실수 입니다.

RSS 등록


6. A List Apart

사용자 삽입 이미지

A List Apart는 많은 범위에서의 주제를 다루고 있습니다. 물론 IT쪽 관련이지요.
물론 다른 어떠한 "이슈"에 관해서 토론되는 곳이기도 하지만
웹퍼블리셔, 웹표준에 관심이 많으신 분이라면 http://www.webstandards.org/ 와 함께 구독하셔야 할 블로그입니다.

RSS 등록




7. Vitamin

사용자 삽입 이미지
이곳역시 많은 듀토리얼이 올라오는 블로그 입니다.

RSS 등록



8. Six Revisions

사용자 삽입 이미지

이곳은 앞서 소개한 Smashing Magazine과 비슷한 토픽을 다룹니다.
웹디자이너들을 타겟으로한 포스팅이 자주 올라오며 다양한 소스들과 팁들이 있습니다.

RSS 등록

9. Colour Lovers Blog

사용자 삽입 이미지

컬러를 다루는 곳입니다.
웹사이트에 어떠한 컬러 파레트를 적용해야할지 영감을 주는 블로그입니다.

RSS 등록

10. Agile Ajax

사용자 삽입 이미지

javascript와 ajax에 대해서 다루는 블로그 입니다.

RSS 등록



출처 : Top 10 Blogs for Web Developers



저도 언급한 10개에서 몇개 빼고는 RSS구독하고 있는 곳들입니다.

영문 블로그라서 영어해석의 압박이 있지만

RSS등록하셔서 기사와 함께 올려져 있는 이미지만 보셔도

대충 어떤 내용을 담은 것이구나라고 짐작할수 있습니다.

그림만 보셔도 충분히 좋은 사이트 입니다.

여러분들께 강추합니다.

크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

오늘의 링크 소개 (멋진 CSS 디자인, CSS 파일 크기를 줄이는 10가지팁, CSS 프레임워크, 브라우저별 버그)

2007/12/04 00:31
1. 베스트 CSS 디자인 2007

HTML과 CSS를 분리하여 사용한 사례에서도 얼마나 다양하고 멋진 디자인이 나오는지 알수 있다.
꼭 CSS 디자인이라는 점을 부각하지 않더라도 디자이너에게 충분히 디자인적 감성을 자극할만한 디자인들이다. 외국의 잘된 웹사이트디자인을 보자면 우리나라에서는 한글 폰트의 부재가 얼마나 안타까운지 다시한번 느끼게 된다.



2. CSS 파일 크기를 줄이는 10가지 팁

CSS 파일 크기를 줄이는 10가지 팁을 소개하고 있다.

10. 줄바꿈을 줄이기
9. 사소한 주석 피하기
8. 3글자로 표현할수 있는 컬러는 3글자로 쓰기
7. 속성값이 0 일때 px 단위 제거하기
6. margin과 padding 한줄로 작성하기
5. background 정의 한줄로 하기
4. font 정의 한줄로 하기
3. border 정의 한줄로 하기
2. 불필요한(사용하지 않는) CSS 제거하기
1. PHP를 사용하여 CSS 파일 압축전송하기



3. CSS 프레임웍소개

CSS 프레임웍이라고 하지만 javascript 프레임웍처럼 그다지 유용해보이지는 않다.
좀더 그리드(레이아웃)을 편하게 도와준다거나 이런저런 유용한 클래스를 모아놓은 건데
사실 코드의 가독성이나 종합적인 관리측면(유지보수포함)에서 아직은 필요성을 느끼지 못하겠다.


4. 윈도우의 MSIE 7 버그 95가지

세상에 이렇게 멋있게 IE7 버그를 나열해 주시다니 감개무량할 따름
이 뿐만 아니라

IE6 버그 95가지
모질라버그 1가지
오페라버그 9가지
사파리버그 3가지

등 아주 유용하게 버그리스트를 모아주셨다.
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

따로는 존재하지 않는다. 기획자, 웹디자이너, 웹퍼블리셔, 개발자

2007/03/08 15:58
보통의, 아니 거의 모든 웹서비스는 이러한 방식으로 태어난다.

기획자가 기획을 하고

웹디자이너가 디자인을 하고

웹퍼블리셔가 디자인을  웹에 퍼블리싱하고

개발자는 그것을 적용시키고


이 모든 과정이 조화롭게 이루어져야 바로 최고의 웹서비스가 탄생하는 것이다.


기획자는

웹디자인과 웹퍼블리싱과 개발을 이해하고 있어야 하며

웹디자이너는

기획과 웹퍼블리싱과 개발을 이해하고 있어야 하며

웹퍼블리셔는

기획과 웹디자인과 개발을 이해하고 있어야 하며

개발자는

기획과 웹디자인과 개발을 이해하고 있어야 한다.


자기가 속한 분야만 알려고 하고 공부하려고 하는거

물론 자신의 능력을 키우는 것이긴 하지만

능력이 크는 폭도 작고, 그 끝도 한계가 있다.


이해한다는것이 모든것을 할줄 알아야 한다는 것이 아니다.

왜 이렇게 했는지, 어떻게 돌아가는지 전체적인 흐름과 윤곽을 알아야 한다는 것이다.


하지만 주변에는 자신의 직업에 맞는 그 한가지만 알고 있는 그것만 고집하는 사람이 너무 많다.
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

w.e.b

2006/03/31 15:24

어제 심심하던차에

잡지 이것저것 볼려고

서점에서 잡지코너에

갔는데 정말로 엄청나게

많은 수의 잡지가

있었다.

내가 아는 잡지 수만해도

10가지는 되었던거 같았는데

완전 잡지 천국이다.

내가 좋아 하는 잡지

MAXIM도 보고

에스콰이어도 잠깐 보고

잡지 뒤적뒤적 거리면서 보고 있었는데 한가지 눈에 들어오는 잡지가 있었다.

w.e.b이라는 잡지었는데 웹디자인을 다루는 잡지였다.

신생잡지인가 했더니 벌써 4년째 발간되고 있는 잡지였다..............................ㅡㅡ+

내용도 나름대로 알찼고, 웹디자인 잡지다운 깔끔함과 컬러링을 보여준것 같다.

앞으로 몇번만 더 서점에서 공짜로 구경 더 해보고 구독할지 말지 결정해야겠다.

오늘 잡지에서 읽은 구문중에서 마음에 드는 문장이 하나 있길래 적어본다.

웹디자이너는 웹사이트를 디자인하는 것이 아니라 웹사이트를 사용하는 사용자의 경험을 디자인하는 것이다.
크리에이티브 커먼즈 라이선스
Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

최근 트랙백