最近更新

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

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

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

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

JavaScript高级程序设计

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

css权威指南

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

JavaScriptDOM编程艺术

JavaScriptDOM编程艺术
JavaScriptDOM编程艺术 这本书可以作为web前端JavaScript与DOM的启蒙书籍,讲解非常深入本质,了解JavaScript在浏览器端的工作原理,以及如...

zblog建站:为文章列表添加缩略图

文章列表如果只有文字摘要显得实在单调,通过缩略图插件可以很好的实现图文混排的效果。zblog应用中心有好几个缩略图插件,我选择了nobird制作的免费缩略图插件,因为可以实现伪静态,提高访问速度。1、先在应用中心下载“缩略图插件”,启用。2、在需要加入缩略图的地方放入如下代码,如果是首页的文章列表,...

zblog建站:添加自定义的模板文件到页面中

以前都是使用zblog的默认文档结构,但是自定义性不高。如果想在页面中增加一些不同的结构内容,比如在首页,想要增加某个分类下的前十条文章,该怎么办呢?1、首先,新建一个模板文件,比如cases.php,放入如下代码,保存在template文件夹下。{* Template Name...

成都华信智原UI1705班ps基础课程结课作品展!

成都华信智原UI1705班ps基础课程结课作品展!
UI1705班一个月的ps基础课程结束了,11位同学,因为每个人的学习背景和知识结构的不一,最终的效果也有些差别,总体还是达到了预期的效果。 花一个下午的时间把同学们的平...

CSS3案例集13:改版ofo小黄车官网响应式布局

CSS3案例集13:改版ofo小黄车官网响应式布局
在ofo和摩拜两大单车阵营中,我是ofo一派的,最直接的原因就是它家押金比摩拜少,我当时交了99元押金,然后在支付宝花了9.9买了一个包月包,结果根本没用上,因为ofo不是免费骑,就是不停地发抵用券,...

超多美腻的渐变图层样式,来自于webgradients!

为什么自己在ps里面做出来的渐变始终没有别人的那么美腻呢?其实原因无外乎两个:1、审美不高,2、色彩认知低。今天推荐一个美美的渐变配色网站,超多渐变配色,而且提供png图片下载,提供CSS3源代码copy,还提供ps或者sketch源文件,真的是real贴心。网址附上:https://webgrad...

CSS3案例集11:columns多列实现报纸排版效果

CSS3案例集11:columns多列实现报纸排版效果
在css2中,如果要实现报纸杂志等平面设计中的多列布局是比较困难的,在CSS3中,增加了columns多列布局,可以轻松实现报纸风格类的多列排版,特别适合宽屏幕下的文章布局。查看案例案例下载↓链接:h...

CSS3案例集10:仿UI中国头部导航效果

CSS3案例集10:仿UI中国头部导航效果
每天看优设、站酷、UI中国的时间已经多过了前端网的时间了,难道我要转行UI吗?虽然我挺喜欢UI的,可是我还是恋恋不舍我的前端,总觉得自己用代码来表现效果更顺手呢。仿了一个UI中国的头部导航,但是改变了...

CSS3案例集09:五光十色的变色龙动画

CSS3案例集09:五光十色的变色龙动画
比起上一个弹跳的小球动画,我觉得这个变色龙动画更炫酷一些,当时看到百度这个效果的时候也是感到非常棒,于是自己仿做了一个案例,素材来自于百度浏览器产品发布页。查看效果下载地址↓链接:http://pan...

CSS3案例集08:弹跳的小球动画

CSS3案例集08:弹跳的小球动画
平时喜欢逛各大网站的专题版面,或者产品发布页面,因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面,以及下一个案例“变色龙动画”都是来自于百度浏览器,虽然我是谷歌浏览器的忠实用户...

CSS3案例集07:纯CSS3水平导航下拉动画菜单

CSS3案例集07:纯CSS3水平导航下拉动画菜单
在早期做下拉菜单的时候,因为IE6不支持li:hover这样的用法,导致必须要用一段JavaScript才能兼容IE6。但是现在随着浏览器的革新和技术的发展,已经可以不用考虑这个兼容性了,因为IE7以...

CSS3案例集06:纯CSS3绘制卡通风景画

CSS3案例集06:纯CSS3绘制卡通风景画
在几年前,如果想在网页中添加阴影或者圆角等效果,都必须使用png图片才能完成。 CSS3提供的box-shadow、text-shadow、border-radius等属性,...

CSS3案例集05:飘动的云和热气球

CSS3案例集05:飘动的云和热气球
这个案例的素材来自于htmleaf,要实现这个效果有好几种方法,在这里为了表现出CSS3的多重背景,以及可以用background-position做动画,选用了这种方法。查看效果下载地址链接: ht...

CSS3案例集04:斑马条纹的渐变圆角表格

CSS3案例集04:斑马条纹的渐变圆角表格
利用CSS3提供的伪类选择器,特别是子元素选择器nth-child,作出斑马条纹的表格再也不是难事了,而且利用nth-child(αn+β)这样的表达式可以实现分组的效果,棒呆!查看效果下载地址链接:...

学ps,你应该知道的《PS礼仪手册》!

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

CSS3案例集03:仿360安全卫士首屏

CSS3案例集03:仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位(css sprite)完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
Top