[译]WTF,HTML&CSS?

绝非是标题党,下面的东西至少让你少踩几次坑,翻译完才发现这篇文章已经有人翻译过了,但是经过对比,还是自以为翻译的要用心点:(。 译自:http://wtfhtmlcss.com/。 —————译文————— 一些HTML和CSS的组合也许会让你忍不住爆粗口,下面是整理出的列表 声明文档模型 如果遗漏文档模型会导致,浏览器使用怪异模式渲染页面,表格,输入框等会显得畸形。 盒模型的计算方式 元素设置了padding,border-width之后width值就会变大,如果要改变这种计算的方式,可以使用box-sizing:border-box来重置。 移动端Safari下的rem单位 移动端Safari支持rem单位,但它在使用其作为媒体查询时候会变得很糟糕, »

【译】html&CSS教程

之前做过译文预告,立下宏愿要完全翻译完,现实非常骨感,至今才翻译到第六篇,忍不住了先放到这里做个目录。 术语、语法和介绍 元素和语义化 盒模型和定位 排版 背景和渐变 无序列表,有序列表和定义列表 图片、音频和视频 创建表单 使用表格来组织数据 貌似github page的速度十分不佳,还经常性抽风,好吧,择个黄道吉日换个地方,farbox.com或者自己搭建个…… 最后再插一句,个人认为这个教程和网上流行的其他教程都不一样, »

堆叠按钮

相信大家业已了解CSS3 icon font的诸多优势,在之前的文章中较为详细的介绍了icon font的制作和应用,但美中不足的是制作出的按钮icon只能为单色,而且受限与icon矢量缩放的特新,在单个字体中的形状也不会太复杂,今天的译文或许可以提供一种新的思路。 英文地址:http://conor.cc/posts/icon-stacks ————–以下为译文————————————— 结合不同的icon font 字形可以创建组合式的超级icon(mega-icon)。 如果你最近才加入设计师和开发者的队伍中并在使用icon font,那么你很可能正处在蜜月期。对于我来说,在我第一次在App中使用这些甜蜜而可伸缩的字形的时候,icon »

译文预告——html,css新手教程

译前碎语——自从之前的css3笔记的系列之后,博客的更新频率便慢了许多,人也浮躁了很多,恰好看到这个教程,共有10篇,一口气读下来感觉很是不错,和网上相思教程的最大不同便是这个先导涉及了html5的部分知识,同时也顺带了很多作者的实践心得,很是值得通读,可谓是老少皆宜:) 译文共有10章,如果时间上不容许也可以读读本博之前的文章html和css简介。 ————-3.29————- 原本计划还是写在这个博客,结果发现有诸多不便,于是便放在了github page上面,绑了域名learn.hicc.me. 抽空简单设计了下样式,还未应用上去,等到译文完成, »

css基线之道

译者注:网页设计布局中一直比较流行网格对齐,但只是针对水平的对齐,很少或者没有涉及垂直对齐,这篇文章很详细的讲解了垂直网格,乃至基线对其的相关,而css3中的多列布局的也使其显得更为重要,因此还是很有必要去了解学习,至少也是一种思路。 ——————————译文——————————- 这或许是因为缺少基线网格的理解和欣赏,更或者是因为基线网格是出了名的难以实现, 迄今为止还没有人拿着蓝图让它成功实现。 有些人甚至认为基线在网络上是多余的,基线作为一种排版术语和网络上的行为,在网络上遵循的规则有别于用于印刷的,line-height和真正的行距之间令人沮丧的差异就是最明显的例子。 目前,无论怎样,让我们先假设基线至少在某种程度上对于来说网页设计师是一种有用的工具。但是它到底是什么样的一种工具,在我们手上有什么可以自由使用的工具来实现它,并且最重要的是,这到底值不值得。 垂直网格和模式识别在数学计算和为实现基线对齐而进行将在的轻移之前, »