web项目开发人员配比_Web设计人员和开发人员的新资源(2012年10月)

每个月都有数十个免费的东西 ,由Web设计和Web开发社区中的非常慷慨的人共享。 跟上所有这些新事物几乎是不可能的。 但是,您不必担心。 在这篇文章中,我们选择了10个有用的“东西”,从代码片段到工具,从框架到插件 ,使您的Web设计人员和开发人员的工作和生活更加轻松。

让我们检查一下。

CSSS代表“基于CSS的幻灯片系统”,是Lea Verou (称为CSS专家)创建的框架。 本质上,此框架允许您使用HTML和CSS Web标准创建演示幻灯片。 此幻灯片显示支持快捷键←,→,↓和↑,以浏览幻灯片。

如果您使用CSS和HTML,则我认为此框架可以(更好)替代MS PowerPoint等高价软件。

Bonsai是具有直观API的轻量级JavaScript图形库。 我们可以使用该库来绘制简单的形状,例如矩形,三角形,圆形或复杂的图形。 该库还可以用于在不受支持的浏览器中提供可伸缩矢量图形(SVG)渲染,作为后备。

此外,盆景还提供一些功能,包括动画,事件和过滤器,以使这些图形更具交互性。

响应式模式是可用于构建响应式网站的模式的集合。 该集合包括一些响应式布局和导航示例,以及一些常见Web组件的其他响应式模式,例如图像,视频,表格和表单。

艾芬工具集

这可能就是您开发网站所需要的。 Effin工具集是为Web开发人员提供的十二种有用工具的集合,这些工具全部打包在一个地方。

我个人认为该集合中非常有用的工具之一是Entifier ,该工具会将这些字符<>更改为它们HTML代码,以便您的代码段可以在<pre>标记内正确呈现。

Susy是Compass的响应式网格。 像其他任何响应式网格框架一样,它由几种预定义样式组成,但是由于它是使用Sass和Compass构建的,因此该框架更具可配置性。

Susy允许您自定义列号,列宽,装订线和网格填充,使其成为适合您网站的自己的网格。 Susy将完成所有艰苦的工作: 计算 。 如果您是喜欢与Sass和Compass一起工作的超级极客,那么此扩展绝对适合您。

下拉菜单是我们在网站上发现的常见组件。 但是, 创建下拉导航并不像看起来那样容易。 幸运的是,CSS Wizardry的Harry Roberts分享了他的“魔术代码”,以创建无限的下拉导航(真棒)。

Neat是一个响应式网格框架,可以帮助您轻松地运行响应式网站。 它建立在Sass和Bourbon的基础上,这是Sass有用的mixins的集合。 该框架是Ruby gem,可以通过Terminal或Command Prompt进行安装,并带有命令行gem install neat

图标不足。 Typicons是一组由大约88个字符组成的字体图标。 您可以通过@font-face规则添加这些图标,并使用CSS 伪元素将其应用于您的网站,或直接将其与HTML字符一起嵌入。

通过使用webfont交付图标,您可以具有以下优点:不需要部署CSS Sprite并调整背景位置来显示图标,可以使用高分辨率屏幕,从技术上讲,它减少了HTTP请求,并且比位图图标消耗的带宽更少。

该库允许您向Web内容添加注释,标签和降价,以及AnnotateIt,您可以免费存储注释。

飞机场

当您在机场时,会看到飞行信息面板,上面全是翻转文字。 使用这个jQuery插件Airport,我们能够创建相同的填充文本效果。

结论

这个月就这些了。 你有没有尝试过这些东西? 您最喜欢哪一个? 您是否还找到了此列表中未曾为Web设计师/开发人员提供的其他好东西?


翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-10-2012/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值