Gulp:最大化站点速度的Web开发人员的秘密武器
本文概述 服务前端资源 使用Gulp.js自动化 优化构建资源 缓存清除 总结 我们许多人必须处理生产中使用的基于Web的项目, 这些项目可为公众提供各种服务。处理此类项目时, 能够快速构建和部署我们的代码很重要。快速执行操作通常会导致错误...
本文概述 服务前端资源 使用Gulp.js自动化 优化构建资源 缓存清除 总结 我们许多人必须处理生产中使用的基于Web的项目, 这些项目可为公众提供各种服务。处理此类项目时, 能够快速构建和部署我们的代码很重要。快速执行操作通常会导致错误...
本文概述 为什么是Elm? 让我们做一个简单的购物车 包装世界 自动文档生成 真正的前端调试器 与后端交互 保持前端稳定 你尝试调试Web前端多少次, 发现自己陷入处理复杂事件链的代码中了? 你是否曾经尝试过为UI重构代码, 以处理使用jQ...
本文概述 内容驱动设计的重要性 内容优先设计的策略 如何有效地创建内容 内容领先 设计师不只是装饰, 他们还创造了一种浏览内容的体验。但是, 如果客户或团队成员不了解内容应如何驱动设计会怎样?为了避免颠倒的过程, 有些策略可以帮助解释内容的...
本文概述 有什么问题? 容器/外观的架构 记住SMACSS 将他们聚在一起寻求解决方案 示例项目 优点 缺点 CSS是为文档设计的, “旧网络”应该包含这些内容。 Sass或Less这类预处理器的出现表明, 社区需要...
本文概述 客户提交的申请 服务器端渲染(SSR) 预渲染 仅客户端渲染通常是不够的 最近, 前端社区中发生了一些事情。借助React及其内置的服务器端水化功能, 服务器端渲染越来越受到青睐。但这并不是唯一以超快速的第一字节时间(TTFB)评...
本文概述 数字印刷术的挑战 选择最佳字体在屏幕上阅读 格式化以获得愉快的阅读体验 永远不会跳过测试 Web排版指南 几乎任何人都可以选择字体, 只需在下拉列表中单击一个名称。然而, 选择正确的字体是设计过程中最慎重的决定之一。 字体设计师将...
本文概述 衬线字体 Sans-Serif字体 等距字体 系统字体 选择出色的字体进行设计工作 从早上起床到晚上上床睡觉, 绝大多数人都被字样轰炸。从手机上的应用程序到浴室的美容产品, 再到早上上下班时看到的标志, 印刷技术无处不在。但是, ...
本文概述 Web设计常见UX错误1:大型固定标头 Web设计常见UX错误2:细字体 Web设计常见UX错误3:低对比度文字 Web设计常见UX错误4:滚动劫持 网页设计常见的UX错误5:轮播 总结 “当所有多余的东西都被丢弃, ...
本文概述 网络的诞生 极简主义美学 极简主义如何在数字时代建立 极简设计的好处 极简主义的未来 极简主义的弊端 网页设计中的野蛮主义 野蛮主义简史 数字时代的野蛮主义 野蛮主义与极简主义 网站是否变得更加混乱, 混乱和不完善?好的设计规则是...
本文概述 最少的网页设计, 少即是多 利用负空间 通过摄影, 版式和对比度创建戏剧 保持导航简单 极简调色板 总结 极简主义的网页设计并不仅仅是一组特定的设计美学, 而是一系列设计原则或准则。在实践中, 遵循这些原则将导致一个简单的网站设计...