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

“헤드리스 CMS” 요즘 많은 주목을 받고 있습니다. 간단히 말해서, “헤드리스 CMS” 프론트 엔드를 다루지 않는다. CMS 만 내용을 노출합니다. 보통 RESTful API의 형태로 개발자는 콘텐츠를 렌더링하는 데 선호하는 것을 사용할 수 있습니다. 이 연습의 인기가 높아짐에 따라, 새로운 프레임 워크가 설정되어 빠르게 실행됩니다..

그래서 이번 라운드에서는 몇 가지 유용한 프레임 워크를 함께 살펴 보았습니다..

헤드리스 WP 시동기

이것은 WordPress 스타터 테마이지만 다른 것들과 달리이 스타터 테마는 콘텐츠를 가져 와서 정적 HTML로 렌더링하는 WP-API 노드와 반응을 사용하여 웹 사이트 만들기 “목이 없는”.

VueStoreFront

VueStoreFront는 또 다른 것입니다. “헤드리스 CMS” 뼈대. Vue.js 및 노드 위에 구축, VueStoreFront는 API를 통해 Magento, Prestashop 및 Shopware와 같은 전자 상거래 플랫폼 용으로 설계되었습니다. 또한 PWA 방식을 채택하고 있습니다. 사이트를 사용할 수있게한다. 오프라인.

개츠비즈

개츠비는 사이트 정적 생성기 React.js로 제작되었습니다. WordPress, Markdown, JSON과 같은 API가있는 CMS를 사용하여 콘텐츠를 피드 할 수 있습니다. 마찬가지로 최근의 일부 기술을 활용합니다. Node, PWA 및 React를 사용하여 매우 빠르게로드 할 수 있습니다..

더스트 프레스

더스트 프레스는 현대 개발 접근법과 WordPress 스타터 테마. DustPress는 Dust.js 템플릿 언어를 활용하여 HTML 템플릿 레이아웃과 PHP 로직을 분리하여 개발자가보다 깨끗한 코드를 생성 할 수 있도록합니다. 그것은 또한 개발 속도가 빠르고 유지 보수가 용이하며 주제가 조직화 된 구조로 제공됩니다..

VSCode 아이콘

Visual Studio 코드는 빠르게 인기있는 코드 편집기 중 하나가되었습니다. 그것은 가볍고 플러그인이 풍부하며 이제는 다양한 아이콘을 선택할 수 있습니다.. 기본 Visual Studio Code 아이콘이 지루하다고 생각되면이 아이콘으로 전환하십시오..

TailWindCSS

TailWindCSS는 또 다른 CSS 프레임 워크입니다. 그러나 이것은 Bootstrap과 Foundation 같은 대중적인 CSS 프레임 워크와는 UI 구성 요소를 제공하지 않는다는 점에서 다릅니다. 대신, TailWindCSS는 자신 만의 UI를 구성 할 수있는 작은 CSS 클래스를 제공합니다..

Traefik

Docker를 실험 중이었고 도메인 이름을 단일 컴퓨터에서 여러 컨테이너로 라우팅하는 방법에 대해 궁금해했습니다. 그런 다음 Traefik을 발견했습니다. 최신 HTTP 리버스 프록시 및로드 밸런서. Docker 외에도 Kubernetes, Rancher 및 Amazon Elastic Container와 같은 다른 서비스도 지원합니다..

CubeUI

Vue.js 위에 구축 된 CubeUI는 모바일 앱 제작을위한 환상적인 UI 구성 요소. Button, Popup, TimePicker, Slide 및 Checkbox와 같은 많은 구성 요소로 구성됩니다. 각 구성 요소는 TestUnit으로 꾸며져 지속적인 통합을 보장하며 각 구성 요소의 버그 최소화.

공기

Air는 최소한의 WordPress 스타터 테마입니다. _s를 확장하면 Air는 다음과 같은 몇 가지 추가 구성 요소를 추가합니다. 슬라이드, 스티키 네비게이션 바, WooCommerce-ready.

EmptyStates

EmptyStates는 웹 및 모바일 앱의 빈 상태 페이지 모음 영감을 얻으려고. 빈 상태 페이지는 종종 간과되는 페이지의 종류입니다..

바로 가기 디자인

이 웹 사이트는 인기있는 응용 프로그램의 바로 가기 모음 개발자와 디자이너가 사용하는 도구가 포함됩니다. 여기서 Sketch, Photoshop, InDesign, Sublime Text, WordPress 등의 바로 가기를 찾을 수 있습니다. 그만큼 목록에는 현재 macOS 용 바로 가기 만 포함되어 있습니다., Windows 단축키도 추가되는 것을 볼 수 있으면 좋을 것입니다..

Uppy

Uppy는 자바 스크립트 프레임 워크는 파일 업로드 인터페이스를 구축. Uppy를 사용하면 로컬 드라이브뿐만 아니라 Google 드라이브, Dropbox, Instagram 및 기타 서비스와 같은 외부 저장 서비스에서도 파일을 검색 할 수 있습니다. 그 가볍고, 모듈화되어 있으며, 커스텀 플러그인으로 확장 가능.

VuetifyJS

VuetifyJS는 John Leider의 이니셔티브입니다. Vue.js 주변의 머티리얼 디자인 제작. Google은 MDL 또는 Material Design Lite와 비슷한 계획을 가지고 있지만 지역 사회와 지역 사회에서 충분한 견인력을 얻지 못하는 것 같습니다. 지난 몇 달 동안 개발이 진척 된 것처럼 보입니다.. 따라서 대안을 찾고 있다면 VuetifyJS가 올바른 선택 일 수 있습니다..

WP ULike

WP Ulike는 추가 할 WordPress 플러그인 “처럼” 귀하의 콘텐츠에 내장 된 WordPress 포스트 유형, 사용자 정의 포스트 유형 및 bbPress뿐만 아니라 BuddyPress에서도. 또한 다른 멋진 기능과 함께 제공됩니다. 알림 시스템, 분석 및 위젯 가장 매력있는 제품 중 하나입니다. “처럼” 귀하의 WordPress 사이트에 대한 시스템.

Vee Validate

Vee Validate는 유효성 검사가 내장 된 입력 필드 추가. 그것은 이메일, 번호, 날짜, URL, IP 주소 등과 같은 많은 유형의 입력을 지원합니다..

Vue 데이터 테이블

또 다른 편리한 Vue.js 플러그인. VueDataTables는 빌드하기위한 간단한 플러그인입니다. Vue.js로 사용자 정의 가능하고 페이징 가능한 테이블. 플러그인은 테이블에 대용량 데이터를 완벽하게 렌더링 할 수 있다는 점을 염두에두고 제작되었습니다. 함께 배송됩니다. 일부 추가 구성 요소는 페이지 매김, 검색 상자 및 필터와 같은 테이블 전원을 공급합니다..

Google 직원

Google 직원은 명령 줄을 통해 Google에서 검색을 수행 할 수있는 CLI. 인터페이스와 마찬가지로 제목, 설명, URL 및 페이지 매김도 검색합니다. MacOS 및 Linux 고급 사용자를위한 편리한 도구입니다..

볼트 CMS

Bolt는 PHP로 제작 된 CMS입니다. 그것은 빠른 설정, Twig를 템플릿 엔진으로 사용, PHP7을 완벽하게 지원하며 사용자 정의가 쉽습니다. 간단한 YAML 파일을 통해. 전반적으로 그것은 나에게 흥미로웠다. 나는 기회가있을 때마다 더 깊이 탐험 할 시간을 가지게 될 것입니다..

텔레타이프

Teletype은 Atom Editor의 새로운 이니셔티브입니다. 이 새로운 기능을 사용하면 동료와 함께 코드 작성에 협조. 그것을 사용하려면 공식 Teletype 플러그인을 설치해야합니다..

Plyr

Plyr (플레이어로 발음)는 크기가 단지 10kb 인 최신 미디어 플레이어 라이브러리. 이를 통해 HTML 비디오 및 오디오 플레이어 인 Youtube 및 Vimeo와 라이브 스트리밍 미디어를 사용자 정의 할 수 있습니다. 더 많은 계획을 가지고 적극적으로 개발 중입니다. Wistia 및 Facebook 임베디드 비디오에 대한 지원을 추가하는 기능.