웹 디자이너 및 개발자를위한 새로운 리소스 (2016 년 12 월)

우리는 2016 년 말에 가까워지고 있으며, 웹 개발자를 포함한 많은 사람들에게 스릴 넘치는 해가되었습니다. 올해, ReactJS의 인기는 기하 급수적으로 급증했습니다., 새로운 ReactJS 확장이 릴리스되어 다음 목록에 위치합니다. Github의 인기있는 리포지토리 (거의) 매주.

PHP7도 올해 출시되었습니다. 속도에 대한 상당한 개선뿐만 아니라 오랫동안 기다려온 WP-API를 사용하는 WordPress 4.7 기능 및 페이스 북은 또한 Yarn Package를 소개했다. NPM에 도전 할 수있는.

추가 자료를 보려면 클릭하십시오.

추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..

이 유용한 릴리스에 대한 자세한 내용은 다음 목록을 참조하십시오.

등대

LightHouse는 Google의 편리한 도구 귀하의 웹 사이트를 현대 웹 개발 측정 기준과 대조하여 페이지로드 성능, 서비스 근로자와의 캐싱, 서버 시간 응답 기타 등등. 이 도구는 CLI (명령 줄 인터페이스)와 Google 크롬 확장 프로그램의 두 가지 형식으로 제공됩니다.

퓨즈

퍼지 - 검색은 검색 완료 유형입니다. 검색 인수와 정확히 일치하지 않더라도 숫자 가능성을 반환합니다.. 예를 들어 'to'를 검색하면 결과가 반환 될 수 있습니다. 할 것, 기계 인간, 과 발. 이것은 인기있는 검색 성능 오늘날의 웹 애플리케이션에서 퓨즈는 간단한 자바 스크립트 라이브러리 웹 사이트에서 쉽게 구현할 수 있습니다..

원사 패키지

원사는 페이스 북이 구축 한 노드 패키지 관리자. 기본적으로 속도와 같은 여러 영역에서 진보와 함께 NPM과 유사하게 수행됩니다., 인터넷에 연결하지 않고 패키지를 설치할 수있는 '오프라인 모드', 안정성 및 안정성.

메뉴 캐시

편리한 WordPress 플러그인 WordPress 메뉴 캐시 Transient API를 사용하여 데이터베이스 쿼리 속도 향상 플러그인에는 여러 필터가 포함되어 있습니다. 캐싱 기간 사용자 정의 다른 것들을 수행하십시오. Composer를 사용하여 설치하거나 일반 WordPress 플러그인.

Githunt

Githunt는 Chrome 확장 프로그램입니다. Chrome 홈페이지를 Github 트렌드 저장소로 대체. 기간과 프로그래밍 언어에 따라 결과를 정렬 할 수 있습니다. 그것은 내 생각이다., 필수 유틸리티 설치 모든 개발자가 주변에서 가장 빛나는 도구로 업데이트 상태를 유지할 수 있습니다..

FFocus

당신의 일에 집중할 수없고 당신의 일을 빨리 끝내고 싶습니까? FFocus 해보기. 그것은 터미널을 통해 설정된 기간 동안 웹 사이트를 차단할 수있는 CLI. FFocus 수 있습니다. NPM을 통해 설치 ~을 실행하여 npm ffocus -g 명령.

접근 법

AccesslintJS는 웹 사이트의 유효성을 검사하는 JavaScript 라이브러리 접근성을 위해. 이 라이브러리를 사용하기 전에로드하는 것만 큼 쉽습니다. 태그를 추가하면 모든 경고와 오류 DevTools Console에서 바로 실행.

착색 가능

색깔있는 편리한 웹 애플리케이션 WCAG 가이드 라인을 준수하는 색상 조합을 생성 할 수 있으며 웹 사이트도 만들 수 있습니다. 시각 장애인에게 접근 가능 색맹과 같은.

마이콘

Micon은 선택한 Microsoft Windows 10 pictographics의 글꼴 아이콘. 이것은 FontAwesome의 훌륭한 대체 이미 과용 된 것 같아..

CSS 참조

이름은 그것을 모두 말한다. 그것은 CSS 문법을 찾기위한 CSS 레퍼런스. 그것은 또한 즐거운 좋은 방법으로 제시되어 MDN의 CSS 문서를위한 훌륭한 대안, 너무 지루하다고 생각한다면.

플라이휠의 지역별 지역

이것은 MacOS에서 로컬 WordPress 웹 사이트를 쉽게 설정할 수있는 GUI 응용 프로그램. 응용 프로그램은 개발자를위한 훌륭한 유틸리티로 가득합니다. “원 클릭” WordPress 설치, SSH 액세스, 쉬운 SSL 설정, 사이트 청사진 및 XIP.io. 앱은 약 149 달러에 가격이 책정되었지만 Flywheel이 인수 한 이래로 지금 무료로 제공됩니다..

FreeCodeCamp

이것은 웹용 코드를 배우는 무료 리소스. 주제에는 HTML, CSS, JavaScript 및 ReactJS와 D3와 같은 몇몇 도서관. 그것은 제공한다 도전 과제 또는 프로젝트 예제 동안뿐만 아니라 튜토리얼을 복용하고 있습니다. 피사체를 더 잘 이해하도록 도와주세요..

오버 패스 글꼴

OverPass 글꼴은 다음과 같이 구성된 글꼴 모음입니다. 여덟 가지 무게 (200-900), 진정한 기울임 꼴 및 고정 폭 글꼴. 글꼴은 KeyCDN에서 웹 글꼴로로드 할 수 있습니다. 데스크톱 용으로 설치. 그것은 자유롭고 오픈 소스이다..

폼베이스

양식 기반은 CSS 스타일 규칙 세트 다음을 포함하는 양식 요소를 재설정합니다. 입력, 확인란, 고르다, 과 텍스트 영역 기본적인 아직 아름다운 스타일. 이 CSS 라이브러리는 좋은 것입니다. 다른 것과 함께 사용하다 “CSS 리셋 터” Normalize.css와 같이.

프론트 엔드

그것은 24ways.org를 만드는 데 사용되는 프레임 워크입니다. 훌륭한 자원 당신이 들여다 볼 수있는 고급 CSS 기법을 배우기.

승리

ReactJS가 증가하고 있습니다. 그것을 지원할 수있는 많은 확장 프로그램. 승리는 반응 성분 인터랙티브 및 차트 또는 데이터 시각화 추가.

지옥

지옥은 모바일 장치에 웹 인터페이스를 구축하는 JavaScript 라이브러리. 그것은 ReactJS에서 영감을 얻은 따라서 유사한 구문 규칙을 적용합니다. 그러나 차이점은 Inferno가 실적을 염두에두고 제작되었습니다. 그것은 그것을 만든다. 크기가 훨씬 작다. 또한 그것을 제공합니다. 빠른 렌더링 시간.

예식하다

퍼런시는 도서관이 가능하다. 사용자의 다음 상호 작용 예측. 이렇게하면 사용자 인터페이스 (UI)를보다 완벽하게 준비하십시오. 실제 사용자가 귀하의 웹 사이트와 상호 작용하기 전에.

SPA 시작 키트

이것은 Laravel 및 VueJS로 작성된 SPA (단일 페이지 응용 프로그램)의 예입니다. 아직은 프레임 워크를 사용하여 웹 개발을 배우는 또 다른 훌륭한 자료 - 루크를 보아라.!

도큐 테

도우물 단일 페이지 문서 작성을위한 JavaScript 라이브러리. VueJS로 전원을 공급 받고 여러 노드 유틸리티와 함께 제공되므로 신속하게 문서를 설정하고 실행할 수 있습니다..