咨询电话:400-810-1418服务与监督电话:400-810-1418转接2
  • 相关推荐
  • 什么是响应式网站?什么是自适应网站?怎样区分?
  • Web开发的26项基本概念和技术总结
  • Web开发选择是php还是java好?
  • 前后端分离是什么?
  • 如何设计一个JavaScript插件系统?
  • 2020年前端开发者实用干货工具推荐
  • 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

    来源:优设网