개발자의 코덱스
웹 개발자 / 디자이너의 삶은 어려울 수 있습니다. 올바른 도구, 이미지, 튜토리얼 등을 찾기가 어렵습니다. 이 링크 모음이 당신을 조금 더 쉽게 만들 수 있기를 바랍니다.
"힘든 일을하는 데있어 세 가지 위대한 필수 요소는 열심히 일하고, 고집, 그리고 상식입니다." -Thomas A. Edison
기여하다
공유에 도움이되는 링크가 있습니까? 제안? 실수 나 끊어진 링크가 보이십니까? 풀 요청을 보내십시오!
영감
영감이 필요할 때 자원
아이디어 / 영감을주는 웹 사이트
- awwwards- 훌륭한 사이트 모음
- httpster- 훌륭한 사이트의 또 다른 컬렉션
- TheBestDesigns- 아름다운 사이트의 쇼케이스
- CSS 수상자 - 검토 된 디자인 목록
- 사이트 Inspire- 신선한 사이트의 사이트
- Onepagelove- 한 페이지 웹 사이트를위한 훌륭한 디자인
- CSS Design Awards- 아름다운 사이트 그 자체. 이 사이트에는 수상 가치가있는 디자인 목록과 당일 사이트가 포함되어 있습니다.
- 드리블 - 디자이너가 자신의 작품을 과시 할 수있는 장소
- CSS Awards- 검토 된 웹 사이트 디자인의 또 다른 쇼케이스
코드 스 니펫
- Codepen- 영감과 스 니펫을위한 놀이터
- Codemyui- 코드 스 니펫 + 튜토리얼!
- Codyhouse -HTML, CSS, JS Nuggets
- Codepad.co- 개발자가 코드 스 니펫을 공유하고 저장할 수있는 장소
자산
이미지, 아이콘, 글꼴 모음.
이미지
- Picjumbo- 무료 재고 사진
- Unsplash- 더 많은 무료 주식 사진!
- 새로운 오래된 주식 - 무료 빈티지 사진 - 많은 세피아
- 패턴 라이브러리 - 재미있는 배경 모음
- 미묘한 패턴 - 무료, 미묘한 배경의 사이트
- Death to Stock Photos- 월간 사진 이메일
- 장소 - 사이트의 자리 표시 자 이미지를 생성하십시오
- Wocintech 채팅 - 여성과 비 이진을 대표하는 무료 주식 사진
- PlaceKitten- 개발자를위한 새끼 고양이 테마 자리 표시 자 이미지
아이콘
- 글꼴 굉장한 아이콘 라이브러리
- Flaticon- 무료 아이콘의 거대한 모음 : PNG, SVG, EPS, PSD 형식
- 이온 아이콘 - 깨끗하고 이온 성 아이콘
- 간단한 아이콘 - 인기있는 브랜드를위한 SVG 아이콘. Dan Leech가 유지합니다.
- 명사 프로젝트 - 또 다른 과다한 아이콘
- 깃털 아이콘 - Beautiul 아이콘의 오픈 소스 컬렉션
글꼴
- Google Fonts- 아마도 글꼴을 찾는 가장 인기있는 장소 일 것입니다.
- Google Fonts는 이제 글꼴 라이브러리를위한 새롭고 Cleaner UI가 있습니다. Google Fonts 2.0
도구
개발에 도움이되는 유용한 도구
색상을위한 도구
- ColorPicker- 페이지에서 색상을 잡기위한 매우 편리한 크롬 확장
- Colorzilla- 또 다른 편리한 컬러 도구 (Firefox에도 가능함)
- CSS3GEN- 우수하고 사용하기 쉬운 그라디언트 생성기
- 스펙트럼 - 컬러 견본을 만듭니다
프론트 엔드 스캐 폴딩 도구 / '부트 스트랩'
- Bootstrap- 반응 형 사이트 및 응용 프로그램 설계를위한 인기있는 프레임 워크
- BootSwatch- 부트 스트랩의 모양을 꾸미는 멋진 테마
- STARTBOOTSTRAP- 무료 오픈 소스 부트 스트랩 테마
- 재단 - 웹 개발을위한 또 다른 인기있는 프레임 워크
- Bulma- Flexbox를 기반으로 한 최신 CSS 프레임 워크
- 골격 - 깨끗하고 베어 본 (pun 의도), 반응 형 CSS 보일러 플레이트
- 무소지 - 단순하고 유체 그리드 시스템
- Flatui- 플랫 디자인을위한 매우 섹시한 HTML 및 CSS 프레임 워크
- 구체화 - Google의 재료 디자인에서 영감을 얻은 최신 프론트 엔드 프레임 워크
- Tachyons- CSS가 거의없는 빠른 100% 반응 형 앱 생성
- Colormind- ML을 사용하여 프로젝트의 컬러 팔레트 생성 - 매우 시원함
워크 플로 및 빌드 도구 - 삶을 더 편하게 만들기 위해
- Gulp- 지루하고 반복적 인 작업을 자동화하는 작업 러너
- Grunt- 또 다른 인기있는 작업 러너
- Webpack- 코드를 편리한 청크로 번들링하기위한 모듈 식 번들러
- Yeoman- 현대 웹 앱 구축을위한 스캐 폴딩 도구
공동 작업
협업을위한 유용한 도구
- Cloud9- 클라우드에서 다른 사람들과 코드 및 작업
- JSFIDDLE -JS Fiddle은 정말 멋진 콜라 브 기능을 제공하지만 너무 자주 사용하지는 않았습니다.
- Codepen -Codepen은 또한 협업 옵션을 제공합니다 (Pro 사용자 ATM을위한 것이라고 생각하지만)
- GIST- 코드를 빠르게 공유하십시오. 코드에 대한 메모장처럼 작동합니다
- 슬랙 - 공동 작업자는 빠르게 의사 소통해야합니다. 슬랙은 DEV 팀 중에서 가장 인기있는 채팅 앱인 것 같습니다.
훌륭한 독서 자료
최신 트렌드/뉴스를 따라 잡을 수있는 훌륭한 독서 리소스
- 구별되는 목록 - 통찰력 있고 유익한 개발자 기사
- 매체 - 상상할 수있는 모든 주제를 가진 블로그 플랫폼. 검색을 수정하려면 쿼리를 검색 표시 줄에 입력하십시오.
- CSS Tricks- 거의 모든 코드와 관련된 훌륭한 블로그/튜토리얼.
- Smashing Magazine- 유용한 개발자 및 디자인 기사로 가득 찬 사이트
- Front End Developer Weekly- 프론트 엔드 데브 뉴스, 도구 ..ETC 매주 이메일
특허
I, Vinny Aceto,이 프로젝트에 포함 된 모든 저작권 보호 및 관련 관심사를 면제합니다.
