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

现在是我们再次为我们的网络开发人员及网站建设的从业者,分享新资源的时候了。我们在这一轮中的集合涉及多种编程语言的多种工具。但主要是,我们有几种工具可以帮助您编写更好的代码。
例如,我们有一个能够评估代码质量的php库,一个可以自动重构代码的php库(它有多棒?),以及使用javascript库执行端到端测试的简单方法。不用多说了,让我们看看下面的完整列表。
css网格生成器这个由sarah drasner创建的工具将使创建css网格更加直观。它可以帮助您在创建复杂布局(如组成重叠网格区域)时节省时间。该工具将生成代码,您可以在其中复制并粘贴到您的网站。
内部浏览现代浏览器google全面了解现代浏览器的工作原理。这让您可以一瞥浏览器内部,例如它如何利用cpu,gpu和内存。此资源可能有助于编写高性能代码。mariko kosaka的插图让人愉快,易于理解。
zdogmetafizzy的另一个奇妙之处。zdog是javascript库,使您可以通过html画布,然后可以组合成类似有意义的数字,例如,绘制3d图形多态性马里奥兄弟。metafizzy也因其他奇妙的javascript库而闻名,如isotope,flickity和packery
ibot应用程序uibot是一个生成管理仪表板用户界面的工具。只需单击按钮,该工具将生成一个新的布局和颜色变体。它可能不会成为您项目中的ui,但它可能仍然是一个从中获取灵感的便利工具。
可接受性见解一个浏览器扩展,用于评估您的网站的可访问性问题(a11y),并提供有关如何解决这些问题的指南。该扩展程序可用作chrome和microsoft edge扩展程序。
nightwatchjs一个简化端到端测试的javascript库。nightwatchjs利用标准的w3c webdriver api连接浏览器并与之交互以执行测试。它支持众多驱动程序,包括webdriver服务,包括geckodriver,可在firefox浏览器,chromedriver和safaridriver上运行测试。
游戏室游戏室是一个独特的工具。简而言之,它类似于布局设计系统或组件库的工具,但它还提供了一个预览部分,用于模拟各种视口大小的组件。它是一个非常方便的工具,用于显示组件或布局在粒度级别上的变化。
铁塔pyloncss与其他任何css库都不同。它提供了一组自定义组件,而不是一组类。这允许您以类似于ios的更具表现力的方式包装您的网站。例如,我们可以使用创建水平元素堆栈,或创建垂直堆栈。
药效机理vant是一个基于vue.js构建的集合移动ui组件。收集相当广泛,有55多个组件并且不断增长。它支持typescript,ssr(服务器端渲染)和i18n,这意味着您可以将组件翻译为语言环境语言。
机器人许多人可能熟悉使用gulp和grunt设置任务运行程序以在开发期间自动化工作流程,例如合并文件,缩小css和javascript等。这些工具使用node.js构建。现在,如果我告诉你,你可以用php做同样的事情。认识robo是php的任务运行者
自述文件生成器拥有readme.md文件是开源项目的一个组成部分。但是,如果您想创建一个适当且美观的自述文件可能是一项艰巨的任务,您可以尝试使用此工具简化创建过程的过程。
css wandcsswand是一个美丽效果的集合,纯粹使用html和css构建。它提供了将代码复制并粘贴到您的网站上的代码。
gitmoji我们看到在git commit消息中使用表情符号的趋势越来越明显。检查此引用gitmoji,以查看在提交消息中使用哪个正确的表情符号。
gitfoliogitfolio是一个工具,允许您根据您的github配置文件构建一个投资组合网站,并创建一个博客。很高兴快速创建您的网站。
phpinsightsphpinsights是一个分析php代码质量的工具。它检查classess的使用,抽象,接口,代码复杂性和一些代码样式。您可以在开发期间或ci管道中运行它,以便检查整体代码质量。它还兼容流行的php平台,如laravel,wordpress和magento开箱即用。
校长rector代表reconstructor,是一种自动将php代码库的代码重构自动化为更现代的php实践的工具。它可以通过composer安装或使用docker镜像然后就像输入命令一样简单rector,让它为你做好工作。
gx管理员ngx admin是一个免费的管理仪表板,构建在angular,bootstrap和nebular之上,是一个流行的angular ui组件。它配备了3个开箱即用的主题设计:浅色,深色和公司,但当然您可以根据自己的喜好扩展主题。ngx admin免费提供个人和商业项目。
remixicon一个很好的图标集合。该系列中的每个图标都有几个变体而不是一个或两个,它还带有两种样式:lined和filled。截至本文撰写时共有1574个图标。您可以下载svg图标,图标字体以及powerpoint和keynote格式。
rfs(响应字体大小)rfs是一个css库,可根据视口大小自动缩放字体大小。该库旨在与css处理器一起使用,因此它可用于所有流行的预处理器,包括less,sass,stylus以及postcss。
wp脚本wp scripts是用于开发wordpress的可重用实用程序脚本的集合。它包含一个开箱即用的预定义推荐配置,因此您可以开始处理项目,而不是全天修改配置。安装后,您将可以访问wp-scripts命令行,您可以使用该命令行执行构建命令以编译代码,执行端到端测试的测试命令以及一些其他命令。
上一个:完整建立网站的分步指南
下一个:网站建设网页色彩的情感表现
天镇网站建设,天镇做网站,天镇网站设计