一半设计一半前端

讲完了伪类选择器，还有一个兄弟叫伪元素的选择器也把它搞定吧。它们都有一个伪字，说明都是不存在的，但是它们也有区别：伪类是一种状态，伪对象是不真正存在于HTML文档中的标签对象，但是它是以html对象的方式虚拟出现，并且可以通过css控制的对象。在最新的CSS3标准中，把伪对象的格式改成了双冒号，即:...

拖了好久的教程终于等到授课结束了，便开始马不停蹄的准备更新~~~今年自学了很多关于UI类的内容，在审美上又有了一些提高，以后做的案例更美美哒！一、CSS3新增伪类选择器在CSS1版本的时候，几乎都是:hover的天下，在CSS2版本的时候，增加了:focus这个常用的，CSS3版本就增加了:nth-...

有学生要仿电商网站，需要一个带缩略图的产品放大镜的插件，我觉得这个还不错，推荐给大家。这个插件有好几种效果，但是在初始化插件的时候，把几种效果的初始化放在一个js文件里面了，所以我专门做了一个案例，提取了一个效果，可供大家参考。效果演示案例下载链接：https://pan.baidu.com/s/1...

通道一直是ps初级课程里面一个相对较难的知识点，今天暂且不谈通道的具体原理，就讲一个抠长头发丝的小技巧。网上很多教程讲解抠长头发丝，都是利用通道来完成，但是为什么都是一样的步骤，你扣出来就是一团糟呢，关键的核心步骤好多教程都没有讲清楚。今天我举一个栗子。一、找一张长发飘舞的照片，质量要高，这是抠图的...

宽屏时代，1920px的画布，满足大屏幕显示器，可以通过背景的100%让屏幕填充完整。内容版心区域在960px-1350px之间，满足1024分辨率的显示器和1366分辨率的笔记本电脑用户。其实现在pc端都是宽屏时代了，所以pc端的网页几乎都是以1280或者1440分辨率为最低需求。可以通过百度的流...

好东西要分享！无意之间在美丫姐分享的文章中发现了《PS礼仪手册》，一眼就看出这是个好东西。很多人用了好几年ps，你看他的源文件的时候都要强忍一腔怒火，为什么呢，你看完这个手册再来回复：你中了几条？整个手册从文件管理、图层、图片、字体、特效、练习、测试、导出这些方面进行了统一的规范，规范可以让我们更高...

图片轮播插件有很多，今天发现自己网站的幻灯片鼠标经过不能停止播放，还没有看清楚banner上的内容呢，就播放下一张图片了，很是郁闷。就想着能不能找一个鼠标经过停止播放的轮播插件呢，无意间发现站酷的轮播banner图就是可以停止的，然后翻了一下它的源码，发现了一个名字叫Unslider的js文件，百度...

当我们制作导航栏的时候，希望在当前页添加一个选中的状态，方便用户识别自己的当前位置。如图所示：完成这个效果有两种方法，一种是在a标签上添加current样式，一种是在li上面添加current样式，两种办法都可以。一、HTML结构<div class="divNavBar&...

全屏滚动结合css3动画，可以实现非常大气炫酷的效果，特别适合产品介绍、专题页等。推荐一个fullpage插件，功能强大，几乎可以包括所有全屏滚动的效果。动图效果如图：插件展示插件下载链接：http://pan.baidu.com/s/1mimNNZy 密码：1tf2主要功能有：支持鼠标滚动支持前进...

用过很多lightbox和fancybox等图片灯箱效果，今天这款插件几乎包括你所有的想象，简直就是大而全的灯箱效果。特别适合用来做相册。效果图如下：插件演示插件下载链接：http://pan.baidu.com/s/1pLqf7cB 密码：484xlightGallery是一款轻量级、可定制、响应...