CSS

CSS Overlay技巧

设计模式通常是一组最佳实践和技术,主要目的是用来解决一些最常见的设计“问题”,通常是在上下文中提出的设计原则。这些原则之是一“停留在页面”的原则。这一原则是建立在页面刷新都打破用户的心中想要的流程基础上,造成所谓的“变盲”,我们需要用户无论保时何地可以避免打破这种视觉流程。我们可以在保留用户在网页和模型的过程中做出明智的选择。一个方式,让用户在同一页面上试图让内容在当前页面的背景下,通过展示一个“迷你页面”,或一个弹出的对话框。这个轻量级的层就是我们所说的一个“浮层”。

崇拜CSS

公认的拥有一个编写和管理CSS的方法比什么都要更好。尽管如此,一些开发人员的实践是不利于语义化质量和长期的可维护性。我们要讨论一些被提倡的"CSS框架方法”的问题和作为Web开发人员,我们如何可以更好的解决这些问题。今天最流行的CSS开发框架技术当属OOCSS,尽管还有其他类似的技术存在,如BEM。这些方法试图对CSS采用面向对象的编程原则。尽管样式语言和面向对象的软件设计原则在概念之间存在一定的问题,这些微妙的东西对于一个欠缺经验的开发人员来说可能不会立即显现出来。最令人不安的是,这些方法已经可以广泛的看到博客给其冠以"最佳实践"的评价。“abscence”的证据来阐述使用这些方法的好处——选择高流量网站只是一小部分——这反应了我的观点,他们代表了一种误导和盲目的崇拜

初学Foundation之网格系统

在学习Foundation系列文章中的上一篇,我们大概讲述了可以用这个框架来干什么,框架本身又可以做什么和如何自定义符合自己需求的框架。那么此文章就将深入地研究学习“网格系统”,过程中我将使用实例来演示。到最后,为了做出一些震撼的效果,我们还会学习对各种内容都可以实现滑动效果的插件:Orbit:Javascript插件

初学Foundation之入门篇

对于很多传统Web开发,每次从零开始开发一个工程项目都是必经之路;当每个工程项目都是不一样的时候,去创建一个可重用的代码库却是一件非常棘手的事情。许多有经验开发者可能更愿意花时间去创建一些前端框架,然而这却又是一件巨大的任务,更不用谈维持最新的框架及最佳实践。眼看每个程序员的需求,明显地,开发者是非常需要那些开源的、稳定的、可扩展性的和(最重要的)有齐全的文档说明的代码。关系到工程的大小,一个CSS网格系统可能已经满足(使用),如果你有选择地添加或者删除函数方法去满足你的需求岂不是更好吗?在本章中,我们将学习一个叫Foundation可自定义的前端框架。接下来这段时间,根据的系列教程,向大家介绍Foundation框架的使用。希望对大家有所帮助。

挑战最佳CSS实战

这篇文章介绍的技术特性在Yahoo通过实践以及有问题的技术代码到今天为止我们还在使用。你可能有兴趣阅读Jonathan Snook的《Decoupling HTML From CSS》、Tim Huegdon的《On HTML Elements Identifiers》和Robin Rendle的《Atomic Design With Sass》等等。请记住:一些提到的技术并不认为是最佳实践。根据的《Challenging CSS Best Practices》所译,介绍作者是如何挑战最佳CSS实践,希望大家会喜欢。

有关于CSS的面试题和练习

前端面试总是有很多同学讨论,面试官会问什么样的面试题?被面的人怎么回答面试问题?但很少有人会从面试题中深挖有价值的知识,换句话说有很多同学只是面对着如何回答面试官的问题,却忽略面试官想通过试题了解你的信息。当然,如果你处在一个需要面试别人有关于CSS方面技巧和知识,一时想起来还真有点难。根据的《Interview Questions and Exercises About CSS》所译,整理在一起,提供给大家参考。

表格元素的完全指南

HTML的表格的每一个元素都做了比较完整的讲解,并附有大量的demo,带领大家一步步地全面地了解表格,并且讲解了表格的适用范围、语义化等相关问题,希望大家能透过此文对表格有一个全面的认识。

HTML和CSS的分离

多年以来,web标准社区一直在讨论关注点——分离。把CSS样式规则从javascript代码和HTML结构里分离出来。我们确实是这么做的,不是吗?CSS规则放到了独立的文件里,javascript代码放到了另一个独立的文件里,HTML文件就只剩下HTML结构了,这样做既简洁又美观。由Jekst根据的英文文章原名《Decoupling HTML From CSS》进行翻译,给大家介绍了一些HTML和CSS分离的技巧与细节。

CSS的长度单位

CSS的长度单位,大家看得最多的就是像素单位(px)还有就是百分比单位,可是未曾想到,除了这两 个单位还有很多我们不熟悉的,甚至是没有见过的单位,比如说rem、vw、vh等等。当然有些单位现在在各浏览器下还不友好,但是我想将来会像px一样使用起来,这样就能解决一些px之类单位无法实现的功能。今天由Jekst根据的英文文章原名《The Lengths of CSS》进行翻译,给大家带来一篇有关于CSS的长度单位介绍的文章,希望大家喜欢。

HTML和CSS高级指南之二——定位详解

99根据Shay Howe的《HTML和CSS高级指南》第一课《Performance & Organization》所译,给大家详细介绍了如何组织HTML和CSS,制作一个优秀的架构,并介绍了如何对网站代码进行优化,提高站点的性能。今天我给大家所译的是CSS的基础部分,主要介绍的内容是CSS中的position的运用。在此篇文章中详细介绍了position的几个属性的使用方法和需要注意的细节,并与float的区别,最后以z-index属性的介绍结尾。希望这篇译文能给大家带些一点帮助。

页面

返回顶部