最近更新

带缩略图的产品放大镜jquery插件

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

仿腾讯专题页,实现3D旋转效果

仿腾讯专题页,实现3D旋转效果
这个专题页我挺喜欢的,就在上课的时候简单的仿制了一下,不过没有设置video和图片的切换,直接用了图片,算是阉割版了。下面的3D旋转使用了不同的方式,把图片也包括进去了,原始版本是只有边框旋转,图片不...

CSS3案例集12:响应式布局初体验!(更新移动端导航菜单)

CSS3案例集12:响应式布局初体验!(更新移动端导航菜单)
一个月的ps基础课程教学终于结束,网站也好久没有更新了,今天学生们准备项目汇报的作品,我忙里偷闲赶紧来更新一下。响应式布局几乎是现在网页设计的标配,能在不同的屏幕宽度下显示不同的效果,而不用准备不同的...

css3渐变文字动画和齿轮旋转动画

css3渐变文字动画和齿轮旋转动画
以前没发现background-clip还有一个-webkit-的私有属性:text,可以实现文字背景,结合渐变,可以实现很棒的文字背景无缝滚动。这里案例是很早以前就做的齿轮旋转动画案例,今天才放上来...

成都华信智原2018开年大促专题页

成都华信智原2018开年大促专题页
到了年终,忙的一塌糊涂,市场部做设计的被调去做画册了,于是领导让我帮帮忙,做一个活动的专题页,想着自己以前主要是码代码的,设计稿都是设计师直接给,要么就是仿站,自己还真没有啥特别的设计水平,可是领导交...

成都华信智原学生作品展模板

成都华信智原学生作品展模板
公司年终要弄学生的作品展架,门型展架,摆放在走廊的两方,让学生和老师都各自设计一套展架出来,我这个前端老师也没有幸免,谁让我在UI组呢。我从来没有设计过平面类的东西,但是想想,和网页设计应该差别不大吧...

华信智原UI1705班html+css结课作业展示!

华信智原UI1705班html+css结课作业展示!
一个半月的html+css的课程结束,上个星期进行了结课作品展示,我也为各位同学做一个总结吧。因为是UI班级,所以代码主要学习html语义化结构和css2、css3样式,jquery讲了插件的应用,大...

为什么看了无数教程,还是抠不好长头发丝,关键步骤没告诉你!

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

网页设计中是如何计算网格系统的?

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

《30天学会绘画》这是一本神奇的书!

《30天学会绘画》这是一本神奇的书!
从小就喜欢绘画,奈何家里提供不了任何支持,错失了练童子功的机会,虽然大学也学了两年的素描水彩什么的,但是都属于涂鸦水平,后来无意间看到知乎推荐这本书,在优设的一篇译文中也看到国外设计师的推...

JavaScript高级程序设计

JavaScript高级程序设计
据说是web前端人手一本的宝典了,学习JavaScript的必备书籍,很厚很厚的砖头书,去年买了今年都还没有看完,哭。当久了老师,好想再当一次学生。没有JavaScript的前端不敢想象会多么的无趣,...

css权威指南

css权威指南
我的CSS启蒙书籍并不是这本书,而是一本叫做《网站重构》的书籍,不过已经很老了,找不到了,书籍也被学生借去,学生毕业后也黄鹤一去不复返。所以生平最怕别人借书,好书都藏着,人要学会拒绝,哈哈...
Top