月归档:七月 2011

如果云(3个)、如果说(5个)邀请码

现有3个如果云、5个如果说邀请码,要的留言说要哪个即可,不用把邮箱写到留言里。 邀请已经发完了,不再发了。

发表在 不想分类 | 标签为 | 37 条评论

我最喜欢的10个iPhone游戏

上次推荐了我最喜欢的10个安卓应用,基本都是手机上的常用工具。这次就列举一下我最喜欢的10个iPhone游戏。 Mega Jump——吃金币上升的游戏,非常多人在玩。是我目前唯一一个通关的游戏⋯⋯ 新版本可以买新场景继续玩了,有意思! Bongo Touch——类似太鼓达人的游戏,玩起来容易许多,也非常有意思。 Nuts!™——最近很火的小游戏。就是控制一只小松鼠在树上不停的向上跑但是还不能撞到树枝上。 Doodle Bouncing Star——类似DoodleJump的游戏,特点是内置画板,可以自定义角色图像。还可以解锁装备。我认为最好是找个朋友做鬼脸的照片做一个角色,然后控制他(她)往上蹦。 Last Rocket——非常好玩的像素风益智游戏! Flick Kick Football——用手指控制踢任意球,多种模式,非常有意思! 怒首领蜂——我比较热衷弹幕游戏,尽管实力不济。同街霸4一样,可以些许找回一些街机的回忆。顺便分享一条秘籍:在选择战机界面,从默认的A型战机依次切换到B→C→A→B→C→B→C→A→B→C→A→C→A→B→C→A→B即可集合终极BOSS战机。 街头霸王4——SF IV基本还原了PC版街霸4代的主要特色,3D水墨风格效果,技能也很全。是我认为最好的iPhone4移植游戏。 Let's Golf 2——非常好玩的卡通高尔夫球游戏,3D场景,球场较多。貌似出3了,但是3真的不好玩。 水果忍者——切西瓜什么的最有爱了,吃饭等上菜的时候可以切切玩。 玩腻了的: 愤怒的小鸟系列——其实这个游戏主要是给别人玩的,连这个游戏都不装的话,比较丢人。 Kartrider Rush——跑跑卡丁车iPhone版。画面效果十分接近PC版,赛道、赛车、角色跟PC版也是一样的,十分有意思,可以联机。有解锁补丁可以解开全赛道、赛车及角色。 以上就是我目前最喜欢玩的10个iPhone游戏,更多精彩应用可以关注App每日推送,有不少好玩的限免东东。

发表在 移动设备 | 标签为 | 5 条评论

慎用section标签

泛滥的<section> 在xhtml构建网页阶段,有一个名词叫“Divtis”(“Div症”),意为重构人员过多地使用了<div>包裹元素:嵌套繁琐或是错误使用(如该用<span>时也用<div>)。随着HTML5的流行,大量“语义化”标签的出现似乎拯救了他们,因为页面总算看起来没有那么多<div>了。 然而实际情况却不是这样,除去一些伪html5页面[1],我看到大部分页面里<div>仿佛在一夜之间就蒸发掉了。他们中的一部分变成了<header>、<footer>、<article>、<nav>、<aside>,剩下的却一股脑全变成了<section>,恐怖! 使用语义化的标签不是更好吗?为什么是恐怖?其实这并不好用一句话表达出来:HTML5的新标签只是帮助页面里的不同板块角色更明确,使重要内容更容易被机器准确地识别出来。在这方面或许跟标签的“role”属性比较像,我认为HTML5标签如果使用得当,“role”才是应该消失的东西。如果页面布局从div+css变成section+css,满屏都是同样的“语义化”标签就等于满屏都是没有语义的标签,因为机器看不出哪些<section>是容器哪些不是了,所谓的语义化也就大打折扣。所以,我起了一个比较吓人的标题:慎用<section>。 <section>是什么? 其实在W3C官方文档中不难找到答案: The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading. <section>看起来像是有语义版的<div>,但实际的使用是用在一个专题性的版块,且通常带有一个标题。适合用于章节、标签切换效果的每一个tab容器或论文中有编号的地方,也可以用于网站主页中划分简介、新闻、联系信息等板块[2]。 官方还给了一个提示: The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline. 说的十分明确,<section>不是一个普通的容器元素,当为了样式布局时,建议使用<div>。当元素内容明确的列举在大纲时建议使用<section>。 我想W3C的介绍说的已经足够明确,只要谨记一点就不容易用错:<section>不是一个通用的纯容器标签。对这个问题我困惑了很久,因为有些HTML5教程让我迷惑,而很多大网站也是在疯狂的使用<section>作为容器标签。 使用<section> <section>可以相互嵌套,在页面中定义了一个特殊的顶级区块,于是可以从<h1>开始列提纲而不用担心会破坏网页的纲要。尽管没找到明确说明,但我个人认为在每一层<section>里还是仅使用一个<h1>为佳。 以Wordpress主题为例,我认为与#sidebar相对的#content部分,使用<section>包裹一堆<article>作为页面的主要内容并不太合适。而使用<section>用在整体布局是明显错误的了。 而适合使用<section>标签的地方有: 文章的评论列表,有着整齐的结构; 文章内容的目录,有着文章内部结构纲要; 侧栏widget,在WebDesignWall中我看到了这样的设计,因为widget内容大都是评论列表、文章列表,有着清晰的结构且是独立完整的一部分; 包裹文章中各个章节的段落,但要在编辑器完成,目前来看并不易用。 随着标签越来越多样化,把标签用对本来就不是一件容易事,用得完全合理就更难了。好在目前这些东西用户是看不到的,产品经理也不会留意。如果没有强迫症,大可不必纠结与此。 最后我再啰嗦一次: 1、不要把<section>当<div>那样用; 2、没有section+css这个东西,严格的说div+css都是错误的说法。 好了,如果你有什么见解,欢迎发表评论与我交流。 伪html5页面[1]:即仅使用HTML5的<!DOCTYPE html>声明而再无HTML5特性、完全采用<div>标签布局的页面。 [2]:多为一些公司主页的版块化区域,“新闻”版块可能只有简单文章列表而没有正文,此类版块多在主要区域展示。

发表在 前端开发 | 标签为 | 17 条评论