CSSOff 2013
阅读评论
上线了!
如果这是你第一次听说它,这是一个比赛,你获得一个 Photoshop 文档,并有两周的时间将其转换为 HTML 和 CSS。你将根据既定的标准进行评判。
今年的设计出自Daniel Mall。
您必须通过CodePen提交您的设计。由于您需要托管文件(如图像)才能实现此目的,并且您希望私下工作,因此您需要一个 CodePen PRO 帐户,在比赛期间您可以免费获得。只需登录,然后点击此处获取免费升级。
来自网络各处我们正在阅读并有一些想法的内容。有我们应该知道的链接吗?告诉我们!
上线了!
如果这是你第一次听说它,这是一个比赛,你获得一个 Photoshop 文档,并有两周的时间将其转换为 HTML 和 CSS。你将根据既定的标准进行评判。
今年的设计出自Daniel Mall。
您必须通过CodePen提交您的设计。由于您需要托管文件(如图像)才能实现此目的,并且您希望私下工作,因此您需要一个 CodePen PRO 帐户,在比赛期间您可以免费获得。只需登录,然后点击此处获取免费升级。
本质上是将依赖项(脚本和样式)块导入 HTML 文档的一种方式。
<link rel="import" href="imports.html">
但是,它实际上并没有像 CSS 中的@import
或服务器端语言中的 include那样,将引用的文件内容直接放置在您调用它的位置。HTML 非常需要这样做。
我同意 Dudley Storey 提出的这些一般准则。这些通用长度测量单位落入一些非常具体的利基市场,这很有趣。
假设您向页面添加了一些新元素,并且它会将内容推开。这可能瞬间发生,但如果被推开的元素动画到其新位置,这将有助于您的大脑理解刚刚发生了什么。Alex MacCaw 及其新的 magicMove jQuery 插件闪亮登场。
该库通过将您要转换的元素的单独隐藏克隆附加到页面来工作。您执行的任何 DOM 操作实际上都在操作该克隆。然后,完成后,库会查看元素当前位置和克隆位置之间的差异,并在它们之间进行动画处理(使用 CSS 转换)。
我非常喜欢 Andrew Colclough 在此提出的前端架构思想。
我希望我解决此用户问题的方法能够可重用、独立且适应不同的用例。
Jessica Enders
问题在于,在追求简洁的过程中,扁平化 UI 可能走得太远了。
在“扁平化设计”趋势可能达到顶峰之际,关于表单实际可用性的重要内容。我强烈怀疑,随着时间的推移,我们将开始看到传统的使用提示逐渐渗透回设计中,比如看起来像按钮的按钮和看起来(正如 Jessica 恰当地描述的那样)“空心”的表单字段。
Stijn Debrouwere 在这篇文章中有很多值得引用的话
没有什么比一个充满数据、图表和趋势线的仪表盘更能让我们感觉自己像个成年人了。
…只有当你打算用指标做些什么的时候,它们才有意义。
我从未见过一家新闻机构拥有能够让他们现在就能定期响应读者行为的工作流程。
1) 想出一个主意,根据数据,你会做 A、B 或 C。2) 然后查看数据。3) 然后执行 A、B 或 C。