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

이번 달에 우리는 기술 분야에서 주목할만한 이름들에 대한 몇 가지 공지 사항을 보았습니다. 예를 들어, Apple은 새로운 데이터베이스 시스템을 공개했으며 Google은 모바일에서 웹 사이트 속도를 측정하는 새로운 도구를 출시했으며 Gitub는 Git, Github 및 일반적으로 코딩을 시작할 수있는 무료 과정을 제공합니다.

또한, 오늘의 게시물에서, 나는 또한 현재 새롭게 부상하고있는 여러 가지 새로운 도구가 있습니다.. 우리가 목록에서 더 많이 가지고있는 곳으로 뛰어 가자..

VuePress

Vue의 제작자 인 VuePress의 새로운 도구는 정적 사이트 생성기 Vue.js를 염두에두고 설계되었습니다. 각 페이지에 대해 정적 HTML을 생성하고 사전 렌더링합니다. SPA (단일 페이지 응용 프로그램). Google 애널리틱스 ID, 검색, 다음 및 이전 탐색, 사이드 바를 추가 할 수있는 기능을 비롯하여 기본적으로 제공되는 몇 가지 기능이 제공됩니다. PWA.

IMG-2

다음을 소개하는 JavaScript 라이브러리 맞춤 요소, img-2. 새로운 요소는 표준과 함께 제공되지 않는 여러 가지 최적화를 추가합니다. img 요소, 사용자가 이미지를로드하는 방법 개선. 맞춤 요소를 사용하면 이미지가 사전 캐시되고 게으른로드 이미지와 서비스는 이미지가 사용자의 뷰포트에 들어올 때만 캐시에서 가져옵니다. 데모보기.

Tabler

우아한 대시 보드 / 관리자 패널 부트 스트랩 4 기반. 대시 보드에는 Charts, Forms, Galleries, Pricing Table 및 nice와 같은 미리 만들어진 구성 요소가 있습니다. 사용자 지정 아이콘 모음. 개발자 패널을 신속하게 구축 할 수있는 출발점입니다. 데모보기!

DayJS

DayJS 날짜 및 시간 형식을 지정하는 JavaScript 라이브러리. DayJS는 Moment.js와 비슷한 API를 제공하지만 무게는 2Kb에 불과합니다. 그것을 감안할 때, 그것은 Moment.js의 훌륭한 대안, 더 가벼운 도서관을 원한다면 이미 알고있는 것을 잘 알고 있어야합니다..

유니버설 아카이브

압축 파일을 처리 할 수있는 PHP 라이브러리 인 UnifiedArchive는 다음과 같은 다양한 형식을 지원합니다. RAR, Zip, Gzip, Tar, 및 기타 많은 압축 유형이 있습니다. 이 라이브러리를 사용하면 파일이나 디렉토리를 아카이브하고 추출 할 수 있습니다. 그것은 파일 조작을위한 소수의 API 아카이브에서 압축이 풀린 후 통합 아카이브는 작성자 패키지로 제공됩니다..

Github Learning Lab

Github은 방금 발표 한 Gitub에서 주로 Git을 다루는 무료 코스. 현재 5 개의 과목이 있습니다. Github 사용법 코드 호스팅, Github 페이지 사용 방법 프로젝트에 대한 무료 사이트 또는 블로그를 얻는 방법과 프로젝트에서 많은 개발자와 작업 할 때 일반적으로 발생하는 병합 충돌을 관리하는 방법.

WordPress UnitTest DOM 파서

Takayuki Miyauchi의 멋진 팁 WordPress 응용 프로그램에서 UnitTest를 수행 할 때 DOMElement 테스트. 나는 개인적으로 이것이 정말 유용하다는 것을 알았다. 당신이 그것을 똑같이 찾길 바란다..

팝 모션

웹에서 버터 같은 부드러운 애니메이션을위한 JavaScript 라이브러리, “팝 모션” Physics라는 API를 제공하여 거의 실생활에 가까운 애니메이션 효과로 만들 수 있습니다. 그것은 소외되지 않았다. 간단하게 도서관 특정 구성 세트를 기반으로 값을 출력합니다.. 이를 통해 CSS, SVG, Three.js 및 심지어 React.js를 비롯한 모든 매체에 애니메이션 효과를 적용 할 수 있습니다..

Driver.js

자바 스크립트 라이브러리로 “드라이브” 페이지에 사용자 초점. 특정 기능을 소개하거나 페이지의 특정 작업을 안내하려는 경우 특히 유용합니다. Driver.js는 정당합니다. 크기가 4KB이고 사용자 정의 가능하며 키보드에 친숙합니다..

애니메이션 GIF를 비디오로 바꾸기

GIF는 멋진 곳으로 돌아온 후에 어디 에나 있습니다. 그러나 GIF에 관한 문제는 그것이 대개 매우 거대하다는 것입니다. 대역폭 낭비이지만 그래픽 품질은 종종 끔찍합니다. 이 Google의 가이드 라인에 “비디오” GIF를 대체하여 애니메이션 그래픽을 표시 할 수 있습니다..

텍스트 마스크

자바 스크립트 라이브러리 특별한 서식을 요구하는 텍스트를 변환한다. 전화 번호, 통화 또는 신용 카드 번호와 같은 사용자가 입력하는 동안 텍스트가 자동으로 적절한 형식으로 변환되어 사용자 환경을 개선합니다. 텍스트 마스크 React, Vue 또는 일반 자바 스크립트와 함께 사용할 수 있습니다..

모바일 사이트 속도 비교

이것은 Google의 또 다른 편리한 도구입니다. 이 도구를 사용하면 모바일에서로드 할 때 웹 사이트의 속도를 확인하십시오. 웹 사이트로드가 느려지는 경우 총 수익 손실을 예측할 수 있습니다. 너는 할 수있다. 국가와 속도를 선택하십시오. 그 중 귀하의 웹 사이트는.

VueNut

Vue.js와 Vuex로 웹 애플리케이션을 개발할 때 개발 동반자 인 VueNut이 만들었습니다. 저장된 데이터 상태를 쉽게 탐색 할 수 있습니다. 개발 중에 데이터를 쉽게 조작 할 수 있습니다. 좋은 것!

FoundationDB

최근 애플은 Github에서 FoundationDB 오픈 소스를 만들었습니다. 그것은 키 - 값 쌍 데이터베이스 시스템 확장 성 및 성능을 보장합니다. 대기업의 제품을 공개 소스로 사용하기 시작한 것은 멋지다..

StoryBooks

StoryBooks는 고립 된 React 구성 요소 만들기. 브라우저에 UI를 제공하여 각 구성 요소의 다양한 상태뿐만 아니라 구성 요소 테스트.

고스트 텍스트

브라우저 확장 브라우저에서 작성한 내용을 텍스트 편집기에 동기화하십시오. 혹은 그 반대로도. 코드 편집기의 편리함과 기능으로 웹 사이트에 글을 쓰고 싶다면 궁극적으로 유용하다고 생각했습니다. GhostText는 Chrome, Firefox 및 Opera에서 사용할 수 있습니다..

코알라

코알라는 사용 된 언어에 관계없이 linting 및 fix 코드를위한 인터페이스를 제공하는 CLI. Coala를 코드 편집기에서 사용하고, CI (Continuous Integration)와 통합하고, 다음과 같은 구성 구문으로 사용자 정의 할 수 있습니다. .코필. Coala는 CSS, JavaScript, PHP와 같은 많은 언어를 지원하며이 디렉토리에서 더 많은 것을 찾을 수 있습니다..

반응 스트랩

ReactStrap은 재사용 가능한 React 구성 요소로 변환 된 Bootstrap 4 구성 요소 모음입니다. 오래된 Bootstrap 기반 웹 사이트를 현대화하고 싶다면이 라이브러리는 조사하고 싶은 부분 일 것입니다.

리 액토

Reacto와 관련된 또 다른 도구 인 Reacto는 IDE를 전자 위에 구현하고 ReactJS로 웹 애플리케이션을 개발하도록 설계했습니다.. 개발 기본이 ReactJS를 중심으로 이루어지면 정말 편리합니다..

PicoJS

자바 스크립트 라이브러리 얼굴 인식을 가능하게한다.. 스틸 사진 또는 통합 카메라에서 작동합니다. 지난 몇 년 동안 웹 기술이 어떻게 진화했는지 정말 매력적입니다..