无论您是喜欢使用CSS的开发人员,还是喜欢修改Java的人员,总会有一些东西可以掌握,而且很难跟踪。

因为总是有每个月都可以尝试使用的新工具。

为什么?

成为Web开发人员确实是一件令人兴奋的事情

这次,我们为Web开发人员提供了很多好东西,这些开发人员总是每天都在处理和处理代码。

我们已经搜索了网络的每个角落,并将这些资源整合在一起。

好吧,很幸运,我们已经为您完成了工作。

该库由Hakim El Hattab创建,Hakim El Hattab开发了一些流行的库,例如LaddaReveal.js

Monocle是一个很小JavaScript库,它将随用户滚动一起放大项目

这是一个非常不错的插件,可让您在网站上获得更精美的滚动体验 - 在此处查看演示

受他曾经访问过的基于Flash的启发,Hakim使用JavaScript和CSS3构建了相同的效果,因此我们可以将其应用于网站,而不必依赖Flash插件。

Web设计人员和开发人员的新鲜资源(2014年10月)

这是一个新的PSD模板,专门用于允许您为OS X Yosemite 创建应用程序的新图标

那么,您是否准备好要使用新界面进行调整的应用程序?

OS X Yosemite界面最终将具有更平坦,更透明的设计,与iOS 7相似。

OS X的新版本Yosemite指日可待。

如果您是OS X设计人员和开发人员,则这是一个PSD模板,应在工具箱中准备好。

在设计图标时,您可以看到并清楚地想象出图标在不同尺寸和OS X某个角(如Dock,文件夹或提示窗口中)的显示方式。

Web设计人员和开发人员的新鲜资源(2014年10月)

该库目前带有36个图标

它是一个JavaScript库, 允许您仅使用HTML的单个元素创建流行的标记,图标或标志

Marka是“ mark”一词的印尼语翻译。

该演示向我们展示了库如何从一个图标很好地转换为另一个图标,如果您想在网站上显示灵活且可自定义的图标,这也意味着这是一个方便JavaScript。

您可以通过传递JavaScript参数或通过CSS样式表来自定义每个图标的颜色和大小

Web设计人员和开发人员的新鲜资源(2014年10月)

该库将巧妙地裁剪图像,并将图像重点放在最重要的部分上。

顾名思义,jQuery FocusPoint的创建就是为了解决这个臭名昭著的问题。

通用方法是,我们只是将图像按比例缩小以适合屏幕大小,这可能会使图像焦点几乎不可见,甚至在某种程度上丢失。

Web设计人员和开发人员的新鲜资源(2014年10月)

自创建以来, 编写或学习表格一直是一项艰巨的任务。

但这不是写表的情况。

Markdown简化了我们在网络上书写的方式。

另外,请查阅有关使用Markdown编写Web内容的初学者指南。

它将生成Markdown格式,您可以轻松复制和粘贴该格式。

您也可以轻松插入新的列,行以及内容

幸运的是,这里的工具可以简化Markdown表格的格式设置。

Web设计人员和开发人员的新鲜资源(2014年10月)

但是,它也是编写语法最复杂的一种。

CSS渐变是CSS3的伟大发明之一。

安装后, 它将在DevTools中添加一个新选项卡,您可以在其中查看所有渐变组成以及预览。

如果您碰巧发现了一个有趣的渐变并且想知道它是如何制作的,请安装此名为CSS Gradient Inspector的Google Chrome扩展程序。

Web设计人员和开发人员的新鲜资源(2014年10月)

最重要的是,您还可以复制每个渐变CSS代码。

UiGradient是一个网站, 汇集了一些最好的和和谐的渐变颜色组合

Web设计人员和开发人员的新鲜资源(2014年10月)

这使Runnable成为前端和后端开发人员共享和查找有用片段理想场所

与仅支持JavaScript,HTML和CSS的Codepen的JSFiddle不同,Runnable也能够运行后端语言,例如SQL,PHP,Ruby和Bash。

Runnable是一个网站,您可以在其中发布和运行代码段。

Web设计人员和开发人员的新鲜资源(2014年10月)

随着时间的流逝,随着您的网站和CSS功能的增长,您很快就会意识到CSS看起来像是垃圾,有很多重复和冗余。

CSS是一把双刃剑,因为它易于学习且易于使用,但它也是最难管理的语言。

您可以选择CSS或Sass格式的输出。

CSS Trashman将同时检查您网站的DOM和CSS ,并生成优化的可能输出。

这是您应该重新检查CSS的时候了 ,而CSS Trashman可以帮助您简化这项工作。

Web设计人员和开发人员的新鲜资源(2014年10月)

甚至还有一个插件Colorsublime Plugin ,它允许您将ColorSublime集合中的主题无缝地直接应用到SublimeText中。

下载主题以供使用之前,您可以在此处查看主题外观

ColorSublime是SublimeText语法突出显示主题的集合。

Web设计人员和开发人员的新鲜资源(2014年10月)


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

相关文章: