首页 > 知识•资讯 > 网页设计师和开发人员的新资源参考 > 正文

网页设计师和开发人员的新资源参考

2019/8/23 0:00:00 · 稿源:传诚信

现在是我们再次为我们的网络开发人员及网站建设的从业者,分享新资源的时候了。我们在这一轮中的集合涉及多种编程语言的多种工具。但主要是,我们有几种工具可以帮助您编写更好的代码。

例如,我们有一个能够评估代码质量的PHP库,一个可以自动重构代码的PHP库(它有多棒?),以及使用JavaScript库执行端到端测试的简单方法。不用多说了,让我们看看下面的完整列表。

CSS网格生成器

这个由Sarah Drasner创建的工具将使创建CSS网格更加直观。它可以帮助您在创建复杂布局(如组成重叠网格区域)时节省时间。该工具将生成代码,您可以在其中复制并粘贴到您的网站。



css-grid-generator.jpg



内部浏览现代浏览器

Google全面了解现代浏览器的工作原理。这让您可以一瞥浏览器内部,例如它如何利用CPU,GPU和内存。此资源可能有助于编写高性能代码。Mariko Kosaka的插图让人愉快,易于理解。



css-grid-generator.jpg



Zdog

Metafizzy的另一个奇妙之处。Zdog是JavaScript库,使您可以通过HTML画布,然后可以组合成类似有意义的数字,例如,绘制3D图形多态性马里奥兄弟。Metafizzy也因其他奇妙的JavaScript库而闻名,如Isotope,Flickity和Packery



zzzdog.jpg



IBot应用程序

UIBot是一个生成管理仪表板用户界面的工具。只需单击按钮,该工具将生成一个新的布局和颜色变体。它可能不会成为您项目中的UI,但它可能仍然是一个从中获取灵感的便利工具。



uibot.jpg



可接受性见解

一个浏览器扩展,用于评估您的网站的可访问性问题(a11y),并提供有关如何解决这些问题的指南。该扩展程序可用作Chrome和Microsoft Edge扩展程序。



zzzdog.jpg



NightwatchJS

一个简化端到端测试的JavaScript库。NightwatchJS利用标准的W3C WebDriver API连接浏览器并与之交互以执行测试。它支持众多驱动程序,包括WebDriver服务,包括GeckoDriver,可在Firefox浏览器,ChromeDriver和SafariDriver上运行测试。



zzzdog.jpg



游戏室

游戏室是一个独特的工具。简而言之,它类似于布局设计系统或组件库的工具,但它还提供了一个预览部分,用于模拟各种视口大小的组件。它是一个非常方便的工具,用于显示组件或布局在粒度级别上的变化。



zzzdog.jpg



铁塔

PylonCSS与其他任何CSS库都不同。它提供了一组自定义组件,而不是一组类。这允许您以类似于iOS的更具表现力的方式包装您的网站。例如,我们可以使用创建水平元素堆栈,或创建垂直堆栈。



zzzdog.jpg



药效机理

Vant是一个基于Vue.js构建的集合移动UI组件。收集相当广泛,有55多个组件并且不断增长。它支持TypeScript,SSR(服务器端渲染)和i18n,这意味着您可以将组件翻译为语言环境语言。



zzzdog.jpg



机器人

许多人可能熟悉使用Gulp和Grunt设置任务运行程序以在开发期间自动化工作流程,例如合并文件,缩小CSS和JavaScript等。这些工具使用Node.js构建。现在,如果我告诉你,你可以用PHP做同样的事情。认识Robo是PHP的任务运行者



zzzdog.jpg



自述文件生成器

拥有README.md文件是开源项目的一个组成部分。但是,如果您想创建一个适当且美观的自述文件可能是一项艰巨的任务,您可以尝试使用此工具简化创建过程的过程。



zzzdog.jpg



CSS Wand

CSSWand是一个美丽效果的集合,纯粹使用HTML和CSS构建。它提供了将代码复制并粘贴到您的网站上的代码。



zzzdog.jpg



Gitmoji

我们看到在git commit消息中使用表情符号的趋势越来越明显。检查此引用Gitmoji,以查看在提交消息中使用哪个正确的表情符号。



zzzdog.jpg



Gitfolio

Gitfolio是一个工具,允许您根据您的Github配置文件构建一个投资组合网站,并创建一个博客。很高兴快速创建您的网站。



zzzdog.jpg



PHPInsights

PHPInsights是一个分析PHP代码质量的工具。它检查Classess的使用,抽象,接口,代码复杂性和一些代码样式。您可以在开发期间或CI管道中运行它,以便检查整体代码质量。它还兼容流行的PHP平台,如Laravel,WordPress和Magento开箱即用。



zzzdog.jpg



校长

Rector代表Reconstructor,是一种自动将PHP代码库的代码重构自动化为更现代的PHP实践的工具。它可以通过Composer安装或使用Docker镜像然后就像输入命令一样简单rector,让它为你做好工作。



zzzdog.jpg



gx管理员

Ngx Admin是一个免费的管理仪表板,构建在Angular,Bootstrap和Nebular之上,是一个流行的Angular UI组件。它配备了3个开箱即用的主题设计:浅色,深色和公司,但当然您可以根据自己的喜好扩展主题。Ngx Admin免费提供个人和商业项目。



zzzdog.jpg



RemixIcon

一个很好的图标集合。该系列中的每个图标都有几个变体而不是一个或两个,它还带有两种样式:lined和filled。截至本文撰写时共有1574个图标。您可以下载SVG图标,图标字体以及PowerPoint和Keynote格式。



zzzdog.jpg



RFS(响应字体大小)

RFS是一个CSS库,可根据视口大小自动缩放字体大小。该库旨在与CSS处理器一起使用,因此它可用于所有流行的预处理器,包括Less,Sass,Stylus以及PostCSS。



zzzdog.jpg



WP脚本

WP Scripts是用于开发WordPress的可重用实用程序脚本的集合。它包含一个开箱即用的预定义推荐配置,因此您可以开始处理项目,而不是全天修改配置。安装后,您将可以访问wp-scripts命令行,您可以使用该命令行执行构建命令以编译代码,执行端到端测试的测试命令以及一些其他命令。



zzzdog.jpg


  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354