当前位置:首页 >教程首页 > IT 学院 > WEB前端+全栈工程师班 >2020年2月前端开发者实用干货合集

2020年2月前端开发者实用干货合集

发布时间:2020-02-07 11:22:04

今天给大家来一波实用的设计和开发类的干货素材合集吧!这次的合集依然是更加偏重开发和前端同学的需求,有一些颇为有趣的桌面应用程序,一些非常方便的 Web 应用,以及一些实用性很强的 JavaScript 库。

UsesTech

这是一个面向看开发者、设计师、博客作者、Youtuber 和 播客主播的实用工具、软件合集。你可以根据工具的国家/地区、编程语言等进行排序和筛选。这是一套能找到灵感和建议的实用合集。

1.jpg

Plash

这是一个 macOS 平台的应用,它可以将任何网站设置成为你的桌面壁纸。你可以让网站的内容订阅和摘要作为背景显示,并且搭配一张漂亮的壁纸,也可以是一张 GIF 图片等等等等。

2.jpg

Alpine.js

Alpine.js 是一个非常小巧的 JavaScript 库,它可以向你的网站添加动态行为。使用 Alpine.js 可以非常便捷地将诸如 x-data、xbind、x-on 和 x-model 添加到你的现有的 HTML 标记当中,无需设置搭建环境和编译器。它可以很好的替代 React.js 和 Vue.js 所提供的方法。

3.jpg

Vivus

这是一个用来创建 SVG 格式动画的 JS 库,Vivus 非常易用,它提供了名为 Vivus Instant 的文件,便于你往其中上传 SVG 文件,生成 SVG 动画。

4.gif

GistPad

GistPad 是给 Visual Studio Code 所准备的拓展,它可以让你管理 Github Gist,最新版还包含一个 Playground 新功能,类似 CodePen.io 和 JSBin,因此你可以添加 HTML、CSS、JS ,并且可以在 Visual Studio Code 中立即看到结果。

5.gif

Shadows

这是一个可以生成多层阴影的便捷的 Web 应用,你可以决定要添加多少层,用什么颜色,搭配什么效果。然后,你可以将自动生成的CSS代码复制出来使用。

6.jpg

Responsive Breakpoints

顾名思义,这是一个可以帮你生成响应式断点的工具,他可以将图片处理成为最适合展示的尺寸。此外,它还提供了一些选项,让你可以在其中配置窗口大小范围,图片尺寸比例,生成 HTML 以显示图片。

7.jpg

Browserosaurus

这是一款可以往链接上添加包含选区的上下文菜单的 macOS 平台的应用。

8.jpg

massCode

这是一个可以用来管理代码片段的桌面级引用,它可以将编写好的代码片段和示例,整齐地分类。massCode 可以用于 Windows、macOS 和 Linux 三个平台。

9.jpg

XI-Editor

XI-Editor 是一款创建文本编辑器的准系统,它可以为开发者提供可靠、可拓展的服务,并且确保性能。它目前已经投放在 macOS 平台,以及带有 GTK+ 的 Linux 和 Windows 系统上。

10.jpg

React Contenteditable

React Contenteditable 为 React.js 提供一个可编辑组件的区域,你可以在这当中可以添加按钮、添加粗体、斜体和超链接,是你创建所见即所得的编辑器的理想基底。

11.jpg

Outline

这是一款有着足够现代功能的自托管 Wiki Web 应用,它是基于当下流行的 React.js、Node.js、Postgres、Redis等工具来建立,使用 AWS 来存储,并且整体外观也足够现代。你可以用它创建团队 Wiki,文档系统,会议记录以及着陆页。

12.jpg

Crater

Crater 是一款使用 PHP 构建的用户管理发票的 Web 应用,它不仅可以帮你创建发票,发布采购订单,还可以管理客户等。如果你想充分管理你的发票和数据,那么它是一个合理的选择。

13.jpg

Directus

Directus 是一款无头 CMS,让你可以为几乎任何类型的内容(新闻、用户信息、产品等)添加自定义的字段。你可以选择使用任何语言或者工具,通过 RESTful 或者 GraphQL 来调用 API中的内容。

14.jpg

Craft.js

Craft.js 是一个基于 React 框架、用来构建丰富内容的拖放式页面编辑器,它提供了基础的拖放式交互系统,并且提供了渲染、刷新和移动的组件。使用 Craft.js 来构建你的编辑器,它是理想的框架。

15.jpg

Devilbox

Devibox 是一款用来支撑本地开发的完整的堆栈,它为你提供你所需要的绝大多数的服务,比如 Apache、Nginx、MySQL、PHP、MailHog 等等。

16.jpg

Magic.css

Magic.css 是一个平滑的CSS动画的合集。在它的帮助下,你可以向网站添加动画,就像往 HTML 当中添加类名称一样方便。你可以使用 NPM、Yarn 来安装 Magic.css,并且将它与 JavaScript 和 jQuery 混用。

17.jpg

Kutt

Kutt 是一个短链接 Web 应用,它支持自定义域,并且提供立即可用的统计信息功能。它使用的是 Node.js 、Prosgress 和 Redis 来构建的。你可以将它托管到你自己的服务器当中。

18.jpg

来源:优设网

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
×

确定