웹 디자이너 및 개발자를위한 새로운 리소스 (2018 년 2 월)
몇 년 동안이 연재물을 다뤄 왔으며, 나는 도구가오고가는 것을 목격했습니다. 에이 매주 거의 몇 가지 새로운 도구가 출시됩니다.. 그러나, 지난 몇 주간 나는 그것이 조금 느려지고 있다고 생각합니다. 그것은 평소보다 조금 더 오래 걸렸습니다. Github 및 기타 소스를 통해 새로운 도구를 찾으십시오. 무료, 오픈 소스이며이 시리즈에 대해 언급 할 가치가 있습니다..
오늘 포스트에서는 JavaScript 프레임 워크, 테스트 도구 및 WordPress 사이트 개발을위한 여러 도구가 있습니다. 그들을 체크하자..
커트
안 자신의 도메인 이름으로 URL을 줄이는 응용 프로그램. Node.js, React, Redux와 같은 최상위 스택에 구축되어 있습니다. 암호 보호 URL, RESTful API 등 기본 제공되는 기능, URL을 모니터링하기위한 자세한 통계를 제공합니다. 가장 좋은 점은 무료이며 자신의 서버에서 호스팅 할 수 있다는 점입니다..
WordHat
WordHat은 WordPress에 Behat을 통합하는 도구. Behat은 PHP를위한 오픈 소스 Behavior-Driven Development (BDD) 프레임 워크로서 PHP 애플리케이션을보다 풍부한 표현 방식으로 테스트 할 수 있습니다..
이 도구는 WordPress 테마 및 플러그인이 기능을 통해 더욱 복잡해지면서 매우 유용합니다. WordHat 및 Behat은 테마 또는 플러그인이 예상대로 작동하는지 확인합니다. 사용자가 상호 작용할 때.
WP 브라우저
WordHat과 유사하게 WP-Browser는 Codeception 확장입니다. 특별히 WordPress 응용 프로그램, 테마 및 플러그인 용으로 설계된. 코드 작성은 수행 할 도구입니다. 시험 PHPUnit 및 Behat과 유사하지만 더 많은 애플리케이션과 번들로 제공됩니다. 그걸로, 당신은 할 수 있어요. 브라우저 테스트, BDD, 유닛 통합 테스트 및 API 테스트.
노드 WP 국제화
그 이름은 그 자체로 말합니다. 테마 나 플러그인을 국제화하기 위해 많은 것을 자동화하는 NodeJS 모듈입니다.. 모듈을 설치하고 입력하십시오. wpi18n 메이크업 POT 파일을 생성하는 방법 WordPress 플러그인 또는 테마의 번역 가능한 텍스트에서.
감사
최근에 Github에서 인기를 끌던 NodeJS 모듈. “감사” 의지 오픈 소스 프로젝트에서 사용되는 패키지의 메인테이너 목록을 생성한다. 커뮤니티에 대한 기부에 대한 감사의 표시로 기부금 또는 OpenCollective 페이지에 링크하십시오.
구텐 블록 만들기
구텐베르크 (Gutenberg)는 WordPress 5.0과 함께 출고됩니다. 이것은 구텐베르크 블록 개발 상용구를 생성하는 NPM 모듈 React, Webpack, Babel, Sass와 같은 현대적인 스택이 있습니다. 명령 행을 실행하기 만하면됩니다. ,창작 블록, 너는 모두 설정되어있다..
WP Vue
WP Vue는 WordPress 게시물을 표시하기 위해 Vue로 작성된 템플릿. 이 템플릿은 WordPress 사이트를 만들고 싶다면 훌륭한 출발점입니다. 목이 없는. 데모 페이지에서 작동 방식보기. WordPress 사이트에서 WP-API URL의 끝점 URL 변경; 새 끝점 URL에서 게시물을 자동으로 다시 채 웁니다..
자극
에이 Basecamp의 새로운 JavaScript 프레임 워크. React 또는 Vue와 달리, JavaScript로 전체 애플리케이션을 작성하거나 합성 속성을 추가하도록 강요하지 않습니다..
StimulusJS는 우리가 이미 알고있는 일반 HTML에서 작동합니다. 데이터- 속성. 또한 복잡한 빌드 구성이 필요하지 않습니다. 너는 할 수있다. jQuery에서했던 것처럼 웹 페이지에 스크립트를 추가하기 만하면됩니다. 그게 전부입니다 - 스크립트 작성을 시작하면 응용 프로그램을 생생하게 만듭니다..
만타
에이 송장 생성 및 관리를위한 무료 애플리케이션. 메모 추가, 통화 설정, 할인 적용, 고객 또는 고객 목록 추가 가능, 로고 추가, 인보이스 템플릿 디자인 및 PDF 형식으로 다운로드. macOS, Windows 및 Linux에서 사용할 수 있습니다. 프리랜서라면 프리랜서 비즈니스를 운영하기 위해 찾고있는 인보이스 일 수 있습니다..
반응 정적
이름에서 알 수 있듯이이 도구는 React를 사용하여 정적 사이트 생성. 사전 구성된 모든 도구가 번들로 제공되므로 웹용 컨텐츠를 제작할 수 있습니다. 정적 인 사이트이기 때문에 리소스가 적은 공유 호스팅에서도 사이트 호스팅.
Piklist
Piklist는 개발 된 WordPress입니다. 적은 코드로 WordPress로 복잡한 웹 사이트 설정을 할 수 있습니다.. 그것은 설정 페이지와 같은 WordPress의 거의 모든 부분을 확장하는 도우미 기능과 후크 집합과 함께 제공됩니다, 사용자 정의 필드, 관리자 공지, 단축 코드, 위젯, 택 소노 미, 사용자, 그리고 훨씬 더.
Strapi
에이 콘텐츠 agnositic CMS 프레임 워크는 콘텐츠 API를 구축하는. 그것은 당신이 자신의 콘텐츠 구조와 API를 디자인 할 수있을뿐만 아니라 그들을 관리하는 아름다운 관리자 패널을 제공합니다. 그러나 템플리트 시스템은 내장되어 있지 않습니다. 그것 원하는 프론트 엔드 라이브러리를 선택할 수있게 해줍니다. React 또는 Vue와 같은.
ParcelJS
ParcelJS는 묶는 사람 Webpack 및 Browserify와 매우 비슷합니다. 단, 빠른 속도로 작동하고 구성이 필요하지 않습니다. 그것 HTML, JS, CSS 및 변압기에 대한 공통 개발 번들러를 지원합니다. PostCSS 및 Babel out-of-the-xbox와 같은 따라서 구성에 시간을 낭비하는 대신 코드에 집중할 수 있습니다..
GoodShare
자바 스크립트 라이브러리 소수의 소셜 미디어의 공유 횟수와 함께 소셜 미디어 버튼 표시. Vkontakte, Odnoklassniki, SurfingBird, Skype, WhatsApp 및 LINE과 같은 몇 가지 메신저 플랫폼과 같이 들어 본 적이없는 다양한 소셜 미디어를 지원합니다. GoodShare는 Vue 구성 요소로 사용할 수도 있습니다..
CopyChar
웹 사이트에서 특수 문자를 찾아 클립 보드에 복사하십시오.. 문자, 문장 부호, 수학, 화살표 및 그림 이모티콘은 사이트에 포함 된 문자 중 일부입니다. 간단히 캐릭터를 클릭하거나 탭하여 캐릭터를 클립 보드에 복사하십시오..
Nerv
Nerv는 또 다른 반응 형 VirtualDOM 라이브러리; ReactJS에 대한 대안. 그것은 React의 JSX 익숙한 구문을 제공하지만 주목할만한 차이는 거의 없습니다. Nerv는 Internet Explorer 8을 지원합니다! 반응 크기의 3 분의 1에 불과합니다. 아직도, Nerv는 React 애드온과 호환됩니다..
HyperappJS
웹 애플리케이션을 빌드 할 때 고려해야 할 또 다른 JavaScript 라이브러리. 그것 상태 관리와 가상 DOM 엔진을 결합 종속성이없는 키 업데이트 및 수명주기 이벤트를 지원합니다..
VulcanJS
벌컨은 현대 웹 응용 프로그램을 구축하는 도구 스택. React, GraphQL 및 Meteor와 함께 번들로 제공됩니다. 전체 스택 프레임 워크이기 때문에 전체 범위의 도우미 구성 요소를 제공합니다. 백엔드와 프런트 엔드에 맞게 미세 조정 된 모든 것이 바로 아웃 오브 박스로 작동합니다.. 따라서 앱을 빠르게 시작하고 실행할 수 있습니다..
Koa11y
Windows, MacOS 및 Linux 용 데스크톱 응용 프로그램으로 웹 사이트의 접근성 문제를 검사합니다.. Koa11y는 귀하의 웹 사이트가 접근성 표준을 위반하는지 여부에 대한 통지 및 경고를 제공합니다..
이것은 모든 웹 개발자 도구 상자의 도구 여야합니다. 접근성이 중요한지 하루 만 키보드를 사용하여 웹 사이트를 탐색 해보십시오..
TablePlus
진짜 데이터베이스 관리를위한 멋진 GUI 응용 프로그램. TablePlus는 (물론) MySQL, SQLite, Redis, Postgres, MS SQL 등 다양한 데이터베이스 엔진을 지원합니다. MacOS 및 Windows에서 TablePlus를 사용할 수 있습니다..
