웹 디자이너 및 개발자를위한 새로운 리소스 (2017 년 5 월)
에이 유용한 웹 자원 수집 웹 개발자가 자신의 툴킷에서 실제로 기대하는 것입니다. 따라서 개발자로서의 자신감을 표현하기 위해 노력하고 있습니다. 최고의 웹 개발 리소스 매 달.
이번 달 컬렉션에는 스크린 캐스팅을위한 재미있는 무료 앱, Material Design 언어를 기반으로 한 몇 가지 프레임 워크, 성능 테스트를위한 라이브러리, CLI 및 소수의 다른 유용한 리소스. 자, 다음에서 하나씩 차례로 살펴 보겠습니다..
추가 자료를 보려면 클릭하십시오.추가 자료를 보려면 클릭하십시오.
추천 자료 및 최고의 웹 디자인 및 개발 도구 모음을 찾아보십시오..
모자
Kap은 MacOS를위한 깔끔한 작은 스크린 레코더. 웹 기술로 구축 된 오픈 소스 앱입니다. 이 앱에서 내가 좋아하는 한 가지는 즉시 비디오를 변환. Kap은 앱 또는 웹 사이트의 실시간 데모를 기록 할 수있는 훌륭한 대안입니다..
현기증 나는
현기증은 반응 형 웹 사이트를 테스트하는 개발 도구 단일 화면에서 여러 뷰포트 크기로. 그것은 매우 편리한 애플 리케이션과 비교하여 Chrome의 내장 모바일 에뮬레이터. Sizzy는 Chrome 확장 프로그램으로도 제공됩니다..
뮤즈 UI
에이 재료 디자인 원리에 입각 한 UI 라이브러리 Vue.js 2.0 위에 구축 된 Muse UI는 Appbar, Card 및 Dialog와 같은 Material Design Compenents로 구성되어 있습니다. 대단하다. UI를 신속하게 구현하고 실행하기위한 프레임 워크.
고급 WP-CLI
나는 큰 팬이다. WP-CLI 및 거의 매일 사용 WordPress 개발자로서의 나의 작업에서. 그러나 최근에 WP-CLI를 사용하면 테마를위한 PHP UnitTest 스캐 폴드 만들기! 이것은 WP-CLI의 고급 사용 목록입니다. WP-CLI 메인테이너, Daniel Bachhuber, 그 자신.
전광
광기는 Windows 용 독립 실행 형 스케치 파일 뷰어. 텍스트, 래스터 이미지, 심지어 그라디언트 및 그림자가 포함 된 스케치 파일과 잘 작동합니다. 그것 인터넷에 연결할 필요가 없다., 따라서 개발자는 어디서든 스케치 파일을 작업 할 수 있습니다. 과 그것은 완전히 무료이다..
K6
웹 애플리케이션의 거의 모든 측면에서 중요하게 다루어집니다.. 그러나 당신은 어떻게 당신의 웹 사이트의 속도를 측정합니까? 잘, 대답은 K6입니다.. 그것은 귀하의 웹 사이트 트래픽을 시뮬레이트하고 그것이 실제 트래픽 인 것처럼 주어진 기간 동안 웹 사이트를로드합니다. 즉, K6는 성능을위한 UnitTest.
검사기 서비스
웹 앱의 훌륭한 목록 DNS,로드, 속도, SEO, 보안 및 SSL과 같은 많은 것을 확인하십시오.. 이러한 도구의 대부분은 무료이지만 몇 가지 프리미엄 서비스가 있습니다. 사용자에게 고급 기능 제공.
SVGito
작은 웹 도구로 Sketch 앱에서 생성 된 SVG 최적화. SVG 코드를 웹 사이트에 붙여 넣으면 즉시 최적화 된 코드가 반환됩니다..
Launchaco
당신의 시작을위한 훌륭한 이름 찾기 어렵고 소셜 미디어에서 사용 가능한 사용자 이름 처리기를 얻는 것이 더욱 어렵습니다. Launchaco는 다음과 같은 유용한 도구입니다. 도메인 이름, 사용자 이름을 찾을 수 있습니다. Twitter, Facebook, Instagram 등과 같은 다양한 소셜 미디어에 대해 좋은 로고를 만들어라. 당신의 사업.
불쾌한
에이 고유 한 애니메이션 컬렉션 - CSS로 완료. 마음을 사로 잡을 정도로 강하지 않다면 애니메이션을 실행하지 마십시오..
CSS 그리드 치트 시트
CSS Grid 학습은 많은 새로운 속성에 관해서는 매우 협박 할 수 있습니다., 새로운 측정 단위 및 거의 완벽한 패러다임 웹 레이아웃을 빌드합니다. 이 도구는 이름에서 알 수 있듯이 CSS Grid로 발을 내딛어 라..
연장 상자
Workbox는 Progressive Web App을 구축하기위한 Google의 새로운 시도 (PWA). Yeoman 또는 Create React App과 비슷하며 모든 것을 얻을 수있는 방법으로 단 한 줄의 명령으로 준비.
마보
Mavo는 Lea Verou의 새로운 오픈 소스 프로젝트입니다. 베어 마크 HTML 마크 업과 약간의 사용자 정의 속성을 작동중인 웹 응용 프로그램에 추가. Mavo는 Backbone, Vue.js 또는 React와 같은 다른 라이브러리와 비교하여 쉽게 따라갈 수 있습니다. 기술에 익숙하지 않은 사용자가 웹 응용 프로그램을 구축 할 수 있습니다. 쉽고 빠르게.
재질 UI
Simlar에서 Muse UI까지, 그것은 Meterial Design 언어를 기반으로 한 UI 프레임 워크. 그러나 이것은 React를 사용하여 만들어졌습니다. 이제 귀하의 취향에 달려 있습니다. 너와 함께한다면 팀 Vue.js 또는 팀 React.
게으른 이미지
게으른 이미지는 요청시 이미지를로드하는 사용자 정의 HTML 요소. 이 손님 요소는 .유효한 당신이 할 수있는 Element 객체 내의 객체 어떤 이벤트 나 사용자 상호 작용에서 이미지가로드되도록 트리거하는 데 사용 필요한만큼.
Mac CLI
이 멋진 도구가 터미널을 통해 MacOS를 관리하십시오. 간단히 입력하십시오. 맥 업데이트 MacOS를 업데이트하십시오. 또는 입력하십시오. 맥 프리젠 테이션 귀하의 Mac을 준비 할 것입니다 (모든 앱 최소화, 브라우저 닫기, 데스크톱에서 파일 전송 프리젠 테이션을하기 전에 휴지통으로 다운로드하여 방해 금지 모드로 설정). 얼마나 차가워 요?!
계속 깨우쳐
KeepingYouAwake는 MacOS를위한 메뉴 모음 유틸리티입니다. 설정된 시간 동안 Mac이 절전 모드로 들어가는 것을 방지하십시오. 또는 활성화되어있는 한. Homebrew를 사용하여이 앱을 설치할 수 있습니다..
JSON 피드
마침내! 이것은 JSON에서 콘텐츠 피드를 전달하기위한 표준 사양 체재. 이미 구현을 위해 만들어진 WordPress 플러그인이 있습니다. 이것은 웹 개발자의 삶을 더 쉽게 만들어 줄 것입니다. 그냥하자. XML에 작별 인사하다.
탄소
즉, Carbon은 PHP의 Moment.js입니다. 그것은 생성 및 PHP 라이브러리입니다 날짜와 시간 문자열을 조작한다..
스피드 레이서
다른 성능 단위 테스트 도구. K6가 Visutal Users를 방문 및 트래픽을 시뮬레이션하여로드 테스터를 수행하는 동안 SpeedRacer는 브라우저에서 페이지 렌더링 성능 평가. SpeedRacer는 K6에 좋은 동반자가 될 수 있습니다..
