01
12 月

相比Photoshop而言,CSS图像滤镜是一种快速的方式来调整浏览器中的图像。本文简要介绍这9个滤镜,均提供了很好的方式来保持网站的视觉内容的风格一致性,或者只是添加一点有趣的图片互动。CSS滤镜最常用于调整图像图像和背景的显示,但也可应用于其他视觉元素,如边框和按钮。
CSS滤镜属性
这些C[……]

阅读全文

27
11 月

在2016年里,hero headers或hero images是最常用和美观的网页设计趋势之一,而且很可能之后会流行几年。术语hero经常可以与jumbo(庞然大物)互换,指页面顶部的全宽图形或照片。在网页设计中有多种方法来使用hero image,可以是背景图像,或直接在页面中添加图片。[……]

阅读全文

15
11 月

以前在一般情况下,js等静态资源托管在自己的服务器上,或者引用goole的公共库使用,后来由于不可描述的原因google无法使用。近几年来,国内各大巨头和CDN供应商相继都提供了静态资源加速服务,主要有百度,新浪,奇虎360,又拍云和七牛:

百度静态资源公共库 http://cdn.[……]

阅读全文

08
11 月

页面滚动时固定菜单或侧边栏是常用的手段,通常依靠javascript扑捉滚屏事件,再配合元素的CSS属性来实现。CSS中position:fixed也能实现一定的需求,但功能比较局限。
1. CSS 固定导航菜单
导航菜单一般置于页面顶端或左侧,现以顶部为例,屏幕滚动时希望它一直固定在顶部,只需[……]

阅读全文

27
10 月

网上有很多高质量的图标,基于icon的关键词能在Google上搜索到不少内容,不考虑版权外还要修改大小、颜色等等,现在介绍一些替代方案:Unicode、CSS 和 Font,它具有更高的灵活性。
方案一:Unicode(维基百科)
维基百科中:

Unicode(中文:万国码、国际码、统一码、单[……]

阅读全文

25
09 月

以前我写了一篇关于如何为自适应网页制作教程手机导航菜单,现在我又摸索出一种无需JS脚本的自适应导航菜单,它采用纯粹的语义化HTML5标签来完成。该菜单可以左对齐,居中或右对齐,也不像上一种方法中需要点击来展开列表,本例中悬停激活更加方便,而且它能通过标记表明当前位置。它适用于所有的移动和桌面浏览器,[……]

阅读全文

19
05 月

自适应网页设计近来很流行,如果你接触比较少请参见 responsive sites。当然,对一个新手来说可能听起来有点复杂,其实它比你想象的简单多了。这里是一个快速教程,通过学习你会自适应网页和media queries的基本原理(前提你有css基础)。

查看演示 Demo

Step 1:M[……]

阅读全文