技术社区推荐的CSS资源

昨天我在Design + Code上推出了我的第一个价格CSS Layout and Animations。

我让Twitter上的人分享他们最喜欢的CSS资源。

Christina Gorton @coffeecraftcode 我今天推出了关于CSS布局和动画的新价格我将赠送2个年度会员资格给@designcodeio以庆祝发布。转发此内容并与您最喜欢的CSS资源发表评论，以获得胜利。 ?designcode.io/ css-layout-and … 19:36 PM – 2019年5月28日 183 470

在过去的3年里，我经常使用CSS，并且对我以前没见过的资源感到惊讶。以下是技术社区共享的资源列表。

我以前没见过的人：

BjørnFjellstad在Dribble和Instagram上的每日CSS设计
这是一个华丽的CSS灵感集合。 Bjørn的目标是每天创造一个设计一年。

Cody House @codywebhouse在推特上。
这是一个CSS框架和可访问的HTML，CSS，JavaScript组件库。它在网站上有一些很好的文档和示例。

cre-reference.io由Jeremy Thomas @jgthms在Twitter上发表。
关于所有CSS的全面参考。它有很多很棒的视觉效果。

由Adam Marsden @AdamMarsdenUK在Twitter上的CSS作弊表。
CSS优点的参考。

在GitHub上由atomiks提供30秒的CSS。
精选的有用CSS片段集合，您可以在30秒或更短的时间内理解这些片段。

最受欢迎的资源

到目前为止，最受欢迎的是CSS-Tricks和Mozilla开发者网络（MDN）

Lela Manolio @lelamanolio @coffeecraftcode @sarah_edo @designcodeio definetely @css和@MozDevNet
如果我需要记住一些东西，比如速记或类似的东西，我输入：“property x css tricks”和另一个标签“property x mdn”?14:38 PM – 2019年5月29日 0 1

CSS-技巧
CSS-Tricks已经存在了很长时间，并且对于CSS和前端的一般情况来说，几乎可以想到任何东西。

MDN的网络文档
MDN提供了与Web技术相关的大多数内容的参考指南。在网站上有学习指南，教程和途径。

提到的更多重要资源

CodePen
我最喜欢的一个和我在价格中经常使用的东西。 CodePen就像Dribbble一样适合开发人员。它是适用于任何技能的设计人员和开发人员的在线代码编辑器，尤其适用于学习编码的人员。

@js_tut在Twitter上的CSS Visual Dictionary
它有250多个可视化K线走势图，解释了目前常用的所有主流浏览器所支持的所有CSS属性和值。

Greg在网上有很多很棒的资源，他经常与社区免费分享。您可以在Twitter上关注他，以便及时了解他的最新作品。

Sarah Drasner @sarah_edo在Twitter上发布的CSS Grid Generator
它是一个小型可视化工具，可为您生成CSS网格代码。您可以指定行，列，间隙和单位，然后拖动以创建子div以轻松进行动态布局。

@playcodepipon推特的Flexbox Froggy
游戏化学习的网站。 Flexbox Froggy是一款通过编写CSS代码帮助Froggy和朋友的游戏。

推特上的Codrops @ codrops
一个致力于为网页设计师和开发人员提供有用的教程，富有洞察力的文章，创作灵感和免费资源的网站。

他们还有一个Code Playground，其中包含与Web开发和编程相关的实验，插件和文章。

FreeCodeCamp FreeCodeCamp是一个非盈利组织，它帮助数百万人学会免费编码。价格中有几个部分专门用于CSS。

Lea Verou是一个非常鼓舞人心的人，可以关注Twitter。她提供了丰富的信息，包括她在CSS Secrets一书中分享的内容

Rachel Andrew如果你关心CSS Grid，你应该关注Rachel。查看她的网站Grid By Example

如果您喜欢网格或网页布局，Jen Simmons是另一个值得关注的好人。她在她的网站The Experimental Layout Lab和她的YouTube频道布局土地上有很多令人惊叹的例子

Wes Bos的价格
Wes Bos有许多在线创建内容的价格，以及他的播客Syntax FM和共同主持人Scott Tolenski

Jonas Schmetmann Jonas在Udemy上有一个很棒的高级CSS和Sass价格。当人们要求参加CSS价格时，我看到他长大了。我个人采取了他的方式，并喜欢它。

你最喜欢的CSS资源是什么？我想要的任何你想添加的东西？请在评论中告诉我。

来自Pexels的Lukas封面照片