分类目录归档:网站前端

网站前端相关技术 XHTML CSS JavaScript 等……

常用 Google Chrome 浏览器插件扩展程序下载

目前从统计数据来看 Google Chrome 浏览器已经占到了约 7.0% 的市场份额并在全世界迅速攀升,但从站长统计的数据来看 Chrome 在国内仍徘徊在可怜的 0.4% 不管怎样反正我自己已经将个人和工作电脑上的默认浏览器都改成了 Google Chrome 浏览器,而仅仅在做网页开发的使用才会使用 Firefox + Firebug 网页开发黄金搭档并且只有在使用网银的时候才会偶尔使用 IE 浏览器,等到 Chrome 平台上的 Firebug 足够好用的时候我想我是有理由卸载 Firefox 的理由很简单做为网页浏览器 Chrome 显得更简约纯粹也更快,这里收集了一些好用的 Chrome 插件有些是非常方便的网页浏览辅助工具,有些是我自己在做网页开发的时候使用的工具…… 继续阅读

【Drupal】删除及隐藏 node form 表单中的一些栏目

在 Drupal 默认的 node-form 内容录入表单除了已经有 标题 内容 以外还有一些不常使用的栏目如:日志 版本 菜单 等平常并不容易用到,但一大堆栏目出现在 node-form 表单中对用户来说会显得不大友好,这里提供一些代码可以去掉或隐藏掉一些平常不会用到的 node 表单栏目如 Revision information 栏目 Authoring information 栏目 Publishing options 栏目等等: 继续阅读

【Drupal】简化 WYSIWYG 编辑器的图片上传操作

虽然 Drupal WYSIWYG 所见即所得模块非常之强大,为超过 10 种流行的网页编辑器提供与 Drupal 结合的中间层,但其实很多时候我发现项目站点的需求并没有那么多,很多时候我们只需要一个简单的网页编辑器加上简单的图片或文件上传功能即可,但在 Drupal 中似乎并不容易实现这些需求,出于安全等因素的考虑多数编辑器如 FckEditor TinyMCE 等其图片上传工作除 WYSISYG 模块外还需要 IMCE 模块来提供中间层支持,而 IMCE 繁琐的上传步骤不单让我们自己头疼也使绝大多数用户在使用 IMCE 上传图片时觉得繁琐,我自己粗略回忆一下至少还需要约 8 次鼠标点击才能在编辑器里面看到上传的图片这是非常不利于用户体验的,下面提供一些方法和代码可以大大减少上传图片的点击步骤简化上传图片和文件的操作 继续阅读

【Drupal】后台 PHP 与前端 JavaScript 之间的数据传递

在 Drupal 模块或主题开发中经常会有需要传递一些值给 JavaScript 的情况,大概有几种方法一是可以直接在模板里面写 JavaScript 然后嵌 PHP 进去,也可以用 Drupal 的接口直接输出 JavaScript 到页面的 head 信息中去,其实我自己之前一直是直接在模板里面写 JS 嵌套 PHP 的,后来发现 Drupal 现有的 drupal_add_js 提供了传递变量的接口具体如下…… 继续阅读

【Drupal】常用 Drupal Module 模块简介及下载

优秀的开源建站系统 Drupal 的影响力更多是来自全球 Drupal 开发者贡献的近六万个 Modules 模块扩展套用当下流行的一句广告词 “近六万个模块几乎能做任何事” 但如何迅速的在这六万的模块中迅速找到最合适的成了一件并不容易的事情,我这里推荐一些常用的 Drupal Modules 模块扩展简单介绍和下载地址,这些扩展也是多数网站所必备的模块,希望能对一些 Drupal 初学者有所帮助,以下排名不分先后当然大家有其他不错的模块也可以分享给我…… 继续阅读

【Drupal】中使用 check_plain 和 t 函数来安全处理字符

从事 Drupal 模块开发特别是主题开发中会经常需要输出或者调用一些文本或字符,但如果是不信任来源的字串如开放给任意用户使用的一些输入等等,这类不信任的字串在输出或使用时请不要大意,未经过滤的不信任字符将给你的项目带来巨大的隐患,好在 Drupal 为我们提供了一个 check_plain 及用于翻译的 t 函数用来优雅的处理这类问题。 继续阅读

【Drupal】用 jQuery 过滤 Drupal Term 术语输入框中的中文逗号

在 Drupal 中被用于分类的 taxonomy 术语表输入框在自由标签模式下默认会使用 “英文逗号” 来分割 term 术语信息,但这点会极其不方便我们的中文用户,在默认场景下会需要在输入每一个中文术语后,切换输入法到英文来输入一个逗号,然后再切换回中文继续输入下一个术语。在我的一个 Drupal 项目初期编辑们居然都是一次输入多个英文逗号,然后使用方向键调整光标来输入一个个术语,直到我发现了这个问题并提供了以下两行非常简单的 jQuery 代码大大方便了我们的用户录入信息…… 继续阅读

利用 HTA 文件构建 Windows 平台的网页应用

随着网页应用(Web Apps)越来越多,网页应用与传统应用程序的界线变得不是那么明显,如果你硬要说区别是是否在浏览器内运行的话也未必准确了,谷歌的 Chrome 浏览器就在页面菜单中提供了一个“创建应用程序快捷方式”的功能使网页应用看起来更像是桌面应用程序,以一种优雅的方式运作诸如:邮箱、日历、文档等 “云计算” 网页应用,开发者甚至可以通过 Gears 或者 HTML5 技术使这些网页应用脱离持续的互联网链接,下面介绍的是在微软 Windows 平台很早之前就支持的类似网页应用的 HTA 格式的文件语法,其实就是在原有 HTML 语法的基础上增加了一个 HTA:APPLICATION 标签标记,整个文件仍然是文本的 HTML 格式把文件扩展名改为 .hta 即可…… 继续阅读

Mockups – 优秀易用的手绘风格互联网产品原型设计工具

对于互联网产品如网站从产品概念构思到实体开发的第一步通常是 “产品原型设计” 这也通常是交互设计师及用户体验设计师最熟悉的操作步骤,具体工作内容通常包括绘制网站的低保真框架图并搭配大量注释旁注及流程说明。提起产品原型设计多数人会想到 Axure 但对于很多中小型公司来说 Axure 显得过于臃肿且功能过于强大非常适合高保真的产品原型制作,但在产品原型初期很多设计师并不需要过于精准的高保真原型而更多设计师更喜欢采用纸笔的方式制作低保真原型,今天介绍的这款手绘风格的设计软件 Mockups 是一款来自加利福尼亚 Balsamiq 工作室基于 Adobe AIR 技术开发的产品原型设计工具由于基于 AIR 技术所以可以很方便的跨操作系统和跨平台甚至无需安装只要有一个支持 Flash 的浏览器即可…… 继续阅读