八个具有可扩展性的作品展示PSD 模板下载

八个具有可扩展性的作品展示PSD 模板下载

作为你是一个设计师或者前端工程师,如果你想show 一下你的作品,除了给个demo 外,你还可以通过一些图片的形式。比如说一个网页,可以通过一张在电脑前显示该网页的图片展示。下面Jeff 从elegantthemes 的官方博客带来以下几个具有可扩展性的作品展示PSD 模板下载。

iMac 桌面一体机PSD 模板下载(可用于展示网页作品)

介绍个好东东,当你做出了个不错的网页作品(比如WordPress 主题),你想show 一下,可以借助下面的PSD 模板做一个展示网页作品的演示图片。具体见最下面的效果图片。该模板作为show 网页作品的演示载体是iMac 桌面一体机(话说这东西还真买不起),这些psd 模板都是GPL授权,有需要的就速速下载吧~

CSS Auto Reload:解放F5 键,自动刷新浏览器的前端利器(Chrome 扩展)

在进行前端开发的时候(本文具体而言是编辑CSS 文件时候),常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了,以前在开发WordPress 主题的时候Jeff 都是傻傻按F5 刷新,一次开发下来F5 键的位置常常是油腻腻的,还担心坏了。不过,有了这个chrome扩展,一切都成为过去式;唉,相见恨晚啊~

Intro.js:网站功能操作分布引导插件(附中文独家使用教程)

现在如果你是第一次访问Jeff的阳台的首页,你会发现会出现如下图的一个“导游”界面。这个就是使用Intro.js 这个javascript 插件制作的。在当初接触的时候,我发现网络上根本没有个中文使用教程,还是一点点啃下readme 文件才知道怎么用,接下来我将为各位介绍一下这个插件的使用方法——中文独家使用教程。

rainyday.js——超逼真全屏雨滴模拟插件

rainyday.js——超逼真全屏雨滴模拟插件

rainyday.js 是一个模拟雨滴落在玻璃上的JavaScript 库,基于HTML5 的canvas 。rainyday.js 做出来的雨滴效果非常逼真,在模糊背景的下的雨滴一点点爬满“玻璃”,配合着的背景音乐令人浮想联翩~~好了,有兴趣的往下看。

CSS 代码的书写规范、顺序

本文来自设计达人网站,Jeff 看到该文感觉非常有必要学习分享,so,转载在这里,感谢原作者——写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。