CSS

  • 分享 6 个很棒的 CSS 布局生成器/工具，它们将帮助您为您的项目快速制作 CSS 布局的原型和前端开发。我希望您会发现它很有用，并将其添加为书签，以便您将来可以轻松参考。 1. Layoutit 的交互式 CSS 网格生成器快速设计 Web 布局，并获取 HTML
  • BEM代表 Block-Element-Modifier。这种命名约定非常明确，并增加了前端代码的可读性。它避免了对 HTML 元素命名不明确的情况。该约定由三部分组成：块、元素和修饰符。为了理解这一点，我们需要一个例子。为此，让我们举一个例子：
  • 他在用尺子量字体大小吗？ icon
  • 将 div 居中这样的任务既容易又困难。它非常易于理解，但您不知道该怎么做（尽管您可能在参加新兵训练营时看到过很多次）。 icon
  • 什么是最流行的Web测试自动化测试工具？Selenium WebDriver尽管从技术上讲是Web自动化框架（而不是测试框架），但Selenium WebDriver仍然占据主导地位。到目前为止，WebDriver支持多种浏览器和多种语言，是目前最受欢迎的选择，并且今年增长了 icon
  • icon
  • icon
  • 这是一篇很棒的文章，如作者所述，字体大小和行距目前在操作系统之间不一致，在字体之间不一致，并且与其他UI元素不一致。除了惯性和缺乏预见性之外，没有其他任何理由。作者提出的指定cap height的建议可能是唯一可行的解​​决方案： icon
  • 本文入选最受欢迎的黑客新闻文章。几分钟内让你学会编写一个简单的HTML网页：假设 icon
  • Charts.css是一个用于分页查询数据可视化的开源 CSS 框架。它帮助前端开发人员使用简单的 CSS 类将各种数据转换为漂亮的图表和图形。Charts.css是图表类别中的一个工具。Charts.css是一个开源工具，拥有4.7K GitHub 星和101个GitHub icon
  • 总结用于加载CSS的最佳网络性能做法： 延迟加载Start Render不需要的任何CSS： 这可能是关键CSS； 或将CSS分成依据媒体Media不同的文件。 避免@import： 在您所有的HTML中； icon
  • 有些人嘲笑前端开发，并认为这仅仅是“将div垂直居中”。 前端它是如此复杂。它包含可访问性，设计，响应能力，创造力等等。 尊重前端开发人员！ 我俩个都做，可以坦率地说前端和后端一样困难，甚至在很多方面都更加困难。 前端只是将div集中在JavaScript框架 icon
  • icon
  • Josh Comeau发布了第一门课程，即CSS for JavaScript Developers，赚了超过500,000美元。课程的开课费用为129美元（含税）。有477 icon
  • 使用这个工具来选择颜色：paletton.com ，它以数学方式显示哪些颜色与其他颜色相配（使用颜色理论）。 这个网站提供了预建的配色方案：coolors.co/ 文本可读性的一般经验法则是文本和背景之间的亮度/ icon
  • 2022 年对于 CSS 来说将是非常棒的一年，大量的新功能即将出现。有些已经开始登陆浏览器，有些可能会在 2022 年获得广泛的浏览器支持。 container查询要实现容器查询，我们需要指定一个元素作为我们的容器，使用容器属性（容 icon
  • Bootstrap，Tailwind和Cavepaint之类的库完全可以轻松完成任务。它们是如此的好，以至于任何开发人员都可以在不了解CSS的情况下实现设计标准。标记和HTML的基础知识仍然很重要，但是大多数开发人员都可以不了解CSS的前提下抓紧时间。由于每个人都不再需要了解CSS， icon
  • Dribbble 是一个活跃的设计社区，各种类型的设计师都可以在这里发布他们正在做的任何事情的“照片”。现在已经成为新晋设计师和经验丰富的专业人士的一个组合。以下是使用步骤： - 尝试从 Dribbble/Behance 复制应用程序设计 - 使用 Flutt icon