Web设计人员和开发人员的新资源（2012年10月）
在这篇文章中，我们选择了10个有用的“东西”，从代码片段到工具，从框架到插件 ，使您的Web设计人员和开发人员的工作和生活更加轻松。
但是，您不必担心。
跟上所有这些新事物几乎是不可能的。
每个月都有数十个免费的东西 ，由Web设计和Web开发社区中的非常慷慨的人共享。
让我们检查一下。
此幻灯片演示支持←，→，↓和↑等键盘快捷键来浏览幻灯片。
本质上，此框架允许您使用HTML和CSS Web标准创建演示幻灯片。
CSSS代表“基于CSS的幻灯片系统”，是Lea Verou （称为CSS专家）创建的框架。
如果您使用CSS和HTML，则我认为此框架可以（更好）替代MS PowerPoint等高价软件。
该库还可以用于在不受支持的浏览器中提供可伸缩矢量图形（SVG）渲染，作为后备。
我们可以使用该库来绘制简单的形状，例如矩形，三角形，圆形或复杂的图形。
Bonsai是具有直观API的轻量级JavaScript图形库。
此外，盆景还提供一些功能，包括动画，事件和过滤器，以使这些图形更具交互性。
该集合包括一些响应式布局和导航示例，以及一些常见Web组件的其他响应式模式，例如图像，视频，表格和表单。
响应式模式是可用于构建响应式网站的模式的集合。
艾芬工具集
Effin Toolsets是为Web开发人员提供的十二种有用工具的集合，这些工具全部集中在一个地方。
这可能就是您开发网站所需要的。
我个人认为该集合中非常有用的工具之一是Entifier ，该工具会将这些字符<和>更改为它们HTML代码，以便您的代码段可以在<pre>标记内正确呈现。
像其他任何响应式网格框架一样，它由几种预定义样式组成，但是由于它是使用Sass和Compass构建的，因此该框架更具可配置性。
Susy是Compass的响应式网格。
如果您是喜欢与Sass和Compass一起工作的超级极客，那么此扩展绝对适合您。
Susy将完成所有艰苦的工作： 计算 。
Susy允许您自定义列号，列宽，装订线和网格填充，使其成为适合您网站的自己的网格。
幸运的是，CSS Wizardry的Harry Roberts分享了他的“魔术代码”，以创建无限的下拉导航（真棒）。
但是， 创建下拉导航并不像看起来那样容易。
下拉菜单是我们在网站上发现的常见组件。
这个框架是Ruby gem，可以通过Terminal或Command Prompt来安装，而命令行gem install neat可以安装它。
它建立在Sass和Bourbon的基础上，这是Sass有用的mixins的集合。
Neat是一个响应式网格框架，可以帮助您轻松地运行响应式网站。
您可以通过@font-face规则添加这些图标，并使用CSS 伪元素将其应用于您的网站，或直接将其与HTML字符一起嵌入。
Typicons是一组由大约88个字符组成的字体图标。
图标不足。
通过使用webfont交付图标，您可以具有以下优点：无需部署CSS Sprite并调整背景位置来显示图标，可以使用高分辨率屏幕，从技术上讲，它减少了HTTP请求，并且比位图图标消耗的带宽更少。
该库使您可以向Web内容添加注释，标签和降价，以及AnnotateIt，您可以免费存储注释。
飞机场
使用这个jQuery插件Airport，我们能够创建相同的填充文本效果。
当您在机场时，会看到飞行信息面板，上面全是翻转文字。
结论
您是否还找到了此列表中未曾为Web设计师/开发人员提供的其他好东西？
您最喜欢哪一个？
你有没有尝试过这些东西？
这个月就这些了。
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-10-2012/