一半设计一半前端_第7页

JavaScriptDOM编程艺术

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

zblog建站

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

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

zblog建站

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

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

案例集

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

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

案例集

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

在ofo和摩拜两大单车阵营中，我是ofo一派的，最直接的原因就是它家押金比摩拜少，我当时交了99元押金，然后在支付宝花了9.9买了一个包月包，结果根本没用上，因为ofo不是免费骑，就是不停地发抵用券，...

酷站推荐

超多美腻的渐变图层样式，来自于webgradients！

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

案例集

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

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

案例集

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

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

案例集

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

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

案例集

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

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

案例集

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

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

案例集

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

在几年前，如果想在网页中添加阴影或者圆角等效果，都必须使用png图片才能完成。 CSS3提供的box-shadow、text-shadow、border-radius等属性，...

案例集

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

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

案例集

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

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

界面设计

学ps，你应该知道的《PS礼仪手册》！

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

案例集

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

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

zblog建站

zblog通过自定义模块添加百度搜索

zblog后台的模块管理分为好几块，一个系统模块，这个是写死的，如果要改的话，一般要激活“禁止系统自动更新模块”。还有用户自定义的模块，可以随意放在侧边栏上，也可以调用。主题和插件生成的模块也一般是用来侧边栏调用的。好多插件生成的模块都不知道放在什么地方了，更不知道如何修改文件。最后一种是灵活度很好...

案例集

CSS3案例集02：漂亮的人像相册集

查看效果下载地址链接: https://pan.baidu.com/s/1i4JQpzn 密码: 78mj 一...

案例集

CSS3案例集01：加载外部字体和文字排版

文字排版是网页布局里面需要掌握的第一种技能。该案例主要涉及以下几个知识点：1、标题导入外部字体2、首行首字文字变大3、段落两端对齐具体效果如图：查看效果下载地址↓链接: https://pan.bai...

jQuery教程

jquery插件推荐：Unslider超小的轮播，支持鼠标经过停止播放和响应式

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

最近更新