前端快来!2017年12月超实用前端干货大合集!

恰年 网页设计 2017-12-14 22:37:35 327
摘要:越来越多这种模块化的、功能化的框架开始出现,服务于前端和开发者。今天的前端干货大合集当中,就包含了不少这样的工具和素材,希望你能喜欢。

说起来,最近「无头CMS」倒是挺火的,简而言之,这就是「不涉及前端的内容管理系统」,CMS以类似RESTful API 的形式公开内容,而开发者则可以以他们所喜欢的任何内容形式来呈现其中的内容。越来越多这种模块化的、功能化的框架开始出现,服务于前端和开发者。今天的前端干货大合集当中,就包含了不少这样的工具和素材,希望你能喜欢。

Headless WP Starter

这是一个Wordpress 入门主题,不同于其他的出题,这个主题利用WP-API来获取内容,然后借用Node 和 React 将其呈现为静态HTML,让你的网站可以「无头」呈现。

VueStoreFront

VueStoreFront 是另外一个「无头CMS」框架,它是建立在Vue.js 和 Node 基础上的。VueStoreFront 是为诸如 Magento、Prestashop 和 Shopware 这样的电商平台而构建的,结合PWA,它还可以让网站可以离线使用。

GatsbyJS

Gatsby 是一个基于 React.js 所构建的静态网站生成器。你可以通过API 将它和的CMS系统结合起来使用,比如Wordpress、Markdown、JSON等等。同时,它也使用了一些最新的技术,比如Node,PWA和React,它们让加载速度有了明显的提升。

DustPress

DustPress 是一个采用了更为现代开发方法的Wordpress 主题。借助 Dust.js ,DustPress 将HTML模板布局从PHP逻辑中分离出来,使得开发者可以生成更为简洁的代码,提升开发速度,更易于维护。

VSCode Icons

Visual Studio Code 已经成为目前最流行的代码编辑器之一,它足够轻量级,插件众多,还有许多可供选择的图标。如果你觉得默认的VSCode 的图标很无聊的话,这套图标是不错的选择。

TailWindCSS

TailWindCSS 是另外一个CSS框架,不过不同于流行的CSS框架,它不提供UI组件,TailWindCSS之包含了一小段CSS类,供你编写属于自己的UI界面。

Traefik

Traefik 是一个颇为现代的 HTTP 反向代理和负载平衡器,除了支持 Docker 之外,它还支持诸如 Kubernetes、Rancher 和 Amazon Elastic Container 等服务。

CubeUI

CubeUI 是在 Vue.js 的基础上构建起来,它是一套用于移动端的梦幻般的UI组件,包含各种常见的控件。每个组件都有相应的测试单元,最大限度地降低潜藏的错误。

Air

Air 是一款极简的 WordPress 主题,通过 _s 这个主题增加了一些额外的组件,比如轮播图和悬浮导航等。

EmptyStates

EmptyStates 是一款网页和移动端常见空状态页面的合集,用来给设计师获取灵感。

Shortcut Design

这个网站提供了常见的设计师和前端所用软件的快捷键合集,包括 Sketch、Photoshop、InDesign、Sublime Text、WordPress 等工具。目前这套合集当中的快捷键主要是针对macOS 平台的,Windows 会随后加入进去。

Uppy

Uppy 是一款用来构建上传界面的JS框架,借助Uppy ,你不仅可以从本地磁盘检索文件,还能从外部存储服务(类似 Google Drive 、Dropbox 甚至 Instagram )检索文件。它足够轻量级,模块化,还具有不错的扩展性。

VuetifyJS

VuetifyJS 是基于 Vue.js 来构建 Material design 风格组件这种思路诞生的工具。虽然Google 拥有 MDL 和 Material Design Lite 这样类似的工具,但是在社区中并没有足够的吸引力,而 VuetifyJS 能成为不错的替代品。

WP ULike

WP Ulike 是一个Wordpress 插件,为其添加点赞按钮。无论是自定义的页面,还是bbPress或者 BuddyPress 也都支持。它还内置了一些其他很酷的功能,比如通知系统,分析的小控件,它可以成为你的Wordpress 站点中最引人瞩目的组件。

Vee Validate

Vee Validate 是一款 JavaScript 库,可以帮你添加内置验证的输入字段,它支持多种类型的输入格式,包括电子邮件,电话号码,日期,URL 和 IP地址等。

Vue Data Tables

这是另外一款颇为方便的Vue.js 插件。VueDataTables 可以在 Vue.js 中构建自定义分页表单。它可以在桌面端无缝地渲染出海量的数据,它还会附带一些额外的组件帮你驱动表单那、分页、搜索框和过滤器。

Googler

Googler 是一款 CLI,允许你通过命令行在Google 中进行搜索,和同类搜索工具相似,能够通过定制检索标题、描述、URL 和分页进行更详细的筛选。它适宜于macOS 和 Linux 深度用户。

Bolt CMS

Bolt 是一款使用 PHP 搭建的内容管理系统。它设置有快捷键体系,使用Twig 作为模板引擎,完全支持 PHP7,易于通过检点的 TAML 文件进行定制。

Teletype

Teletype 是一款源自于 Atom 编辑器的新功能。它能让你和你的同僚协同编写代码,而你所需要做的就是下载安装最新的 Teletype 插件。

Plyr

Plyr 是一款现代的媒体播放器,大小只有10kb,借助他你可以自定义 HTML 音频和视频播放器,控制Youtube和 Vimeo 等实时流媒体服务。


版权声明

本文仅代表作者观点,不代表本站立场。

本文系作者授权本站发表,未经许可,不得转载。

相关推荐
优能自媒体系统采用独家首创的广告赞助模式,不仅适合于个人自媒体的广告投放,更加适合于团队自媒体人集体创作。仅需999元即可享受终生授权!远非市面上其他模板网站所能比拟。优能自媒体用过才说好!
优能cms 刚刚 优能广告
作为设计师,利用设计工具化可以帮助我们节省因重复设计产生的工作时间,实现从设计支撑到设计驱动的价值转化。让我们更专注于用户体验和对产品的创新,并且把自己带到更高的视野,经过全链路实践,提高自身专业影响力和核心竞争力,从而完成设计新时代的进阶之路。
恰年 2017-12-30 815 组件化设计 
  虽然有很多优秀网站可以借鉴,但是设计一个出色的网页并不是一件容易的事。尤其对于专业从事网站设计的设计师来说,更是如此,在日复一日不间断的网站设计面前,不仅已经审美疲劳而且已经创意枯竭。可是由于现在网站都做的很漂亮,用户的审美也变的挑剔起来,如何做出富有新意且让用户满意的网站,是一个不小的挑战。
恰年 2017-12-30 726 网站设计 
看看这些体育俱乐部网站的设计理念获得灵感!这些体育俱乐部网站可以应用于任何体育相关的网站,从足球,篮球,健身,瑜伽等等。
恰年 2017-12-25 926 网页设计 
作为一名优秀的设计狗,要是没有十个八个设计素材网站,或者哪个素材网站的会员,都不好意思说自己是从事设计行业的。
恰年 2017-12-24 872 网站设计 
在各种UI表单当中,错误信息的呈现形式常常存在一些潜在问题,有些产品甚至直接忽略了报错信息。报错信息的设计不当有很多不同的呈现形式,不过大多数都表现为在错误的时候提醒,或者包含有误导性的信息。
恰年 2017-12-23 693 UI报错信息 
文章排行
  • 日榜
  • 月榜