웹 디자이너 및 개발자를위한 새로운 리소스 (2017 년 3 월)
CLI (Command Line Interface)를 통해 우리는 웹 개발 워크 플로우 간소화 및 자동화. 이것이 바로이 기사에서 로컬 컴퓨터에 설치하거나 서버에서 실행할 수있는 멋진 CLI를 포함하고있는 이유입니다. 그 외에도 몇 가지 기능이 포함되어 있습니다. PHP 도구, 브라우저 부가 기능 및 JavaScript 라이브러리. 그들을 체크하자..
추가 자료를 보려면 클릭하십시오.추가 자료를 보려면 클릭하십시오.
추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..
구 즐리
Google의 새로운 인코더 이미지를 최대 35 % 압축 할 수 있습니다. 품질을 유지하면서 초기 크기에서. 유사한 오픈 소스 인코더 (예 : JPEGOptim과 jpegtran은 avarage에서 단지 20 %에 달한다.. JPEG 파일을 최적화하기 위해 Guetzli를 통합 한 CMS 플랫폼 용 앱 및 플러그인이 많이 있음을 알 수 있습니다..
개발자 로드맵
이름에서 알 수 있듯이 개발자 로드맵은 웹 개발자가되는 여행의 infographic. 프런트 엔드, 백엔드 및 개발 작업의 세 가지 코스가 있습니다. 이 로드맵은 맵과 같습니다. 그리고 볼 훌륭한 참조 우리가 현재있는 곳, 놓친 곳, 다음에가는 곳.
Netlify CMS
SmashingMagazine이 최근에 도랑 WordPress에 대담한 움직임 Netlify CMS라는 새로운 CMS로 완전히 새로운 것을 시도하십시오. React.js 위에 구축 된 새로운 CMS이며 Jekyll, Hugo 및 MiddleMan과 같은 정적 사이트 생성기와 통합.
BadSSL
그것은 웹 사이트에서 SSL 구성을 확인하십시오.. BadSSL은 사이트에 설치된 SSL을 통해 디버깅 및 오류를 수행하는 편리한 도구입니다..
알릭스
알릭스는 웹 사이트 접근성을 감사 할 수있는 Chrome 확장 프로그램. 플러그인이 설치되고 활성화되면 플러그인은 페이지의 여러 요소 위에 오버레이 상자를 추가합니다. 경고 나 오류를 일으키는.
AR.js
AR.js는 자바 스크립트 라이브러리는 다른 자바 스크립트 라이브러리와 다릅니다.. 이 라이브러리는 웹 기술을 사용하여 Augmented Reality를 생성 할 수있게합니다. 놀랍게도 휴대 전화에서 정말 빠르게 실행됩니다..
반응 추세
그것은 Unsplash의 구성 요소를 반응시켜 일반적으로 추세를 보여주는 멋진 꺾은 선형 차트 만들기. 구성 요소는 구성 가능합니다. 선 두께, 색상, 그라디언트 및 커브 매끄러움을 설정할 수 있습니다. GUI를 사용하여 편리하게 구성 요소 코드를 생성한다..
Gitee
에이 바탕 화면에서 바로 Github 활동을 모니터링하는 macOS 응용 프로그램, Gitee는 상태 표시 줄에 별, 팔로어 및 알림의 번호를 표시하는 새 항목을 추가합니다. 또한 다음과 같이 할 수 있습니다. 푸시 차트보기 및 리포지토리에 대한 커밋 및 트렌드 저장소 이번 달과 주에 간단히 말해서 Github입니다..
goops
Goops는 프로젝트 디렉토리를 분석 할 편리한 CLI 추가 할 디렉토리 및 파일을 결정하십시오. .gitignore. CLI는 NPM을 통해 설치할 수 있습니다. 설치되면, 다음을 입력하십시오. goops 끝났어..
CSS 디버그
DebugCSS는 브라우저에서 CSS 출력을 분석하고 유효성을 검사 할 수있는 CSS 드롭 인 유틸리티. 그것은 Alix와 매우 유사하게 작동합니다. 여러분이 debugCSS 스타일 시트를로드하거나 북마크릿을 사용할 때, 그것은 오류 또는 경고를 발생시키는 페이지의 요소를 강조 표시합니다..
EagleJS
EagleJS는 프리젠 테이션을 작성하는 JavaScript 라이브러리 RevealJS와 유사합니다. EagleJS는 몇 가지면에서 다릅니다. JavaScript MVC 프레임 워크 인 Vue.js를 사용하여 빌드되고 Pug를 사용합니다. 슬라이드를 구축하기위한 템플릿 시스템으로.
BootstrapTour
에이 부트 스트랩 구성 요소를 사용하여 팝업 안내선을 작성하는 JavaScript 라이브러리. 새 사용자가 팝업 인터페이스를 통해 응용 프로그램 인터페이스, 새로운 기능 및 팁 표시에 대해 안내합니다.. 사이트가 부트 스트랩으로 구축 된 경우 완벽한 라이브러리입니다..
벽돌
벽돌은 웹 애플리케이션 UI를 작성하도록 설계된 JavaScript 라이브러리. 번들 된 구성 요소 중 캘린더, 메뉴 및 양식과 같은 일반적인 요소를 찾을 수 있습니다. "storage-indexeddb" 구성 요소를 사용하면 IndexedDB를 사용하여 클라이언트 측에 데이터 저장.
OctoTree
OctoTree는 IDE 또는 코드 편집기에서와 같이 트리 구조로 Github의 소스 코드와 파일을 찾아 볼 수있는 유용한 유틸리티입니다. Chrome, Safari, Firefox 및 Opera의 애드온으로 제공되며 공식 애드온 저장소에서 사용할 수 있습니다. Octotree는 개인 및 엔터프라이즈 Github 저장소를 지원합니다..
기둥 발표
Chrome에 유용한 또 다른 Github 확장 프로그램. 설치가 완료되면 현재 Github 페이지에 있지 않더라도 알림을받을 수 있습니다. 위대한 플러그인은 당신의 저장소와 함께 루프에 머물고 싶다면.
Deployer
Deployer는 PHP 사이트를 배포하는 도구입니다. WordPress, Drupal, Magento, Laravel 및 CodeIgniter와 같은 많은 인기있는 프레임 워크 및 플랫폼에서 작동합니다. 이 도구를 사용하면 배포 중에 실행할 명령의 일부인 자체 레시피를 작성할 수 있습니다. 함께 제공됩니다. 롤백 장애 발생시 이전 버전으로 돌아갈 수있는 기능.
PHPStan
런타임을 실행하지 않고 PHP 파일을 검색하여 오류를 찾는 CLI입니다. 즉, 프로젝트에서 PHP 파일을 디버깅하기 위해 전체 스택 PHP 환경이 필요하지 않습니다..
NGINX 상용구
백엔드 캐싱, 연결 및 요청 속도 제한 및 속도를 위해 사이트를 향상시키고 트래픽 급증을 위해 조정할 수있는 몇 가지 모범 사례가 포함 된 일반적인 Nginx 구성 컬렉션.
샴페인
Bubbly는 서버에 설치하여 Let 's Encrypt로 인증서를 생성, 관리 및 갱신 할 수있는 훌륭한 명령 줄입니다. SSL을 적용하는 것이 이제는 훨씬 쉬워졌습니다..
와플 격자
그러나 Flexbox로 구축 된 또 다른 CSS 그리드 프레임 워크는 여러분이 살펴 봐야한다고 생각합니다..
