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

7 월은 여름의 기쁨을 선사하는 달이므로 이번 달의 신선한 자원을 위해 우리는 초보 개발자뿐만 아니라 잘 설립 된 몇몇 새로운 도구를 사용합니다..

이 목록에는 WordPress 커뮤니티의 Sketch 라이브러리와 WordPress 인터페이스 프로토 타입을 만들 수있는 React.js 및 Vue.js 확장 도구, 개발 기술 수준을 높이기위한 몇 가지 참고 자료가 필요합니다. 그들을 체크하자..

WPRIG

Morten Rand-Hendriksenand가 만든 올인원 스타터 WordPress 테마에는 현대적인 도구를 사용하여 공정 사전 설정 Gulp, Babel, ESLint, Visual Studio 코드 통합 등이 있습니다. 주변 개발 도구를 구성하는 번거 로움없이 훌륭한 WP 테마를 만들 수 있습니다..

VueNative

Vue.js를 기반으로하는 프레임 워크로, Vue.js 사양으로 코드를 작성할 수있는 크로스 플랫폼 모바일 애플리케이션을 빌드합니다. 도구는 그것을 원주민 원주민에게 컴파일해라. 현장에서 너를 위해 마술을 vue-native CLI. Vue.js에 이미 익숙하다면 모바일 애플리케이션을 구축하기위한 적합한 프레임 워크.

SketchPress

10up의 사람들은 SketchPress를 방금 출시했습니다. 신속하게 WordPress 관리 인터페이스 모형 및 디자인을 만들기위한 스케치 템플릿. 그것은 기본 버튼, 메뉴 표시 줄, Dashicons, Metabox 등 일반 관리자 UI로 포장되어 있습니다. SketchPress는 WordPress 개발자가 WordPress 관리자 UI로 플러그인 및 테마 설정 또는 옵션 페이지를 정렬하는 훌륭한 동반자 도구입니다.

Docz

Docz는 MDX 기반 문서 생성기 이 시리즈의 마지막 라운드에서 소개되었습니다. 이 도구를 사용하면 JSX 문서를 작성하는 것처럼 Markdown 구문을 사용하여 JSX 사용자 지정 compenent를 가져 와서 혼합에 포함 할 수 있습니다.

애니메 스타

CSS Animation은 웹에 생동감을 불어 넣습니다. 그러나 호환성, 매개 변수 및 애니메이션 시간대에 대한 브라우저 접두어를 고려하여 CSS 애니메이션을 작성하는 것이 항상 쉬운 것은 아닙니다. Animasta는 코드를 생성하여이 작업을 더 쉽게 만듭니다. 너는 할 수있다. 코드를 복사 할 수있는 사용자 친화적 인 인터페이스에서 애니메이션을 구성하십시오..

GridToFlex

네이티브 CSS 그리드를 사용하여 작성된 일반적인 웹 레이아웃의 몇 가지 예와 FlexBox를 지원하지 않는 브라우저의 대체품으로 Flexbox를 사용합니다. 우리의 게시물을 확인하십시오 : CSS 그리드 레이아웃 모듈 소개.

RatioBuddy

좋은 도구 정의 된 비율로 CSS가있는 상자 생성, 예를 들면, 1 : 1, 3 : 4, 도구는 복사 할 SCSS 형식의 코드를 생성합니다..

GraphQL하는 방법

GraphQL은 REST 데이터 구조의 대안이며 GraphQL은 그것을 배울 포괄적 인 자원. REST보다 훨씬 효율적입니다. 요청 된 데이터 만 가져 오기 때문에로드 및 데이터 전송량이 줄어 듭니다..

샘플 역사

WordPress 대시 보드에서 수행 된 활동 내역을 보여주는 간단한 WordPress 플러그인. 그것은 사용자가 게시물과 페이지를 만들고, 로그인하고, 다른 플러그인을 활성화하거나 비활성화 할 때와 같은 WordPress 기본 활동을 지원합니다. 그것은 또한 할 수있다. 다른 플러그인 활동 추적 고급 사용자 정의 필드 (ACF) 및 사용자 전환을 포함합니다. 이 사이트는 내부 활동을 추적 할 수있는 훌륭한 플러그인입니다..

Transfer.sh

이것은 쉘 명령을 통해 파일을 공유하는 편리한 유틸리티. 최대 10GB까지 모든 유형의 파일을 업로드 할 수 있습니다. 또한 파일 암호화를 지원합니다. 그리고 나는 그것이 완전히 무료라는 것을 언급 했는가??

FB 수중 음파 탐지기

iOS 및 Android 용 모바일 앱을 디버깅하는 도구입니다. 이 앱에는 편리한 디버깅 경험 로그 뷰어, 대화 형 레이아웃 검사기 및 네트워크 검사기와 같은 기능을 제공합니다. 충분하지 않은 경우 필요한 기능으로 앱을 확장 할 수있는 플러그인을 만들 수 있습니다..

JSUI

이 응용 프로그램은 프로젝트를 구성하는 더 좋은 방법을 제공하는 도구 모음으로 가득합니다. 너는 할 수있다. 그룹을 만들고, 인기있는 프로젝트를 사용하여 새 프로젝트를 생성합니다. React, Vue 및 Angular와 같이 프로젝트 종속성을 설치하고 Node.js 서버를 실행하는 등 다양한 작업을 수행 할 수 있습니다. 열두 개의 프로젝트를 관리하는 사람들을위한 훌륭한 앱.

브레인 몬키

WordPress 용 특정 도구로 설계된 PHP 단위 테스트 유틸리티. 이 도구는 모조품 PHP 함수. 또한 WordPress의 일부 기능을 처리 할 수있는 도구 모음을 제공합니다. add_action remove_action 몇 가지 예를 들면, 일반적으로 교활한 시험하다.

프랙탈

Fractal은 팀 내의 개발자가 구성 요소를 프로젝트에 통합해야 할 때 참조 할 수있는 중앙 문서 도구로 설계되었습니다. 그것은 당신이 코드 스 니펫 통합, 미리보기, 문서, 메모 표시, 각 구성 요소의 등.

개미 디자인 프로

“AntDesign” React.js를 기반으로하는 인기있는 UI 프레임 워크 중 하나입니다. “찬성” 엔터프라이즈 애플리케이션 용으로 설계된 버전. 여기에는 AvatarList, HeaderSearch 및 TagSelect와 같은 AntDesign 공용 패키지에없는 몇 가지 추가 구성 요소가 포함되어 있습니다.

프레임 워크는 또한 빌드 도구, 테스트 스위트 및 배포와 같은 기본 제공 개발 도구 워크 플로 구성에 시간을 낭비하는 대신 코드를 바로 사용할 수 있습니다..

LuminJS

초소형 웹 사이트의 텍스트를 강조 표시하는 JavaScript 라이브러리. 복잡한 DOM 구조와 원활하게 작동하며 속도, 스타일 및 애니메이션을 설정할 수 있다는 점에서 프로그래밍 가능합니다..

프롬프트

편리한 Node.js를 사용하여 대화식 CLI를 구축하는 NPM 패키지. 기본 프롬프트, 다중 선택, 동적 프롬프트 및 암호, 텍스트, 숫자 및 전자 메일과 같은 많은 유형의 입력을 지원합니다..

지각

멋진 WordPress 플러그인 WordPress 미디어 라이브러리 검색 개선 Google Cloud Vision API를 사용하여 이미지를 분류하여 예를 들어, “새” 이미지를 사용하여 키워드를 사용하여 이미지를 검색 할 수 있습니다. “새” 키워드가 이미지 이름, 파일 이름 또는 메타 데이터에 포함되는지 여부.

DevTube

컬렉션 Youtube에서 가져온 비디오, 여러 개발자 컨퍼런스 JSConf, Google TechTalk, O'Reilly 등이 있습니다. 이제 팝콘을 받고 Dev 기술을 향상 시키십시오..

Reactive.how

리 액티브 프로그래밍이 증가하고 있습니다. 특히 데이터 스트림이 풍부하고 매 밀리 초마다 지속적으로 흐르는 웹 주변의 프로그래밍 패러다임. 이 리소스는 Cédric Soulas의 이니셔티브입니다. 당신에게 원리를 가르쳐주세요. 반응하는 프로그램 작성.