你在这里

(X)html

(X)html

前端开发人员如何做好drupal主题开发?

在drupalchina上看到有位叫anyliv的朋友(应该是偶的同行了)的留言如下:

 

“我个人做 Drupal 的主题模板有一年多了,开始头半年是跟楼主 @jinwyp 持同样的意见,感觉 Drupal 根本就是给程序员用的,写个功能居然那么简单,那么快,可对于我做前端的工作却很头疼,以前 XHTML + CSS 的经验在这里完全失效,写好的 CSS 由于菜单位置变了,或是 views 设置变了,跟着 CLASS 也会变基本上 CSS 是要重新写过,想单独给某个链接加个性图标发现不修改核心代码居然无法实现,等等等等……”

“后来深入进去,爬了很多文章,开始覆写一些简单的 drupal 主题函数,在 moduler 同事写模块的时候为其提供一些前端 xhtml 的建议,代码最好以什么结构输出,好方便我后期写 CSS 和 jQuery 等等,有些时候模块里面的 output 部分我也尝试自己去改,慢慢发现给 drupal 做前端也不是当初那么郁闷。这才发现原来做 themer 不仅要 xhtml + css 非常精通,还需要熟练 jQuery 最好还能看懂 php 至少是 module 里面的 output 部分,确实对于以前做前端的要求高了点……”

 

评分: 

JavaScript 如何截取字符串?

刚才看到一篇介绍关于JavaScript截取字符串的文章摘录一下:

字符串:abcdefg

要求截取倒数两个字符,也就是“fg”。

 
以下是几种实现方式:
 
方法1:
<script>
  string="abcdefg"
  alert(string.substring(string.length-2,string.length))
</script>
方法2:
<script>
  alert("abcdefg".match(/.*(.{2})/)[1])
</script>

方法3:

<script>
  alert("abcdefg".match(/.{2}$/))
</script>

方法4:

articles: 
评分: 

IE6固定定位示例

一个解决IE6下固定定位问题的小示例,代码如下:

论坛: 

Web艺术家--页面重构工作者

做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计稿,可以不理会下面的内容。

论坛: 

随感:交互设计两三事

唧唧歪歪:概述
最近在D4得到一本(美) Penny Mcintire写的《Visual Design for the Modern Web》.突然觉得可用性交互设计中也应该融合点情感设计元素,其中一个表现方式就是WEB视觉设计.渐渐地我开始重新审视自己所走过的交互设计之路.从方正软件到现在的阿里巴巴中国站,每一次所经历的项目都给予我新的启示.秉承”大胆设想,小心求证”的思想,探索交互设计与其他WEB设计元素之间的关系,让我从中得到了不少乐趣,现与UED设计师们一同分享探讨一番.
Penny Mcintire提出交互设计位于技术,内容,网站架构和视觉设计交集部分,而且技术,内容,网站架构和视觉设计彼此都有交集互相依赖。
e59bbe
图1 Web设计中5个相互依赖的要素

论坛: 

CSS 竖向下拉菜单演示

这是一个CSS结合JavaScript的竖直下拉菜单的演示文档,兼容IE6、IE7、FF。

效果如下:

源文件下载:CSS 竖向下拉菜单演示.htm

论坛: 

firefox margin-top 失效的原因与解决办法

最近发现好多用margin-top实现的,上边距效果一直没有,一直都不知道什么原因,今天偶然看到了,特分享给大家

为什么要翻译这篇说明?css2本有人已翻译过,但看一下,很粗糙(不是说自己就怎么怎么样啊,翻译者真的是很值得敬佩的!),近来跟css与xhtml接触得越来越多,但接触得越多,迷惑却总不见少。

现在我觉得很多问题根本不能称之为问题,原因就在于我们的草率理解,比如杀鸡用牛刀,不是不可以,是不合理、不恰当,根源错了,表象也就会错了,如果解决问题从表象入手,难免总会摸不着头脑,还是那句话,要脚踏实地,切莫浮躁。

在这个说明中,“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框或使用清除分离方法)结合表示为一个单独的margin。

在css2.1中,水平的margin不会被折叠。

垂直margin可能在一些盒模型中被折叠:

1、在常规文档流中,2个或以上的块级盒模型相邻的垂直margin会被折叠。

最终的margin值计算方法如下:

a、全部都为正值,取最大者;

标签: 
论坛: 

20 个优秀 CSS 网站


这些CSS Gallery网站中精选了20个比较漂亮的XHTML+CSS布局网站,推荐给喜欢网页设计的人,无论是做博客模板还是做网站设计,在设计理念、色调、导航条、按钮、排版布局方面,都有一些值得借鉴的地方。

标签: 
论坛: 
订阅 RSS - (X)html