웹 디자이너 및 개발자를위한 새로운 리소스 (2017 년 7 월)
이번 달에 우리는 위대한 자바 스크립트 라이브러리와 WordPress에서 GraphQL을 사용하기위한 플러그인, CSV 데이터를 렌더링하는 데스크톱 애플리케이션 및 몇 가지 웹 사이트를 제공합니다. 프레임 워크. 그들을 체크하자..
영웅 패턴
컬렉션 SVG로 만든 반복 가능한 패턴 웹 사이트에서 배경으로 사용할 수 있습니다. 이 사이트에는 다음과 같은 편리한 설정이 있습니다. 패턴의 색상과 불투명도를 사용자 정의합니다. CSS에 코드를 복사하여 붙여 넣기 만하면됩니다..
TestCafe
TestCafe는 종단 간 (e2e) 테스트 툴 실제 사용자가 웹 사이트 및 웹 앱을 사용하고있는 것처럼 웹 사이트 및 웹 앱을 테스트 할 수 있습니다. 테스트를 수행 할 때 여러 가지를 자동화합니다. 브라우저 시작, 지정된 테스트 단위 실행, 보고서 생성, 에러를 쉽게 해결할 수있는 스크린 샷과 소스 맵.
SugarJS
SugarJS는 객체, 배열 및 날짜 조작 더 좋고 읽기 쉬운 문법으로 라이브러리에는 또한 몇 가지 유틸리티 기능이 있습니다 (예 :, .escapeHTML ()
어느 것이 HTML 요소를 Entity 형식으로 변환합니다..
MS
편리한 자바 스크립트 라이브러리 시간, 숫자 및 일반 문자열을 밀리 초로 설정. ms ( '2 일')
, 예를 들어, 172800000
.
pa11y
도움을주는 훌륭한 도구 모음 웹 사이트의 접근성 향상 및 웹 응용 프로그램. pa11y는 접근성 문제가있는 웹 페이지를 테스트하기위한 CLI, 오류 및 경고의 생성 된 보고서를 표시하는 대시 보드, Codeship 또는 Travis와 같은 CI 도구 용으로 특별히 설계된 CLI.
깃털 아이콘
에이 현대 분위기와 아이콘 모음. 이 아이콘은 모든 플랫폼 (iOS, Windows 또는 Ubuntu) 용으로 설계된 웹 사이트 및 앱에 가장 적합합니다. 아이콘이 들어온다. SVG 및 React 및 Angular 구성 요소.
비행편
반응 모듈 애플리케이션에 애니메이션 컴포지션 만들기. 이 라이브러리는 스케치 원리 (Principle for Sketch)에서 영감을 얻었습니다. UI 구성 요소에 상호 작용 기능 추가 쉽고 빠르게.
바운스
도서관 ~ 바운스 효과가있는 애니메이션 만들기. 애니메이션은 CSS3 및 미리 설정된 애니메이션으로 제공됩니다. npm, bower 또는를 통해 JavaScript 라이브러리를 설치할 수 있습니다. CSS 애니메이션 복사하기 웹 사이트에서 생성 된.
보글 러
Bojler는 HTML 코드 작성 가이드 라인이 포함 된 전자 메일 프레임 워크 가장 인기있는 이메일 클라이언트에서 제대로 렌더링됩니다. 이전 게시물에서 더 많은 이메일 프레임 워크를 찾을 수 있습니다..
데비 콘
컬렉션 프로그래밍 언어, 디자인 및 개발 도구의 아이콘. 아이콘은 SVG 및 글꼴 형식으로 사용할 수 있습니다. 어떤 특별한 Firefox, AWS 및 HTML5와 같은 아이콘에도 상세한 변형이 있습니다.. 꽤 멋진 권리?
지금 UI 킷
부트 스트랩 4를 기반으로하는 콜렉션 응답 인터페이스. 50 가지 요소와 3 가지 맞춤 템플릿 기능. HTML 버전 외에도 UI는 PSD 및 스케치 형식으로도 제공됩니다..
티 스크롤
T-Scroll은 애니메이션 적용을위한 JavaScript 라이브러리 요소가 뷰포트에 표시되는 경우. 몇 가지 옵션과 미리 설정된 애니메이션이 장착되어 있습니다..
Ory Editor
ORY는 현대적이고 접근하기 쉬운 웹 편집기입니다. ORY 편집기는 다음과 같습니다. 반응 및 플럭스 위에 구축. 사용자가 컨텐츠를 편집하고 즉시 결과를 볼 수있게함으로써 편집이 쉬워집니다. HTML이나 Markdown과 같은 특별한 구문을 알 필요없이.
TadViewer
TadViewer는 편리합니다. CSV를 볼 수있는 데스크톱 앱 대용량 데이터 및 파일에서 작동합니다. 이 응용 프로그램은 macOS, Windows 및 Linux에서 사용할 수 있습니다..
부드러운 스크롤 Polyfill
부드러운 스크롤은보다 즐거운 사용자 경험을 제공하는 것으로 입증되었습니다. 현재 W3C에서 공식 제안 및 초안이 작성되었습니다. 현재 Chrome, Firefox 및 Opera에서만 작동합니다. 이 라이브러리를 사용하여 Internet Explorer 및 Safari에서 부드러운 스크롤 동작을 에뮬레이트합니다..
더 타이 없다
자바 스크립트 라이브러리 알림을 표시하기위한, Noty를 사용하면 Alart, Success, Error, Warning, Information 또는 대화 상자 메시지를 쉽게 표시 할 수 있습니다. mo.js 및 bounce.js와 같은 애니메이션 라이브러리와 함께 사용할 수 있습니다. 알림 슬라이드를 정상적으로 안팎으로 보이게하기.
홉 스코치
홉 스코프는 LinkedIn에 의해 인스턴스화 된 오픈 소스 프로젝트. 개발자가 제품 둘러보기를 쉽게 추가 할 수있게 해주는 프레임 워크입니다. 실제 예제와 API에 대한 데모를 확인하십시오..
설문 조사
SurveyJS는 또 다른 멋진 JavaScript 라이브러리입니다. 이름에서 알 수 있듯이 설문 조사 입력을 만들도록 설계된. 설문 조사 응답을 채우기 위해 다양한 입력 유형이 있으며 또한 널리 사용되는 몇 가지 JavaScript 프레임 워크로 포팅되었습니다. AngularJS, VueJS 및 React를 포함한.
WP GraphQL
GraphQL이 증가하고 있으며 REST 아키텍처를 대체 할 강력한 경쟁자 거의 모든 웹 API를 지원합니다. 이 플러그인을 사용하면 GraphQL로 WordPress 콘텐츠 검색. REST와 GraphQL이 어떻게 다른지에 대한 훌륭한 참고 자료입니다..
모나코 편집자
모나코 에디터는 비주얼 코드 편집기. Microsoft에서 개발했으며 HTML, CSS, LESS, CoffeeScript 및 PHP와 같은 여러 언어를 즉시 지원합니다. Intellisense를 사용하면 코드를 더 빨리 작성할 수 있습니다..