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

다른 산업과 달리 웹 개발은 도약과 경계로 변화하고 있습니다. 거의 매일 새로운 방식으로 개발 된 새로운 도구, 방법 및 프레임 워크가 있습니다. 새로운 동향 및 기술 발전 웹 업계에서.

PHP 프레임 워크를 포함한 최신 도구 및 리소스 목록은 다음과 같습니다. PHP 애플리케이션을위한 E2E 테스트, W3C 접근성 표준을 준수하는 색상을 생성하는 도구 및 소수의 Vue.js 확장 기능을 제공합니다. 전체 목록을 보러 갑시다..

키 프레임 앱

웹 기반 응용 프로그램 멋진 GUI를 제공하여 CSS 애니메이션 작성 타임 라인으로 애니메이션을 시각화 할 수 있습니다. 이 앱을 사용하면 만족 스러울 때 CSS 출력을 다운로드 할 수도 있습니다. CSS 키 프레임은 CSS에서 가장 쉬운 사양이 아니므로 이와 같은 앱을 사용하면 분명히 시간 절약자가 될 것입니다..

Symfony Panther

“Symfony Panther” Symfony에서 E2E (End-to-End) 테스트를 수행하는 놀라운 PHP 프레임 워크입니다. 그것은 그것의 내장 웹 서버 컴퓨터에 설치된 Chrome을 활용하여 E2E 테스트를 수행 할 수 있습니다..

또한, 자바 스크립트 실행, 스크린 샷 캡처, 맞춤 Selenium 드라이버, Chrome 및 Firefox 클라이언트. 독립적 인 프레임 워크이기 때문에 Panther를 WordPress, Joomla 등과 같은 PHP 프로젝트에 포함시킬 수 있습니다..

트렌디 팔레트

아름 다운 색상 팔레트의 컬렉션입니다. 컬렉션은 수천 가지를 제공합니다. 직접 고른 컬러 팔레트. 사용자는 새로운 색상 표를 제출할 수 있으므로 항상 새로운 색상 표가 추가됩니다. TrendyPalettes는 Chrome 확장 프로그램으로도 사용할 수 있습니다..

Eagle.js

Eagle.js는 Vue.js 위에 만들어진 슬라이드를 만드는 프레임 워크이므로 슬라이드 내에서 사용자 정의 Vue.js 구성 요소를 쉽게 다시 사용할 수 있습니다. 슬라이드는 또한 키보드 및 마우스 탐색, 사용자 정의 스타일링 또는 테마, 대화식 위젯을 제공하고 슬라이드를 신속하게 설정하고 제시하는 데 도움이되는 상용구를 제공합니다. 그것은 위대 할 수있다. Reveal.js의 대안, 특히 Vue.js에 이미 익숙하다면.

Grape.js

GrapeJS는 오픈 소스 웹 빌더로, 웹 페이지를 간단하게 작성할 수 있습니다. 구성 요소 드래그 앤 드롭. 그것은 Text, Image, Vidoe, Columns, Map, Quote 등과 같은 일반적인 구성 요소를 제공합니다. HTML 및 CSS로 내보낼 수 있으며, 이전에 시도했던 유사한 도구와는 달리 출력이 놀랍도록 깔끔합니다. 데모보기.

맛없는

Vapid는 흥미롭고 독특한 접근 방식으로 Node.js로 구축 된 새로운 CMS입니다. 대부분의 CMS는 새로운 유형의 데이터를 포함하려는 경우 Dashboard / Admin 영역에서 사용자 정의 입력을 먼저 정의해야합니다.

Vapid를 사용하면 템플릿을 정의 할 수있는 것과 반대가되며 Vapid는 Dashboard / Admin 영역에 입력을 자동으로 생성합니다. NPM 패키지로 제공됩니다..

WP CLI 알림

이름은 그것을 모두 말한다. WP-CLI가 이미 실행 완료되면 OS 알림을 표시하는 사용자 정의 WP-CLI 패키지입니다. 아주 멋진.

CSSGr.id

CSS Grid를 작성하는 웹 기반 응용 프로그램입니다. 항목 수, 열 수, 각 항목 사이의 간격 및 각 항목 범위를 구성한 다음 HTML 및 CSS 코드를 생성 할 수 있습니다. CSS Grid는 이해하기 쉽지 않은 CSS 사양 중 하나입니다. 그러나이 도구를 사용하면 처리하기가 훨씬 쉬워집니다..

스크롤 힌트

ScrollHint는 웹 페이지의 섹션을 스크롤 할 수 있음을 보여주기 위해 맨 위에 요소를 만들 수있는 JavaScript 라이브러리입니다. 웹을 사용할 때 대부분의 사람들이 자연스럽게 왼쪽에서 오른쪽으로 또는 그 반대로 스크롤되지 않으므로 웹 페이지에 가로 스크롤 요소가있는 경우 특히 유용합니다.

PristineJS

입력에 유효성 검사를 추가하는 JavaScript 라이브러리. HTML5는 이미 유형 확인과 함께 제공됩니다. “type = email”, 과 “type = number” 예를 들면. 하지만 네가 필요하면 HTML5에 구현되지 않은 맞춤 발매자, 이 자바 스크립트 라이브러리가 유용 할 것입니다..

SelectionJS

대부분의 사람들은 컴퓨터에서 여러 폴더 나 파일을 선택하는 방법에 대해 이미 잘 알고있을 것입니다. 일반적으로 마우스 클릭을 누른 상태로 선택하려는 파일이나 폴더로 드래그합니다. 웹 사이트에 동일한 UX를 적용하려면 SelectionJS가 유용 할 것입니다.

Webdash

Webdash는 프로젝트를 GUI 인터페이스에 표시하십시오.. 그것은 package.json 파일을 컴퓨터에 저장하십시오. 그래서 그것의 목록을 표시 할 수 있습니다 NPM 패키지, 패키지 업데이트, 등록 된 스크립트 업데이트, 스크립트 실행, README 파일을 Webdash에서 바로 미리 볼 수 있습니다. 꽤 멋져!

CanJS

웹 인터페이스를 구축하는 JavaScript 프레임 워크. React.js와 유사한 몇 가지 추가 기능이 있으며 라우터, DOM 유틸리티 및 AJAX 기능을 즉시 사용할 수 있습니다.. 또한 꽤 적극적인 커뮤니티 지원을 통해 확장 기능을 제공합니다..

CheerioJS

DOM (Document Object Model) 용 jQuery Core 사양을 구현하고 서버 측에서 사용하도록 설계된 JavaScript 라이브러리. 너라면 Node.js로 작업하면서 jQuery 문법을 사용한다. 처럼 addClass (), attr (), 과 발견(), 이것이 당신이 찾고있는 JavaScript입니다..

Colorbox

Colorbox는 색상 Accessiblity 표준을 준수하는 색상 구성을 생성하는 Lyft 이니셔티브입니다. 이 도구는 영리한 알고리즘으로 구동되므로 간단하게 손잡이 주위를 움직여 구성을 변경하십시오., 그러면 적절한 색상이 생성됩니다. 놀랍습니다..

PHP 7.4의 유형이 지정된 속성

이전 기사에서 언급했듯이 PHP7.3이 곧 등장 할 것입니다. 그러나 PHP7.4는 이미 계획에 포함되어 있습니다. 계획 중 하나는 Typed Property입니다. 즉, 곧 같이 쓴다. public int $ id; PHP 클래스에서. PHP 애플리케이션 버그를 줄이는 데 크게 도움이 될 수있는 커다란 변화입니다..

원판

최신 표준으로 웹 구성 요소를 쉽게 만들 수있는 JavaScript 컴파일러입니다. 또한 StencilJS는 최신 웹 개발 접근법을 JSX 지원, 반응성, 라우터 및 상태 관리 플러그인 사용.

Vue 무한로드

무한 스크롤 페이지를 만드는 Vue 확장. 모바일 친화적이며 스크롤 가능한 요소와 호환 가능. 또한 두 가지 스크롤 방향을 지원하며 무엇보다도 가장 많은 시간을 절약 할 수 있습니다..

V 클립 보드

그렇게 만드는 맞춤 Vue.js 확장 프로그램 쉬운 만들기 “부” 단추. 당신은 단순히 v- 클립 보드 속성을 버튼에 추가하면 모든 설정이 완료됩니다. 이 Vue.js 확장은 모든 최신 브라우저뿐만 아니라 IE11 및 최신 버전에서도 작동합니다..

Vue Select

Select2와 유사한 기능을 제공하는 Vue.js 구성 요소. Vue.js를 위해 설계되었습니다. Vuex, 사용자 정의 템플리트와 호환 가능, 그리고 다른 Vue.js의 선량의 송이.