웹 디자이너를위한 21 가지 필수 리소스 사이트

눈치 채 셨겠지만, Google에 무언가를 입력하면 검색 결과가 2,600 만 개라는 기쁜 마음으로 밝힐 수있는 것입니다. 웹 사이트가 상당히 많습니다. 어떤 종류의 불멸자가 아니라면 웹 디자인과 같은 상대적으로 틈새 시장에서도 많은 것을 확인할 시간이 없습니다. 따라서 우리는 모든 웹 디자이너가 어떤 종류의 멍청이가 아니라면 북마크해야하는 21 개의 필수 사이트 목록을 만들기 위해 노력했습니다. 여러분이 아닙니다.

1. 따로 목록

웹 디자이너의 의식이 너무 깊어 모든 새 호를 읽지 않으면 불법 일 수있는 온라인 잡지입니다. 업계 최고의 수백 가지의 예리한 기사가있는 A List Apart는 코드, 콘텐츠 및 디자인에 대한 심층적 인 통찰력과 분석을 제공하는 첫 번째 포트입니다.



블렌더를 더 잘하는 방법

두. 24 가지 방법

자신을 '웹 괴짜를위한 출현 달력'이라고 표현하는 24 가지 방법은 2005 년부터 매년 12 월에 24 개의 웹 디자인 기사를 제공했습니다. 주제는 다양하지만 기여자가 최고이기 때문에 초기 기사 중 상당수가 유용하고 관련성이 있습니다. 24 가지 방법은 크리스마스에만 해당되는 것이 아닙니다.



삼. 스매싱 매거진

2006 년에 설립 된 Smashing Magazine은 뉴스, 의견, 실용적인 자습서를 통해 웹 디자인 및 개발 기술을 뇌에 적용합니다. 또한 목록을 매우 좋아하여 추가 리소스를 검색 할 수있는 편리한 사이트입니다.



네. siteInspire

5. UX 운동

웹 디자인에서 UX가 점점 더 큰 관심사로 떠오르면서 정보를 계속 유지하는 것이 좋습니다. UX Movement는 UX 작업에 전념하는 블로그로, 양식, 호버 구성 요소 및 기타 웹 페이지 요소와 관련된 와이어 프레임 및 사용성 문제에 대한 통찰력을 제공합니다.



6. 검색 엔진 랜드

아무도 찾을 수 없다면 훌륭한 웹 사이트를 구축하는 것은별로 소용이 없습니다. Search Engine Land는 검색 마케팅 및 검색 엔진에 대한 뉴스를 제공하여 SEO 향상에 대한 힌트와 팁을 제공합니다. Google에서 귀하의 위치를 ​​확보하려면 Google 웹 마스터 Centra 엘.

7. W3C

대부분의 웹 디자이너는 웹 표준을 관리하는 모든 내용을 알 필요가 없지만 W3C 웹 사이트는 여전히 방문해야 할 필수 장소입니다. 사양 (설명 및 예제 포함)에 대한 액세스를 제공 할뿐만 아니라 마크 업 및 CSS 유효성 검사기와 같은 도구도 제공합니다.

8. HTML5 상용구

대부분의 프로젝트는 동일한 종류의 파일로 시작되며 디자이너는 종종 파일을 처음부터 다시 만드는 데 시간을 낭비합니다. HTML5 Boilerplate를 사용하면 강력하고 미래를 보장하는 HTML / CSS / JavaScript 템플릿으로 유리한 출발을 할 수 있습니다. HTML5 재설정 유사한 라인을 따르는 또 다른 프로젝트입니다.

9. HTML5 살펴보기

HTML5를 이해해야하는 경우 Mark Pilgrim의 책은 사양의 여러 기능에 대한 훌륭한 설명을 제공합니다. 이 책은 CC-BY-3.0 라이선스에 따라 전체 온라인 상태이지만 사이트를 정기적으로 사용하는 경우 하드 카피를 구입하십시오.

10. CSS3.info

최근 브라우저는 고급 CSS 지원을 놓고 패권을 놓고 경쟁에 몰두했습니다. 이를 위해 표준은 매우 빠르게 발전하고 있습니다. CSS3.info를 사용하면 개발을 추적하고 속성 및 모듈에 대해 자세히 알아보고 CSS 선택기에 대해 브라우저를 테스트 할 수 있습니다.

열한. Adobe Kuler

색상에 대한 자연스러운 시각이 있더라도 디지털 색상환은 툴킷의 필수 요소입니다. 그러나 하나에 현금을 지불하는 대신 Adobe Kuler의 온라인 도구를 사용하여 계획을 세우거나 이미 사이트에있는 수천 명 중 하나에서 영감을 얻으십시오.

12. Adobe BrowserLab

여러 실제 브라우저에서 테스트 사이트를 능가하는 것은 없지만 단일 브라우저에서 사이트를 신속하게 검사해야하는 경우 BrowserLab은 Chrome, Firefox, Safari 및 Internet Explorer에서 렌더링 된 모든 웹 페이지의 정적 캡처를 생성합니다.

13. 978 그리드 시스템

강력한 그리드 시스템을 사용하면 웹 사이트 레이아웃을 훨씬 쉽게 디자인 할 수 있습니다. 최고 중 하나는 다른 화면 크기에 대한 관련 템플릿도 제공하는 978 그리드 시스템입니다. 그만큼 960 그리드 시스템 인기있는 대안입니다.

14. 나는 타이포그래피를 좋아한다

웹 유형에 대해 직접보고하지는 않지만 I Love Typography는 웹 디자이너에게 필수적인 읽기입니다. 많은 웹 디자이너는 고품질 타이포그래피에 대한 철저한 기반을 가지고 있지 않지만 웹 글꼴이 빠르게 보급되고 있으므로 서체의 세계에 몰입하는 것은 현명한 방법입니다.

열 다섯. 웹 리소스 디포

스크립트, 아이콘, 프레임 워크, 이미지 등을 포함하는 무료 리소스를 매일 추천하는 블로그입니다. 구독도 전체 피드이므로 RSS 리더에 사이트를 삽입하고 관심있는 항목 만 가져올 수 있습니다.

16. Dev. Opera

Dev.Opera 웹 사이트의 모토는 '표준을 따르고 규칙을 어기십시오'이며, 당시에는 '웹 디자이너에게 유쾌한 유용한 기사를 제공'하는 것보다 더 흥미 로웠을 것입니다. 그럼에도 불구하고이 사이트는 학계에서 오페라 웹 표준 커리큘럼을 제공하는 것과 함께 주로하는 일입니다.

17. CSSPlay

Stu Nicholls의 CSSPlay는 주로 CSS 실험을위한 놀이터입니다. 그러나 화려한 효과에 집중하기보다 Nicholls는 종종 실제 응용 프로그램에서 데모를 기반으로합니다. CSS에서하고 싶은 일이 있다면이 사이트에서 방법을 보여주는 데모를 찾을 수 있습니다.

18. 브라우저 뉴스

브라우저 엔진 및 개별 웹 브라우저의 추세 및 사용 통계에 대한 훌륭한 리소스 인 Browser News는 IAB 광고 크기 목록, 브라우저 가이드 등을 비롯한 기타 유용한 정보도 제공합니다.

19. QuirksMode

QuirksBlog는 웹 디자인 및 개발에 대한 흥미로운 통찰력을 제공하지만, 주요 QuirksMode 호환성 테이블은 사이트의 핵심입니다. 여기에서 어떤 브라우저가 CSS와 DOM의 어떤 측면을 지원하는지 쉽게 확인할 수 있습니다. HTML5 테스트는 작성 시점에 진행 중입니다.

낮은 폴리 모델을 만드는 방법

이십. 언제 사용할 수 있습니까?

QuirksMode와 마찬가지로 언제 사용할 수 있나요?는 여러 지원 테이블을 제공합니다. 정기적으로 업데이트되는이 사이트는 iOS Safari 및 Opera Mini를 포함하여 널리 사용되는 모바일 브라우저의 표준 지원에 대해서도 자세히 설명합니다.

이십 일. FindmebyIP

마지막으로 HTML5 및 CSS3에 대한 FindMeByIP의 호환성 표도 선호합니다. Bath에 기반을 둔 디자인 대행사 인 DeepBlueSky에서 만든이 도구를 사용하면 CSS3 속성, 선택기, HTML5 웹 애플리케이션, 그래픽 및 임베디드 콘텐츠, 오디오 및 비디오 코덱, 양식 입력 및 속성에 대한 브라우저 지원을 빠르게 확인할 수 있습니다.