Simple is the best, Go to basic

'Web Standard'에 해당되는 글 4건

2008/08/08 트위터를 하신다면 9명의 웹표준 개발자들 꼭 등록하세요~
2008/04/17 웹 개발자를 위한 해외 Top 10 블로그 소개 (1)
2007/12/17 여러 버전의 IE(Internet Explorer) 설치하기 (1)
2007/12/06 오늘의 링크(효과적인 CSS작성,웹사이트구축10가지팁,javascript 사운드매니저,자바스크립트압축)

트위터를 하신다면 9명의 웹표준 개발자들 꼭 등록하세요~

2008/08/08 23:04

9 Web Developers That MUST Be Followed On Twitter

아주 재미있는 기사가 올라왔네요.

트위터는 follow 라고 부르는, 우리말로 굳이 번역하자면 친구추가 같은 기능이 있습니다.

follow 신청한 사람들은 내 twitter 페이지에서 그들이 쓴 내용을 볼 수 있습니다.

트위터를 애용하고 있는 9명의 웹표준 개발자들을 소개하면서 follow 꼭 하라고 강조하고 있네요.

뭐 할말이 없는 분입니다. 웹표준에서 빼놓을수 없는 Eric Meyer
http://twitter.com/meyerweb

웹표준 프로젝트에서 아주 열심히 활동중이신 Molly Holzschlag. 9명의 인사들 중에서 유일하게

여성분입니다.
http://twitter.com/mollydotcom

그 유명한 자바스크립트 프레임워크 jquery의 개발자 John Resig 입니다.
http://twitter.com/jeresig

우리나라에도 번역되어 들어온 초록책, CSS마스터전략의 저자 Andy Budd
http://twitter.com/andyBudd

Jeff Croft
http://twitter.com/jcroft

A List Apart 의 설립자인 Jeffrey Zeldman
http://twitter.com/zeldman

Chris Coyier
http://twitter.com/chriscoyier

Cameron Moll
http://twitter.com/cameronmoll

Collis and Cyan Ta’eed
http://twitter.com/collis

저는 다섯분은 간접적으로 블로그나 뉴스 등을 통해서 알고 있는데

나머지 네분은 누군지 모르겠네요;;

아무튼 트위터 follow 하러 가야겠습니다.

우리나라도 누가 me2day 목록 만들어주시는건가요? ㅎㅎ

크리에이티브 커먼즈 라이선스

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

TAG twitter, web, web develop, web developer, web publisher, web publishing, Web Standard, WebStandard, 웹디벨로퍼, 웹퍼블리셔, 웹표준, 트위터

Trackback 0 , Comment 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등록하셔서 기사와 함께 올려져 있는 이미지만 보셔도

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

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

여러분들께 강추합니다.

크리에이티브 커먼즈 라이선스

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

Trackback 0 , Comment 1

여러 버전의 IE(Internet Explorer) 설치하기

2007/12/17 22:08

좀 오래된 자료인데 혹시나 이런 자료 필요하신분 있을까 해서 포스팅 합니다.

여러버전의 IE 설치하기 관련된 해외 포스팅입니다.

간단히 프로그램 다운받으셔서 설치만 하시면 됩니다.

IE6이하 여러버전의 IE 설치하기
IE7과 IE6 사용하기

여러브라우저를 켰을때 모습

간단한 설치 방법

설치 후 모습

제가 어딘가에서 듣기론 정상적으로 설치한 IE브라우저와 standalone 방식으로 설치한 브라우저와

약간의 렌더링의 차이가 있다고 한 것도 같은데 해당 포스팅의 리플에서도 그러한 내용이 중심적으로

언급된것 같지 않아서 정확히는 잘 모르겠네요.

혹시 확실히 검증된 렌더링 차이점 알고 계시면 트랙백 쏴주시면 감사하겠습니다.

참고로 저는 Windows가 설치된 메인컴퓨터로 IE6, FF, safari, opera를 테스트하고

서브컴퓨터로 IE7을 테스트 하고 있습니다.

적어도 이 프로그램을 다운받으시려고 하시는 분은 크로스브라우징을 고려하시는 분이라고

간주해도 될까요? 그렇다면 파이어폭스도 크로스브라우징 부탁드려도 될까요?

얼마전 한국모질라커뮤니티연말모임에서

윤석찬님께서 아직 국내 파이어폭스 사용자가 1%미만이고 내년목표가 2%로 사용자를 늘리는 것이라고 말씀하셨다고 하네요.

확실히 국내시장에서는 파이어폭스 사용자의

비율이 너무나도 저조하다는 사실은 잘 알고 있습니다.

아직 국내에서 일반사용자에게 자동업데이트로 제공하지 않는 IE7의 비율이 점점 IE6의 비율을 쫓아 가는 상황에서도 말이죠.

사실 크로스 브라우징을 고려한다는 것이 브라우저별 특성을 잘 알고 있지 않는한

멋지고 화려한 레이아웃으로 웹페이지를 만든다는 것이 골치아프다는 것은 저 역시 잘 알고 있습니다.

하지만 자신의 홈페이지를 정말 명품으로 만들고 싶다면

자신의 웹사이트의 정보를 100년, 1000년을 넘게 가면서 여러사람에게 두루두루 유용하게 쓰이는

그런 명품정보로 만들고 싶다면 꼭 크로스브라우징을 고려해주세요.(물론 크로스브라우징을 포함하는 더 넓은 개념의 웹표준을 준수하는 웹사이트 제작이 중요합니다.)

저는 웹퍼블리싱 작업시에 IE6, IE7, FF, safari3(WIN), opera9 을 모두 테스트 합니다.

정상적인방법으로 CSS 작성을 했다고 가정했을때

FF로 먼저 레이아웃을 맞추고 IE6에 맞게 수정을 해주시면 IE7에도 별다른 이상이 없는한 잘 나오고

사파리와 오페라 역시 큰 수정없이 정상적으로 보입니다.

크리에이티브 커먼즈 라이선스

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

TAG Browser, IE, Internet Explorer, Web Standard, 브라우저, 웹표준, 인터넷익스플로러, 크로스브라우징

Trackback 0 , Comment 1

오늘의 링크(효과적인 CSS작성,웹사이트구축10가지팁,javascript 사운드매니저,자바스크립트압축)

2007/12/06 23:41

1. 효과적인 CSS 작성

모질라 개발라 레퍼런스에 2000년 4월 21자로 마지막 업데이트 된 문서입니다.
효과적인 CSS작성이라는 제목을 달고 있는 문서인데요.

CSS 작성 규칙을 크게 네가지

ID Rules,
Class Rules,
Tag Rules,
Universal Rules

로 분류했습니다.

그리고 다음의 가이드라인을 제시했네요.

Avoid Universal Rules!
Don't qualify ID-categorized rules with tag names or classes
Don't qualify class-categorized rules with tag names
Try to put rules into the most specific category you can!
Avoid the descendant selector!
Tag-categorized rules should never contain a child selector!
Question all usages of the child selector!
Rely on inheritance!
Use -moz-image-region!

모든 가이드라인이 말하는 중심내용은 다음의 문장이 압축해서 말해주고 있습니다.

The fewer rules that you even have to check for a given element, the faster style resolution will be. - 해당 엘리먼트에 대해서 체크해야할 적은 규칙을 가지고 있을수록 더 빠르게 표현될것이다

그러니깐 복잡하게 여러뎁스를 거치는 하위선택자를 따라서 해당 엘리먼트에 대한 CSS를 적용시킨다거나 그렇게 하지말고 직접적으로 해당 엘리먼트의 ID 또는 class를 사용하여 직접 그 선택자를 활용하여 CSS를 작성하라는 말이네요.

2. 웹사이트 구축 10가지 팁

요즘 자꾸 무슨 무슨 팁 이런 식의 글이 자꾸 눈에 들어오네요.

1. 파이어폭스를 사용해라(파이어버그,웹디벨로퍼 플러그인 활용)
2. 호환성
3. 심플함
4. 자바스크립트를 원한다면 jquery를 사용해라
5. ajax는 적재적소에 사용
6. 검색엔진은 구조화된 코드를 좋아한다.
7. table 말고 div를 사용
8. 인라인스타일을 적게사용
9. 적당한 주석
10. 웹표준에 대한 인식

다 맞는 교과서적인 내용이죠?

3. 자바스크립트 사운드매니저