23
04 月

图像主题颜色的应用越来越多,如google相册 可以按照颜色对图片进行检索,design-seeds 上的色彩设计。相关算法主要有中位切分法、八叉树提取法和KMean clustering 等算法。关于这些算法,推荐这两篇文章,写的非常好:图像主题色提取算法 和 图片主题色提取算法小结 ,本文只就中[……]

阅读全文

05
12 月

图片是网页中占用宽带大户,比JS、CSS相比大很多,而且后者重用率很高。设置合适的缓存时间后,JS和CSS能够直接从本地加载,而图片往往因页面而异。异步加载有效的减少了页面阻塞,也可以节约服务器资源。

通常的方案是不为图片标签设置正确的src地址,然后通过JS来赋予src正确的值,就实现了异步[……]

阅读全文

27
11 月

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

阅读全文

08
11 月

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

阅读全文

18
12 月

网站制作归档页,用于向访客展示内容,还可以向搜索引擎示好。WordPress 归档页的实现方法非常之多,可以插件实现,也可以用php显示的查询数据然后格式化输出。本博改版后就重新修改一下该文,老方法自己都没看懂,现在通过get_posts()函数获取所有文章,然后格式化输出。
模板代码:
下面是[……]

阅读全文

05
11 月

某日当我给图片添加 CSS3 圆角样式(border-radius)时意识到Firefox并不支持该属性。之后我摸索出一种方法来实现——给原始图像添加span标签并置其本身为背景图像。

效果预览:点击查看  
目标
我的目标是运用CSS3 border-radius 和 box-shado[……]

阅读全文