vs2017web开发_Web设计人员和开发人员的新鲜资源（2017年12月）

如今，“无头CMS”越来越受到关注。 简而言之，“无头CMS”不涉及前端。 CMS 通常仅以RESTful API的形式公开内容，而开发人员可以使用他们喜欢的任何方式来呈现内容。 随着这种做法的日益普及， 出现了新的框架来快速建立并运行它 。

因此，在本综述中，我将其中的一些框架与其他一些值得一试的有用工具组合在一起。

这是一个WordPress入门主题，但与其他主题不同，该入门主题利用WP-API获取内容，然后使用Node和React 将其呈现为静态HTML ，使您的网站“无头”。

VueStoreFront是另一个“无头CMS”框架。 VueStoreFront建立在Vue.js和Node之上，并通过API为诸如Magento，Prestashop和Shopware之类的电子商务平台而设计。 它还结合了PWA方法， 该方法允许站点可以脱机使用 。

Gatsby是使用React.js构建的站点静态生成器 。 您可以将CMS与WordPress，Markdown，JSON等API配合使用来提供内容。 同样，它利用了Node，PWA和React等一些最新技术，这些技术可以使其快速加载 。

DustPress是采用现代开发方法的WordPress入门主题 。 利用Dust.js模板语言，DustPress将HTML模板布局与PHP逻辑分开，从而使开发人员可以生成更简洁的代码。 它还使开发更快，更可维护，并使主题具有组织结构 。

Visual Studio Code已Swift成为最受欢迎的代码编辑器之一。 它是轻量级的，具有许多插件，现在可以选择不同的图标 。 如果您觉得默认的Visual Studio Code图标很无聊，请切换到这些图标中的任何一个。

TailWindCSS是另一个CSS框架。 但这与流行CSS框架（如Bootstrap和Foundation）有所不同，因为它不提供UI组件。 相反， TailWindCSS带有CSS小类，可让您组成自己的UI 。

我正在试验Docker，想知道如何将域名路由到一台机器上的多个不同容器中。 然后我找到了Traefik，这是现代的HTTP反向代理和负载均衡器 。 除了Docker外，它还支持其他服务，例如Kubernetes，Rancher和Amazon Elastic Container。

CubeUI建立在Vue.js之上，是构建移动应用程序的绝佳UI组件 。 由许多组件组成，例如Button，Popup，TimePicker，Slide和Checkbox。 每个组件都配有一个TestUnit，以确保持续集成并最大程度地减少每个组件上的错误 。

Air是最小的WordPress入门主题。 扩展_s ，Air添加了一些其他组件，例如Slides，Sticky导航栏和WooCommerce-ready 。

EmptyStates是Web和移动应用程序上的空状态页面的集合，以激发灵感。 空状态页面是经常被忽略的页面类型。

该网站提供了开发人员和设计师使用的流行应用程序和工具的快捷方式的集合 。 在这里，您将找到Sketch，Photoshop，InDesign，Sublime Text，WordPress等快捷方式。 该列表当前仅包含macOS的快捷方式 ，但是很高兴看到也添加了Windows快捷方式。

Uppy是一个JavaScript框架，用于构建文件上传接口 。 使用Uppy，您不仅可以从本地驱动器检索文件，还可以从外部存储服务（例如Google Drive，Dropbox，Instagram和其他服务）检索文件。 它轻巧，模块化，并且可以通过自定义插件扩展 。

VuetifyJS是John Leider的一项倡议，旨在围绕Vue.js构建Material Design 。 Google在MDL或Material Design Lite方面也采取了类似的举措，但它似乎并没有在社区中引起足够的重视，并且在最近几个月中，进展似乎确实很缓慢 。 因此，如果您正在寻找替代方案，则VuetifyJS可能是正确的选择。

WP Ulike是一个WordPress插件，可以在内置WordPress帖子类型，自定义帖子类型，bbPress和BuddyPress中为您的内容添加“赞” 。 它还具有其他一些很酷的功能，例如通知系统，分析和小部件 ，使它成为WordPress网站上最引人注目的“赞”系统之一。

Vee Validate是一个JavaScript库，用于添加带有内置验证的输入字段 。 它支持多种类型的输入，例如电子邮件，数字，日期，URL，IP地址等。

另一个方便的Vue.js插件。 VueDataTables是一个简单的插件，可使用Vue.js构建可自定义和可分页的表 。 该插件在构建时考虑了规模，可以完美呈现表格上的大量数据。 它还附带了一些额外的组件，例如Pagination，Searchbox和Filter，可以为您的表加电 。

Googler是一个CLI，可让您通过命令行在Google中执行搜索 。 与界面类似，它还将检索标题，描述，URL和分页。 它是macOS和Linux高级用户的便捷工具。

Bolt是使用PHP构建的CMS。 它设置快速，使用Twig作为其模板引擎，完全支持PHP7，易于通过简单的YAML文件进行自定义 。 总的来说，这对我来说看起来很有趣。 只要有机会，我都会花一些时间进一步探索它。

Teletype是Atom Editor的一项新举措。 这项新功能使您可以与同行协作编写代码 。 要使用它，您需要安装官方的Teletype插件。

Plyr（发音为Player）是一个只有10kb大小的现代媒体播放器库 。 使用此工具，您可以自定义HTML视频和音频播放器，Youtube和Vimeo以及实时流媒体。 它正在积极开发中， 将添加更多计划中的功能，包括对Wistia和Facebook嵌入式视频的支持 。

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-12-2017/