响应式网站项目中的CSS兼容性速记几条

CSS3中的calc变量在iOS6浏览器中必须加-webkit-前缀,目前的FF浏览器已经无需-moz-前缀。
Android浏览器目前仍然不支持calc,所以要在之前增加一个保守尺寸:

1
2
3
4
5
div { 
	width: 95%; 
	width: -webkit-calc(100% - 50px); 
	width: calc(100% - 50px); 
}

查看详细 »

Win2003+IIS6 配置WordPress伪静态详细流程

今天服务器重装系统,又搞了一遍伪静态配置,按照以前的做法,突然不管用了,于是找来以前参照的教程结合自己碰到的问题,详细的把过程梳理一遍才算搞定。
这次我还是用ISAPI Rewrite3这个最常见的插件配置。

步骤1. 下载ISAPI Rewrite3,下载地址【点这里】。远程登录服务器,把插件上传到服务器桌面,双击开始安装,期间一路点下一步,安装到默认目录即可。在我的服务器上默认安装目录为C:\Program Files\Helicon 查看详细 »

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 查看详细 »