轩枫阁

首页 / Web前端 (第28页)

多说头像CSS样式自定义-让评论更炫酷

前言

所谓的社会化评论,即网站的评论系统集成“QQ、QQ空间、新浪微博,人人网、豆瓣”等社交账号及第三方平台的单点登录功能,实时评论同步,实名制留言将大大提高评论的质量和传播效率。通过插件安装、插入代码等方式使用社会化评论。如今wordpress、DedeCMS、DISCUZ等众多博客均可使用。

现今的社会化评论系统,主要有:友言多说畅言灯鹭

轩枫阁从13年3月上线时,一直使用多说,只因其UI及体验吸引住了我。使用灰色背景,完美搭配多说自带主题,无需自定义CSS。但是最近发现多说的自定义CSS功能结合CSS3可以做一些炫酷的效果,主要是针对头像。

关于多说

多说是一款追求极致体验的社会化评论框,可以用微博、QQ、人人、豆瓣等帐号登录并评论。多说帮助用户搭建更活跃,更互动的评论平台,功能强大且永久免费。它正在改变网站与用户之间,用户与用户之间的互动方式。这个专门基于社交网络的评论系统,能够轻松的帮网站主搭建自己互动性极强的社区,让留言的用户都有“家”的感觉。

效果图

查看全文

2014/08 30  周六

console控制台招聘 – 创意招聘

前言

如果做web开发,有浏览器调试的经历,那么你可能会在调试工作台看到过各大网站的招聘公告。在有调试功能的浏览器,如Chrome谷歌浏览器中,F12或右键->审查元素即可看到。

dfgfdg

豆瓣

asfdasf

喜欢看豆瓣的代码,还是发现了什么bug?不如和我们一起为豆瓣添砖加瓦吧!

http://jobs.douban.com/#position-zsqd

查看全文

2014/08 23  周六

CSS3黑白滤镜grayscale的应用

前言

CSS3 Filter与我们所熟悉的CSS Filter是完全不同的两个概念,也不是所谓的IE滤镜,它是指通过CSS或SVG渲染元素概念可以描述的元素,包括子元素。

语法

语法很简单,grayscale的参数中100%表示黑白色调,0%表示彩色。

demo

链接

http://xuanfengge.com/demo/201408/gray/ 查看全文

2014/08 17  周日

HTML5移动端数据图表组件调研

chart.js

技术:基于HTML5 canvas

文档:英文(http://www.chartjs.org)、中文(http://www.bootcss.com/p/chart.js

类型:6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)

量级:独立包,不依赖第三方 JavaScript 库,小于 5KB

大小:Chart.min.js-50.201 kb

特性:颜色,字体,边框和它们的尺寸都可以定制,图表可以动画的形式加载,非常炫

兼容:支持canvas的所有现代浏览器和大部分手机浏览器,自动针对retina屏幕做缩放

其他:图表如果使用动画效果,在PC端流畅,但是在移动端效果产生抖动延迟现象;如果不使用动画效果在移动端则正常显示

推荐指数:★★★★☆ 查看全文

2014/08 02  周六

使用CSS3 实现列表翻转

面试题

<ul>有 10000 个<li>子元素,如何将这 10000 个<li>颠倒顺序。要求是效率尽量高。不光是算法效率,还要考虑DOM元素操作的效率。via:V2EX

方案设想

1. 先复制一份 (不要插入到DOM中,频繁的操作DOM消耗资源是很大的)

2. 对复制出的这份做操作. 方法是从最后一个开始拿插入到一个新的<ul>中 (这一步也不需要插入到DOM中)

3. 将DOM中的<ul>更换为从新排序的<ul>

优点在内存中操作完成,然后插入到页面中,效率上有所提升。

缺点:复制的实现复杂效率也不高,cloneNode 也不克隆事件。

一看到这道题,很多人也就在想利用JS,结合算法实现出来。但是最佳的方案竟然不是这个。

最佳方案

利用CSS3,以下代码,有想到如何实现没? 查看全文

2014/07 10  周四

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子