Google Map API3地图页面开发笔记

今年年初Google Map就向所有采用API2开发的网站发了通知函,说5月份会停止API2,今后所有的Gmap项目都要基于API3开发,并且建议把API2项目都升级到API3。我公司网站上有一个Gmap的页面,通过读取一个feed实现所有酒店位置的显示,这是页面地址 – http://www.vhr.com/hotels.aspx。 由于太忙,一直都没时间去给这个地图做升级,等到11月,突然发现这个基于API2开发的地图不能用了,而且由于Google关闭了引用的JS,导致连调试都不能了,不得不去研究API3的文档,重新开发了。API2到API3的升级不是简单的几个函数和方法替换的事儿,API3的语法比起API2来显得更加的面向对象,还是整理思路重做吧… 查看详细 »

Win主机下WordPress网站无法使用中文站内搜索问题解决

这个问题困扰我许久,找了无数个网站都没有实质性的解决办法,最后在尝试了N次代码修改后,终于配置成功了。

Win主机下,做好了伪静态,在WP博客的搜索框中输入中文关键词,出来的URL是类似这样的:http://www.abc.com/?s=%ce%b1%be%b2%cc%ac
这样WP就不能返回正确的中文搜索结果。而我需要返回的正确搜索结果应该是这样的:http://www.abc.com/search/伪静态 查看详细 »

为网站添加Windows8磁贴

虽然我自己现在也只是用Win7,在Windows8开始普及之前,有必要为网站做一点小准备。新名词 – Pinned Site,顾名思义就是把自己的网站Pin到别人的Win8桌面上,就像冰箱上的磁贴一样,够酷吧!现在做的人还不多,但相信Win8普及也是迟早的事。正好和老婆一起成立的工作室网站刚刚完成不久,就为这个网站做一批Windows8磁贴吧!

同做favicon一样,微软有自己的生成工具,戳这里:http://www.buildmypinnedsite.com
步骤非常简单,根据指引一步步做,第一步需注意的是图片有4个尺寸,要分别调整,不要漏了。在右侧会自动生成效果预览
为网站添加Windows8磁贴
查看详细 »

WordPress自带主题twentytwelve的CSS学习笔记

现在大部分流行的WP主题都采用了响应式设计(Responsive Web Design),我的博客主题修改自twentytwelve – WP自带的的一个轻量级主题,个人认为它的样式表写法在兼容性上已经做得很好了。今天就来提炼一下其中的精华,也包括一些不太常见的CSS条目。 查看详细 »

快速解决WordPress网站的超时报错问题

最近博客在后台登陆的时候经常发生这样的一个报错
Fatal error: Maximum execution time of 30 seconds exceeded in…
重启一下服务器就好了,但过几天再登陆后台又会报错。很明显是服务器响应超时问题,PHP默认的执行时间是30秒,超过这个时间就会报错。服务器还是不够劲啊!先凑合着用,常规的解决办法也很简单,找到php安装目录下的php.ini,把
max_execution_time = 30
改成60或者更大的值,然后在重启一下IIS就行了。 查看详细 »

AxureRP6.5原型设计-移动端切入式菜单效果制作

接上篇移动端左右滑动菜单效果制作,这次记录一下切入式菜单的在AxureRP中的实现方式。

首先在画板上先按屏幕尺寸建立一个顶部的区域,宽320,高40;顶部左侧放菜单的按钮;在下面剩下的区域放一个动态面板,命名为(top_menu),宽320,高450,覆盖屏幕减去顶部的全部区域: 查看详细 »

AxureRP6.5原型设计-移动端左右滑动菜单效果制作

这两天在研究AxureRP这个原型设计软件,为公司的一个APP制作原型。总结了几个模仿移动设备滑动效果的制作过程,首先是左右滑动菜单效果。左右滑动菜单在移动端是是很常见的菜单展现方式,通过AxureRP的动态面板结合几条简单的事件就能轻松实现它。

首先在页面添加一个动态面板(Dynamic Panel),命名为MainMenu,在自动生成的场景1(State1)中再添加一个动态面板,命名为MainMenu-menu。 查看详细 »

AxureRP6.5原型设计-模拟网站登录功能

AxureRP不但能画线框图,也能模拟一些简单的网站功能,比如网站登录。要记录用户的登录状态,在服务器端一般是用Session,在AxureRP中则要借助于全局变量。

我做的一个网站的原型,简单实现了登录功能,在顶部能反应登录的状态,其实这就是一个动态面板的两个state 查看详细 »

原生Javascript实现页面平滑滚动跳转

看见很多Blog的右下角有一个平滑滚动到页面顶部的箭头,觉得挺实用。我的WP主题没有自带这个功能,网上找到的现成的又都是基于jQuery的,自己的网站我还不考虑用任何JS框架,自己写一个好了…既然是自己写那就考虑把功能写得完整一些,不仅要可以平滑滚动到页面顶端,而且要可以平滑滚动到页面任何元素指定的位置,实现锚点的功能。

先把那个箭头按钮给造出来,一个黑方块里面套一个三角形和正方形,一共3个元素: 查看详细 »

WordPress网站页面自定义字段的创建和调用方法实例

WordPress为自定义字段提供了一个比较自由的后台接口,可以让我们轻松的定制自己的主题页面布局,而且不需要写很多代码。有时候我们需要实现一些特殊的页面结构,比如这个页面:
WordPress页面自定义字段的创建和调用实例
我需要为这个页面定制能在后台替换这三张图片以及图片下的文字的功能,如果把HTML全部都堆在文章正文,以后更新起来就不那么方便了,这里就需要用到自定义字段的功能。 查看详细 »