打开音乐

无线前端开发 – cssoul.com

TOOL

支持JQuery1.3.2以上版本的WordPress音乐插件LRC-19Line

2010-12-27 | HTML/CSS,JavaScript | 评论[2]

    前两天玄寂 同学推荐了一款WordPress音乐插件 “LRC-19Line” —— 一条置顶在页面上方的LRC LINE.
    不过作者 19.  并没有提交到 WopdPress Plugins,在WP后台没有搜索到该插件。google了一下,第一条便是作者关于LRC-19Line的介绍,大致看了一下,就按照作者所描述的方法下载并安装了该插件(-= WP插件下载 =-)。

    正如作者所强调的问题,我也遇到了JQuery兼容的情况,我的博客使用了JQuery1.42。好吧,没事就折腾一下好了,对原有的jQuery(“div[@class='line_19']“)全部换成$(‘.line_19′); 这种形式,就这样播放音乐的功能实现了。但是LRC-19Line默认的样式并不符合我的要求,于是我对19_line.php、line.css做了相应的调整。

喜欢的同学可以直接从这里下载:

-= LRC-19line(cssoul WP插件版本)=-

其他版本下载:

-= 1.2.1FLASH源下载 =-

-= 1.2版本FLASH源下载 =-

-= 1.0版本FLASH源下载 =- | -= WP插件下载 =-

继续阅读 »

CSS3实现三角面包屑

2010-12-10 | HTML/CSS,无线前端 | 评论[0 ]

网站面包屑主要有一下几点作用:

  • 1、面包屑显示人们的当前位置帮助他们理解所处位置与整个网站的关系。
  • 2、面包屑提供一键回到较高层次的服务,援救那些通过搜索或者深层次链接进到特殊但是不合适页面的用户。
  • 3、面包屑在用户测试中从不产生问题:人们会忽略这样小的设计元素,但是他们从不误解面包屑,也不会在使用过程中出问题。
  • 4、面包屑在页面上只占据很小的空间。

一个简单的面包屑,我们通常采用这种方法实现:

您的位置: 首页> 我的淘宝> 已买到的宝贝

<div class="crumbs">
	您的位置:
	<a href="#">首页</a><span>&gt;</span>
	<a href="#">我的淘宝</a><span>&gt;</span>
	已买到的宝贝
</div>

继续阅读 »

iPhone原生webkit浏览器不支持CSS position: fixed

2010-11-29 | HTML/CSS,无线前端 | 评论[0 ]

当开发一个iPhone 的Web应用程序,我需要一些元素固定出现在屏幕上。比如:网页的头部头部、底部,或者工具栏。

当然在pc端,我们遇到这种情形下可以轻松解决的这个问题。

CSS属性:position : fixed

但是不幸的是这个属性在iPhone下不生效,当我们滚动屏幕时,它并不会固定呆在页面上。

为什么会这样?

技术上而言,CSS属性被遵从的,即使出现这个出人意料的情况。 为了理解正在发生的事情,你需要了解你所看到的iPhone实际上是一个完整的HTML页面到视觉窗口。

继续阅读 »

前端规范 – 不断更新

2010-10-08 | HTML/CSS,JavaScript,资源/工具 | 评论[0 ]

1.命名

HTML:
1)标签以及属性名使用小写;
2)标签自定义属性使用 data-property=”" 的形式来写;

3)对于传输给表单的自定义属性或者数据,建议通过类json或者类style内联样式的方式写入一个自定义属性,推荐的几种写法:
data-param=”a:a,b:b”
data-param=”a:a;b:b”
data-param=”‘a’:'a’,'b’:'b’”
data-param=”{a:a,b:b}”
注:大括号可写可不写,推荐不写,引号尽量不写,容易出错,推荐前两种形式;

继续阅读 »

对HTML语义化研究

2010-08-31 | HTML/CSS | 评论[0 ]

相信有很多人跟我一样,觉得前端就是写JavaScrip、ActionScript代码的,对HTML以及CSS并不太在意,其实HTML结构设计的合不合理,直接影响到代码可维护性、网页性能、同事之间协作效率以及对搜索引擎的友好……

javascript, html, css这三个大块性质完全不同又紧密关联,对它们的正确理解至关重要。有些后端工程师可以写出很漂亮的JS,但他们真的不懂怎么合理的把js, html, css结合起来应用,这就是我们前端开发人员的优势所在。对html的准确把握,不像学一般的编程语言那样,而是建立在丰富实践经验和体会的基础上。

这里推荐一篇克军的关于雅虎一道笔试题的破析:你真的了解HTML吗?http://hikejun.com/blog/?p=548
继续阅读 »


返回顶部