Posts with the tag '主题美化'

google电吉他Doodle源代码


为了纪念电吉他之父莱斯·保罗诞辰96周年,Google首页的Logo被设计成一个电吉他,并且鼠标滑过会弹出美妙的音乐,当你按下键盘图标时,还可以直接用键盘弹奏这个“电吉他”。google的创意非常好,我喜欢。

现在提供这个Doodle的源代码给各位,Google保留所有权利。

Google 电吉他谱子:(挑几首简单的,先按下键盘图标,然后用键盘弹,记得关闭输入法)
两只老虎 : TYUT TYUT UIO UIO OPOIUT OPOIUT UWT UWT
沧海一声笑 : POUYT UYTEW WEWETYUOP PPOUYTY
隐形的翅膀 : 358787 6568321 11186532122 358787 6568321 1118653211
天空之城 : 6787807 365685 254573 874477 6787807 365685 34878908 876756 1232352 5878007 678789855 43213 376321 21253 376321 21276

美国电吉他大师莱斯·保罗简介:
莱斯·保罗(Les Paul,1915年6月9日-2009年8月13日),生于威斯康星州沃基肖市,原名Lester WilliamPolsfuss。美国音乐家及发明家。研制出实心电吉他,并且发明了各种录制人声和乐器的新方法,从而一手改变了音乐的方向,有电吉他之父之称。威斯康辛州的乡亲们称为“沃基肖的奇才”。2009年8月13日,“电吉他之父”莱斯·保罗在纽约去世,享年94岁。
google guitar源代码下载:dbank|skydrive

4 comments June 11th, 2011

BBEdit-文本和HTML编辑工具

BBEdit是为Macintosh开发的领先的专业HTML和文本编辑器。具体来说,在响应Web开发和制作的开发人员的需求,这个产品提供了大量编辑的功能、搜索和文本操作。 BBEdit提供一流的功能,包括grep模式匹配,搜索和替换多个文件,项目定义工具,功能导航和源代码的颜色标记,代码折叠,FTP和SFTP打开和保存,AppleScript,、Mac OS X Unix 代码支持。
BBEdit是一套强大的HTML工具,可以试试。
BBEdit 下载:dbank|

Add comment April 6th, 2011

TopStyle-代码编辑利器

TopStyle可以将你的文档保存为ANSI编码(TopStyle3.x的默认格式)或Unicode编码(使用UTF- 8或UTF- 16)。当你打开一个文档时,TopStyle会自动检测你要打开文件的编码。新的FTP Explorer面板使你可以通过FTP编辑在线文档,当你保存文档时,它会自动上传到你的FTP站点。 TopStyle在编辑器上方提供用户可配置的HTML工具栏。 TopStyle包括IE8(微软的Internet Explorer8)、FF3(Mozilla Firefox 3)和SF3的(Apple Safari 3)的CSS定义、HTML5的定义和iPhone的开发框架。
主要特点:
»预览你写的CSS
»轻松为你的网站提供配色方案
»支持样式检查验证多个浏览器的CSS语法
»使用站点报告地查看在你的网站使用的CSS样式
»风格迅速升级使用具有同等CSS样式替换过时的HTML代码
TopStyle v4.0.0.86注册版下载 :dbank|skydrive

Add comment March 13th, 2011

yahoo笔试题

这道题是我在论坛里看到的,有这么一段HTML,请挑毛病:
<P>&nbsp;&nbsp; 哥写的不是HTML,是寂寞。<br><br>&nbsp;&nbsp;我说:<br>不要迷恋哥,哥只是一个传说
这是原来雅虎一道笔试题(文字变了变),用了很多年了,还没有一个人完全答对过。
解答部分:


出这道题的动机是,太多人觉得HTML太简单,但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合理,直接影响到代码易不易维 护,灵不灵活,同时事关网页性能,协作效率。碰到不少人认为前端开发就是javascript开发,大错特错啊。javascript, html, css这三个前端开发的基础支柱,性质完全不同又紧密关联,对它们的正确理解,合理应用是专业与非专业的区别。有些后端工程师可以写出很漂亮的JS,但他们真的不懂怎么合理的把js, html, css结合起来应用。对html的准确把握,不像学一般的编程语言那样,而是建立在丰富实践经验和体会的基础上,是前端的工程师的基本功。这道题考的是基本功。代码如其人,对一行代码的理解足以反映出他的前端开发素养。
言归正传。这道题的考点:
考点1:html和 xhtml的区别
这行代码在html 4.01 strict下是完全正确的,在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的,p,br需要闭合, 标签不允许大写,P要小写。同时nbsp和br必须包含在容器里。html下这些都不是错。p在html里是可选闭合标签,是可以不用闭合的。
这个考点告诉你xhtml是多么苛刻。这是基本考点,答对,你能拿到60分。
考点2:考样式分离
用nbsp控制缩进是不合理的。应该用CSS干这事。所以应该删掉nbsp
考点3:合理使用标签
br是强制折行标签,p是段落。原题用连续的br制造两个段落的效果,效果是达到了,但显然用的不合理,段落间距后期 无法再控制。正确的做法是用两个p表现两个段落。”我说”后面是正常的文字折行用br是合理的。
上面全答对,你就能拿到100分。

对原题改进的结果:
html 4.01:
<p>哥写的不是HTML,是寂寞。<p>我 说:<br> 不要迷恋哥,哥只是一个传说
xhtml 1.0:
<p>哥写的不是HTML,是寂寞。</p><p>我说:<br /> 不要迷恋哥,哥只是一个传说</p>
加分:合理的用语义化标签
在前面的基础上合理的用语义化标签,对内容进行必要的标记,是加分的。但过度的使用标签,就画蛇添足了。如”我 说”的话,可以用q标签标注。

<p>哥写的不是HTML,是寂寞。
<p>我说:<br> <q>不要迷恋哥,哥只是一个传说</q>
我觉得这就够了,如果再进一步,”我”用cite标注,”HTML”用abbr或acronym标注(至于再讨论abbr和acronym的区别就太较真了),也可以,再复杂就没必要了。
<p> 哥写的不是<abbr title=”Hyper Text Markup Language”>HTML</abbr>,是寂寞。
<p><cite> 我</cite>说:<br> <q>不要迷恋哥,哥只是一个传说</q>

5 comments May 16th, 2010


谢谢支持无名小卒:

Enter your email address:

Delivered by FeedBurner

Categories

Recent Posts

关注无名小卒

Blogroll


欢迎访问无名小卒 点击订阅