Category Archives: 网站前端

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

YQL – Yahoo! Query Language 以不变应万变的数据与内容获取方式

Yahoo! 的开发者们总能一次又一次的带给我们惊喜,这次是 Yahoo! Query Language 雅虎查询语言(YQL)是由雅虎提供的一种类 SQL 语法,借助雅虎强大的云计算能力 YQL 仅使用一行或者几行代码就能够轻松的进行跨域跨服务的查询和过滤以获取内容和数据,而且速度也绝对让开发者满意。

举个例子是我可以用诸如(select * from flickr.photos.search where text=”apple” limit 9)的语句得到 flickr 上关于 apple 的 9 条数据,返回结果为 XML 或 JSON 而引用方法只是将以上语句做为参数即 URL 的一部分直接向 YQL 请求即可,当然看似与 xQuery GQL SimpleDB 等查询类似却潜力无限,试想既然可以拓展到跨域及跨服务,那么无论你需要地图支持、搜索支持、图片支持、天气甚至股票等等将均可以从 YQL 获取而不需要自己去学习一套又一套的私有接口,雅虎 YQL 为我们获取数据和内容提供了一个“以不变应万变”的中间层…… Continue reading

《用户体验的要素》(三)如何运用以用户为中心用户体验的五大要素?

在我之前的两篇读书笔记《用户体验的要素》[] 和 [] 中简单介绍了著名用户体验设计师 JJG 以用户为中心的用户体验要素模型 用户体验是一个非常注重细节的工作必须花费大量的时间和精力,回头看看用户体验的五个要素:表现层 surface 框架层 skeleton 结构层 structure 范围层 scope 战略层 strategy 似乎有大堆的工作要做需要由专业人员组成的团队来完成,似乎是这样但在《用户体验的要素》一书的最后章节作者却不这么认为…… Continue reading

如何为 Drupal 添加简单的 SEO META 标签(title keywords description)

Drupal 做为优秀的世界级开源 CMS 建站系统,自然有很多开发者贡献与 SEO 相关的模块插件扩展例如:用来批量自定义 URL 的PathAuto 模块和制作 SiteMap 站点地图的 xmlSiteMap 模块当然还有就是用于 keywords description 等等位于页面 HEAD 标签内一些 META 标记的 NodeWords 模块等等,但我个人通常对于 20 行以下代码能够实现的功能不大愿意使用第三方模块,所以这里提供一些 Drupal 原生代码以实现在网页的 HEAD 标签内添加一些对 SEO 有利的 META 标签甚至 TITLE 标签等等…… Continue reading

【Drupal】移动手机版主题根据 iPhone Android 客户端自动切换模板

越来越多的网站开始注重“移动互联网”的价值提供手机移动版的网页界面,当然使用 drupal 构建的站点也可以通过根据 iPhone 或者 Android 设备类型来切换主题模板的方法来实现手机移动版站点,只需要为 drupal 单独制作一套或几套适合手机等移动设备浏览的主题模板即可,不建议在同一套主题模板里面或者模块里面大量使用判断语句来分别对应设备输出,当然也不建议使用 PHP 或 API 从底层新建一个独立的站点那样会相当的得不偿失,就失去了我们使用 drupal 的初衷了,另外虽然采用独立的子域名可以共享主站的文件但却不容易共享主站的很多数据,我一直建议大家在使用及开发 drupal 的时候尽量按照 drupal 的方法来即(Using Drupal by Drupal’s Way)所以在你的移动版站点没有看到预期价值的时候完全没有必要投入大的开发成本而把事情变的复杂对于 drupal 几行代码加一个简单的手机移动版主题就足以最低的开发成本应对绝大多数移动用户…… Continue reading

一位优秀的“网站前端工程师”带来的价值

不知不觉在北京已经从事 WEB 互联网前端开发工作已经三年有余,同时也发现很多公司甚至是多数以互联网站为主要业务的公司都没有“网站前端工程师”这个职位。通常这些公司更多是由设计美工加若干程序员就完全负责了网站的开发,需求通常由老板或投资者甚至是公司各个部门的经理们如:销售经理 客服经理 等等提出,然后由设计美工负责设计给老板看过没问题后自己排成页面然后交给程序员添加数据和 JS 代码。当然我其实可以理解对于这些公司来说即使没有 前端工程师 一样可以按照自己的意思把网站做出来,况且这个职位往往成本要高的多,但当我仔细列出这笔帐之后可能会让你的看法有所改观…… Continue reading

如何创建一个 Chrome Apps 应用或扩展插件

目前很多硬件软件厂商都在积极构建在线网络应用商店其中当然包括苹果 谷歌 微软 中国移动 甚至魅族 等等,谷歌曾在 Google I/O 开发者大会上宣布已经有程序员在为 ChromeOS 操作系统和 Chrome WebStore 浏览器应用商店开发应用,谷歌一直都在致力于减少网页云应用与桌面应用之间的差别,而最新的开发版 Chrome 浏览器也已经内置了 ChromeApps 的功能,这里提供一些代码让你能够快速的构建一个最简单的 Hello World 浏览器应用,及如何向线上的 ChromeWebStore 提交你的应用或插件…… Continue reading

【WP】如何添加新版 WordPress 菜单系统代码

WordPress.org 昨天释放了 3.0 的正式版的更新,在新版 WordPress 中引入了一个新的系统 “MENU” 菜单系统 WP 的新菜单系统和 Drupal 及其他 CMS 的菜单系统功能基本相同但使用上更为方便也使 WordPress 在主题开发者和用户使用者直接建立了又一座友好的桥梁,下面提供一些代码给主题(theme)开发者尽快将你的主题升级开启(menu)菜单系统的支持…… Continue reading

【WP】新版发布 WordPress 3.0 新增功能简介

WordPress.org 之前也有一直在提供 3.0RC 的下载我自己也装过但没仔细去看,今天发现 WordPress 3.0 正式版已向所有用户释放,总的来说感觉这次改进并没有多数用户所期待的那样明显,但毕竟 WordPress 发展到现在,做为一套个人 Blog 系统已经是非常完美和完善了 WordPress 非常清楚自己的定位,如果你拿一套超级 CMS 眼光去衡量肯定是不合理的,虽然 Drupal Joomla 之类的 CMS 已经非常强大,但对于个人站长或博客来说 WordPress 更适合我们,文章最后有一段新版 WP3 的官方介绍视频英文不错的朋友可以略过本文直接查看官方英文视频介绍…… Continue reading

常见网页选项卡 tab 的制作代码及优化小建议

选项卡(Tab)起初似乎是做为控件被封装到图形用户界面元素中的一个组件,在应用程序中选项卡式界面可以大大的节省界面空间进而使一组类似的功能选项变的井井有条,目前主流的各种网页浏览器均已采用选项卡式页面浏览另外还有被微软大量运用在新版办公软件(Office)及操作系统(Windows)中的 Ribbon 控件核心也是选项卡式的设计,当然在网页中使用选项卡的例子更为常见如淘宝(TaoBao)的搜索框及右边栏就大量使用了选项卡式结构从而节省了近三倍页面空间,所以对于选项卡式网页的制作也是我们最基本需要掌握的… Continue reading