30多个有用的网页设计&开发备忘单

总有一些方法可以使您的编码和设计工作更快,更高效。考虑到这一点,我列出了设计人员和开发人员可以依靠的最有用的备忘单。

捷径设计

捷径设计是一个小型网站,它以一种简单明了的方式在一个位置列出了设计师曾经想知道的所有快捷方式,所有designapps。它’对于初学者来说,当您切换到新的设计工具时,或者当您只是想作为参考以查看执行该操作要使用的快捷方式时,这非常有用。

捷径设计


边界元

当找到正确的班级名称时,它会很快使您感到绝望。即使是最有经验的CSS开发人员也不会’务必始终立即找到正确的班级名称。该工具旨在为您提供一些最常见的Web组件的命名建议,以帮助您避免在BEM宇宙中迷路。

边界元


网格备忘单

W3C 的CSS网格规范的演示。

网格备忘单


我讨厌正则表达式

该工具被设计为备忘单,它将以实际学习的方式解释常用的正则表达式。

我讨厌正则表达式


GitSheet

GitSheet是常见git命令的简单git备忘单参考,可节省您的时间,并帮助您学习如何使用分支,显示日志,撤消更改,创建标签,存储等。单击剪贴板即可单击命令。

GitSheet


很棒的备忘单

很棒的备忘单,适用于流行的编程语言,框架和开发工具。它们将您应该了解的所有内容都包含在一个文件中。

很棒的备忘单


现代JS速查表

有关现代项目中经常遇到的JavaScript知识的备忘单。

现代JS速查表


字体真棒秘籍

Font Awesome是一种Web字体,包含来自Twitter Bootstrap框架的所有图标,以及更多。这是每个图标的所有内容值的“真棒字体”备忘单。

字体真棒秘籍


HTML5 / 的CSS3备忘单

以下是一些简单的HTML5 / 的CSS3功能的剪切和粘贴示例,这些示例当前可在许多Web浏览器中使用,其中主要为Firefox,Safari,Chrome,Opera和即将推出的IE9。对于许多CSS3示例,Internet Explorer的较早版本是唯一的坚持,其变通办法数量有限,但是,只要牢记此限制,这些功能就可以优雅地降级,并且在新项目中可能仍然有用。

HTML5 / 的CSS3备忘单


Favicon备忘单

Favicon多年来一直很方便用于Web浏览器。但是,随着设备的激增(这里不仅谈论计算机和手机),您需要跟上网站图标优化的步伐(永远不要以为我会键入此字)。这是一个漂亮的“备忘单”,可引导您正确设置大小,以适应从iOS和Android到Chrome浏览器到GoogleTV和iPad的所有内容。

Favicon备忘单


Web开发人员’s SEO Cheat Sheet

这个免费且可下载的文档涵盖了在线营销人员和开发人员所需的所有重要SEO代码和最佳做法。

的SEO速查表


终极Flexbox备忘单

Flexbox是spankin品牌的新CSS布局模块,具有出色的浏览器支持!告别挫败感,向勇敢的新世界轻松地垂直居中,元素重新排序以及动态增长和缩小的布局打招呼。

终极Flexbox备忘单


缓动功能备忘单

简单的备忘单可帮助开发人员选择合适的宽松功能。

缓动功能备忘单


iOS设计备忘单

这些准则描述了如何设计遵循Apple官方HIG for iOS的应用程序,而不是您可以使用自定义控件执行的操作。有时候,打破规则很有意义。本文的目的是指导您,而不是为复杂而独特的设计问题提供解决方案。

iOS设计备忘单


适用于图形设计师的Android备忘单

平面设计师竞技场’程序员,有时不’不知道如何为开发人员正确准备图形资产。这个简单的备忘单应有助于他们更好地完成工作,并简化开发人员’ lives.

适用于图形设计师的Android备忘单


的CSS3动画

的CSS3动画备忘单是针对您的Web项目的一组预设的即插即用动画。您需要做的就是将样式表添加到您的网站,然后将预制的CSS类应用于要设置动画的元素。

的CSS3动画


图形设计备忘单,让您的生活更轻松

初学者和经验丰富的设计师都经常从图形设计备忘单中获得帮助。它们也被称为婴儿床床单,如果您陷于设计过程的中间而又不知道该转弯,那将非常值得。继续阅读以了解您可能现在想添加书签的七个备忘单,以便您在需要时可以将它们快速删除!

图形设计备忘单,让您的生活更轻松


备忘单

Vue.js 2.2完整的API速查表。

备忘单


正则表达式备忘单

艾玛·韦德金(Emma Wedekind)’用于创建正则表达式的有用备忘单。

正则表达式备忘单


的CSS网格备忘单

使用CSS网格属性的另一个有用工具。阿里·阿拉(Ali Alaa)。

的CSS网格备忘单


反应 Hooks备忘单

反应钩子备有实时可编辑示例的备忘单。

反应 Hooks备忘单


反应备忘单

Michael Chan制作的一个非常有用的React可过滤备忘单。

反应备忘单


类型条款

字词是设计师学习印刷术术语基础的理想工具。如果您是印刷术的新手,或者是在这里想刷新一下,那么“输入字词”非常适合您。

类型条款


用于设计用户界面的10个作弊代码

这是一个“为什么”的过程,每当我们创建更大的文本,添加阴影或更改颜色时,都必须有一定理由说明为什么。

用于设计用户界面的10个作弊代码


Bootstrap 4备忘单

非常有用的Bootstrap 4备忘单的更新,可以作为参考。

Bootstrap 4备忘单


网格“后备”和替代

这是使用简单示例快速定义已定义的覆盖的参考。有关更多建议和示例,请参见本备忘单末尾的资源。

网格“后备”和替代


数学代码

代码形式的数学符号备忘单。

数学代码


ES6备忘单

这是一个交互式ES6,ES2016和ES2017速查表。它使用一系列小示例向您展示现代JavaScript的重要部分。所有代码都是可编辑和可运行的,因此您可以随意使用它。

ES6备忘单


异步Javascript备忘单

该备忘单包含Frontend Armory的Mastering Asynchronous JavaScript课程的摘要。

异步Javascript备忘单


的CSS选择器备忘单

的CSS选择器备忘单


通过简单的可视示例,全面了解CSS 格 Layout中可用的属性。

格


表情符号秘籍-sheet.com

表情符号几乎可以改善任何用户体验。从休闲社交媒体使用到顶级入站营销策略,他们始终占有一席之地。

表情符号秘籍-sheet.com


Git和Git Flow速查表

Git备忘单让您免于全心学习所有命令。

Git和Git Flow速查表


7 Comments

  1. 很棒的帖子

  2. 购买RDP说:

    谢谢

  3. 很棒的清单很有用。

  4. 很棒的清单非常有用,谢谢

  5. 单虚拟机说:

    好来源

  6. 感谢分享。实际上,我是WordPress开发人员。这些信息对我非常有用。谢谢。

  7. 很棒的清单非常有用,谢谢

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.