必威体育下载克里斯蒂安·海尔曼

您当前正在浏览CSS类别的存档。必威体育简介

“css”类别的存档

CSS挑战:CSS3中90度的标题有回退?

星期三,8月17日,二千零一十一

好啊,在一个IRC会议的仁慈的霸主多媒体数字网文档,谢皮让我帮他做多媒体数字网医生看起来更可怕的突破,在那里的标题是90度。

本质上,我们想要的是:

旋转标题

上面的版本应该适用于支持CSS旋转和下面的旋转应该是回退版本。现在,在我的努力下,以及令人惊异的克里斯科伊尔我们走得相当远(简论):

然而,还不完全。正如您可以看到的那样,回退(第一个示例)仍然覆盖文本,而不是整个宽度。克里斯当然建议用现代化来检查CSS支持,但这是我们不想要的。而且,让我们面对现实,不应该使用。

我认为这是CSS-它为我们提供了很多设计机会,但没有“如果可能,执行此操作”(MediaQueries除外)。在应用CSS效果——或者让那些不使用酷的新浏览器的人失望。

过去,这更容易。我们有CSS针对特定浏览器的黑客和过滤器。所有这些都是黑客利用浏览器渲染引擎中的问题(有时是以奇怪的方式(记住盒模型破解声音的运用CSS?).

是时候用电了吗CSS给我们提供了一个检查语句,仅当可以使用转换时才应用转换?甚至在那时,没有真正优雅的堕落。

所以,没有现代化,谁能做到这一点?

变量的CSS预处理器,嵌套选择器和其他优点

星期一,7月14日,二千零八

Nate Skulic刚给我发了一封邮件CSSPP,一CSS预处理器受到我的启发CSS愿望清单CSS常量文章。

内特写的很好CSS可由mod重写处理的预处理器,允许:

  • 常数CSS(定义颜色或设置并按名称命名)
  • 变量在CSS(定义一个设置并用覆盖它统一资源定位地址参数-我要检查这是否安全过滤掉XSS鼻音)
  • 继承(嵌套选择器)

我特别喜欢他允许类被添加到父选择器中,或者作为子类通过使用一个或两个完整的句号来应用:


身体{
..蓝色
背景:蓝色;
}

.. {红色}
背景:红色;
}

框{
背景:绿色;
}

H1{
字体大小:1.6em;
}

H2 {
字体大小:1.4em;
}

}

生成以下内容:


Boy.BLUT{
背景:蓝色;
}

红色
背景:红色;
}

盒体
背景:绿色;
}

人体H1{
字体大小:1.6em;
}

人体H2 {
字体大小:1.4em;
}

除此之外,该系统还配有智能缓存系统。干得好!

新的Web开发挑战——大型框架中的独立模块

星期三,3月5日,二千零八

我刚刚写了一篇关于综合业务数字网开发者博客我们作为Web开发人员的工作方式很可能在不久的将来发生变化。我不是在说即将到来的IE8谢天谢地,它是标准的新渲染引擎,但我在与大公司的多次对话中看到了关于Web体系结构的决策,大型网站和试图将其产品移入后端框架的人。

新的挑战是,据我们所知,这个页面很可能很快就会消失,取而代之的是一组模块,这些模块可以根据用户需求和我们所知的进行定制,甚至可以向第三方开发人员开放。Facebook和新的MySpace开发框架等公司的成功很可能只是一个开始。遗憾的是,我们用于开发干净和可维护的Web产品的技术和标准并没有针对这种方法。如果一切都应该是独立的,那么级联在哪里呢?