嘿,这是新的一年 ! 祝所有读者新年快乐,并感谢您为我们提供了更多新鲜的设计师资源。 像我们之前的所有回合一样 ,我们也提供了一些很酷的工具供您尝试进行此编译。
我们提供了两种工具来帮助您进行排版,工具是一个jQuery插件,无论您的访客向下滚动多远,它都可以粘贴到您的网页顶部;还有一个名为Jarvis的私人助理,可以帮助您更好地在WP Admin中导航。 我们希望您会发现它们有用。 让我们检查一下。
Devdocs收集了许多API文档(文档),并以更有条理和易于搜索的方式呈现它们。 在撰写本文时,它拥有大约25个文档,包括CSS,JavaScript,WordPress和jQuery。 是否希望包含您经常需要处理的文档? 您可以在这里投票 。
![](https://i-blog.csdnimg.cn/blog_migrate/12b334a59c4e1370b711d51e0a900fa5.png)
在2012年, 响应式网页设计大获成功,突然改变了我们构建网站的方式。 但是网页设计和开发行业的更新速度很快。 如果您想跟上进度,最好在“ 响应式设计周刊”中订阅新闻通讯,以定期收到有关RWD的最佳文章,技巧和教程。
![](https://i-blog.csdnimg.cn/blog_migrate/6b0869316df44ecacca2cbe7403b2a3b.png)
Scut代表Sass-CSS Utitilies,是可重用的Sass mixins和功能的集合, 可轻松实现常见的Web设计模式和布局。 这些包括用于创建圆形,三角形,框对齐,框定位和单位转换。
![](https://i-blog.csdnimg.cn/blog_migrate/c49b595600056a7562b987b3d3e4c565.png)
Echo是用于图像延迟加载的轻量级JavaScript(JS)库。 它使我们可以按需或仅在查看时加载图像。 因此,这提高了网页加载性能 。 与其他提供类似解决方案的脚本不同,Echo 完全基于JS构建。 它不依赖于任何第三方JS库。
![](https://i-blog.csdnimg.cn/blog_migrate/eb4e18a8e8ab151350373c78023c3017.png)
类型缩放是一种工具,可用于为您的网站找到理想的字体缩放 。 您可以设置基本字体大小,缩放方法,预览文本,字体系列和字体粗细。 您可以立即看到结果(大小将在段落中显示)。
![](https://i-blog.csdnimg.cn/blog_migrate/f1383318948ed0262688dbf145aca05c.png)
对于那些一心一意地处理排版问题的人,字体组合器是个不错的工具。 有了它,您可以设置自己的字体规格,例如字距,提示和间距。 您还可以下载PNG和SVG中的字形。
![](https://i-blog.csdnimg.cn/blog_migrate/ab2ded03711be96946b0bb79fa96d4d1.png)
stickUp是jQuery插件,用于使元素固定在浏览器窗口的顶部。 当我们滚动页面时,它使“元素”可见。 它还具有称为“一个寻呼机”的功能,当您在单页网站中使用该功能时非常有用。 它将高亮显示菜单,以向访问者显示他们当前所在的位置。
![](https://i-blog.csdnimg.cn/blog_migrate/ff5fd4328d8bb873488a9fa442d85a03.png)
Jetpack是一个插件,可通过一组插件为您的博客增光添彩 。 但它会在演示文稿中显示插件 ,而这些演示文稿似乎超出了WordPress UI标准。 这也使激活和停用插件变得不那么直观。 为了解决这个问题,Rockeeter将在列表中显示插件-就像在“插件”页面中一样。
![](https://i-blog.csdnimg.cn/blog_migrate/5421801160ef4e14ba4c9fe4dc32cf3f.png)
使用缓存插件的问题在于它们不会立即更新文件的更改,因此您需要移动到浏览器来检查更改。 如果遇到此问题,则可以用Busted替换缓存插件。 修改后,它将刷新文件的浏览器缓存。
![](https://i-blog.csdnimg.cn/blog_migrate/653efff7df64ec93d149ada1c3d5fa6e.png)
如果您是Iron Man的粉丝,则应该知道Jarvis是他的私人助手,他一再挽救他的性命。 此Jarvis版本也可以作为您的个人助手,但只能在WordPress WP-Admin中快速导航。
![](https://i-blog.csdnimg.cn/blog_migrate/3594e7f0337b787c3949e03ceb43364d.png)
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-01-2014/