最新的一期前端开发者干货合集来了!在这个栏目当中,我们主要是给前端开发者提供各种实用有效的工具,其中不少工具也是设计师在设计过程中可以用得上的!
这是一个关于如何使用 svg 元素的说明和提示文档。SVG 格式的文档比起传统的图片有着更高的灵活度,而svg 元素之内还可以包含的更为丰富的可控的属性和标签,比如 path、g 和 circle 等。
你有没有碰到过这样的情况,就是你已经按照网上所有的建议针对你的网站进行了优化,但是在打开网站的时候依然非常的缓慢?这种问题很有可能出在 TTFB 上,也就是所谓的能否检测到「Time to First Byte」。CSS Wizardry 的这篇文章将会会为你详细解释如何针对 TTFB 进行优化。
Custom Accessible Radio Input
---
优秀的可访问性设计让网站更容易被访问,尤其是针对有行动障碍的用户而言。Lindsey 的这篇文章将会教你如何设计无障碍的输入。你将会发现,创建可访问性较强的优质UI并不会看起来很傻。
这是一个小型的 JavaScript 库,它将会帮你将 HTML 表单中意义不明的字符转化「翻译」成人类可读的样式,包括 & 和 & 这样的字符。
创建静态网站又重新成为了当下的潮流,因为静态网站访问起来更快。Gatsby 是诸多正在流行的静态网站构建工具之一,同时 Egghead 还提供了视频教你如何创建主题,它是完全免费的。
Postwoman 是一个基于web的工具,用来撰写 API 请求。你可以设置请求的方式,URL、路径、参数、身份验证等,它是一个非常便捷的工具。
这是用 Rust 所创建的一款 Shell 工具。它使用了一些增强的 Shell 命令,比如 ls命令。当你在 Nushell 中使用 ls 命令的时候,能够呈现出丰富的数据样式,就像上图。
JavaScript 在过去几年间有过非常巨大的改进,ES6 和 ES2015 似乎昨天还在使用,而今天就已经开始使用 ES2019 了。而这个来自 JSConf EU 的视频将会向你展示如何根据 ES2019 的规范,来使用 JavaScript 来实现功能。
Dockerlabs 是一个教你使用 Docker 和 Kubernetes 的系列教程合集,它提供的教程主要是文本教程,并且你可以直接在浏览器中测试。你无需在计算机上安装任何东西就可以直接体验 Docker,比如 Docker Engine、Docker Compose 和 Docker Machine。
Kanboard 是一个基于 PHP 的看板管理工具。使用看板来管理任务和项目是一种流行的方式,Trello 就是其中的典型。如果你是喜欢对应用进行深入细致的掌控,那么使用 Kanboard 可能是一个不错的选择,因为你可以将它安置在服务器当中。
如果你想要准备面试一个技术类的职位,那么这份包含有各种实例、提示和备忘录的小手册能够帮到你,其中的各种内容能够帮你更好地备战。
在 Vue.js 上构建仪表盘,你可以使用这套模板。它自带丰富的 UI 组件,涵盖了各种类型的表单和视觉元素。
这是一个教你深入掌握 Git 的参考文档,对于想要学习 Git 的人,有非常有效的参考,无论你刚刚入门还是有过一定的经验,这份 Git Training Kit 都能帮到你。
想要充分利用 Nginx ,这份指南文档能够帮你。你能够在其中找到绝大多数的关于 Nginx 的主题,包括安全性控制、调试以及各种核心的基础知识。
XtermJS 是一个可以在在网页中运行的终端工具界面。
想要掌握 Bash,这份涵盖了各种提示、代码范例、最佳实践的学习素材包,能够帮到你。
Polka 是一个使用 Node 构建的简单的 HTTP 服务器,它支持路由、中间件和子应用,它是 Express.js 的绝佳替代品,甚至执行速度比前者快了 30% 到 50%。
我们常说的「设计模式」其实是解决常见设计问题的解决方案,而这份设计文档是学习PHP 设计模式的最为完整的参考资料之一。
这是微软所提供的一份代码范例合理,这份合集涵盖的内容非常广泛,从 C语言到 PHP都有。
基于 Vue.js 框架的 UI 组件合集。和很多典型的框架一样,iView 配备了丰富的 UI 组件,从按钮到轮播图,各种组件全都有。
作者: Hongkiat Lim