英文单词断行问题:CSS中word-break、word-wrap以及hyphens的兼容性和区别

CSS中一提到单词断行,最先映入脑海的肯定是word-break和word-wrap这两条属性。但对于这两条属性到底有什么区别,兼容性如何,我一直都概念模糊。今天抽空把它们以及CSS3中新加入的断行属性之间的区别和作用理理清楚,做一下笔记。

在英文段落中有时会碰到一些很长的单词,这些单词的长度超出容器宽度。在默认的页面文档中,如果单词长度超出了单行,会被自动移到下一行中,图中puzzling!就被自动换行了;而如果单词本身的长度已经超出容器宽度,常规的文档对此就没有约束力了,图中dddddd…这个单词就这么溢出了 查看详细 »

WordPress网站搬家、数据库升级心得

这两天忙着给公司的一批WordPress网站搬家,碰到了不少以前没遇到过的麻烦,总结一下解决问题的经验。WordPress网站搬家除了要把wp-content的文件转移之外,如果碰到数据库设置的变更,就比较麻烦了。在旧空间上,我们的WP是每个站独享一个数据库;在新的主机上由于权限的限制,好几个网站都必须共享一个数据库。解决思路是要在新的空间里给每个WP网站设置不同的prefix,思路很简单,但实际操作的时候还是碰到了不少问题。 查看详细 »

在IIS服务器上部署svg/woff/woff2字体

标题起的比较诡异,部署网站的字体和服务器IIS有什么关系?如果你的职责只限于一名前端开发,那么你可能很“幸福”地与这些问题擦肩而过,浑然不觉。可是本人一直都是孤军奋战,连开发环境都要自己搭建,这次又踩了新的坑,发现网站所用的woff、svg等字体压根就没被页面加载。反复排摸都不得其解,用浏览器访问服务器上的这些字体url,全都报404错误,只有ttf的字体能被访问到…

事情还得起源于Google被墙这事,在几个月前我改用了360提供的字体库,一直也运行稳定。今天发现360的字体库失效了,网站字体又变回系统字体,而且一直在尝试加载360的字体库,页面变得很慢,和当初加载不到Google字库的时候一个德性…看来没有永远靠得住的服务啊,要想用字体,还得靠自己… 查看详细 »

用了加速乐CDN所引发的ICP备案问题

上个月我们的工作室网站域名becomingjenny.net突然接到一封ISP发来的email,说域名由于备案信息不实而被自动取消了接入。30天内ISP这里会把我的域名给屏蔽掉,也就是说到时候用becomingjenny.net网站就无法访问了。30天内我需要对这个域名重新提交备案并且通过才能避免域名被关的麻烦。我感到莫名其妙,做ICP备案的时候信息我都是如实填写,自认为是没有任何差错的。打电话去ISP质问,才知道我的域名目前ping到的IP地址并非备案时候提供的IP地址(ISP服务器的IP地址),系统检测到这个不匹配后自动取消了我的备案。

我ping了一下域名,果然得到的不是我服务器的地址。这才反应过来,原来我为了给网站提速,给这个域名用了百度加速乐的CDN。先引用一段百度百科的内容解释一下什么叫CDN: 查看详细 »

推荐一款Chrome记事本插件“在线记事本(Online Notepad)”

最近发现我一直在用的一款Chrome的记事本插件“Chrome Notepad”的同步功能失效了。去谷歌官网看了下N多人也在抱怨,看来不是我个人问题,而且很多老外也反映同样的问题,应该也能排除谷歌被大陆屏蔽的原因。Chrome Notepad是一款小巧实用的插件,只是用久了,我的记事本篇幅变得很长,要找以前的记录只好上下拉动滚动条,用肉眼在文字堆里搜寻,非常不方便,是时候做一些改变了。

我需要一款能同样实现在线同步,并且能自定义多个标签页的记事本插件,为了不拖慢浏览器速度,其他多余功能则越少越好,而且最重要的是要免费。 查看详细 »

WordPress网站的几款SEO插件试用心得

如果你用WordPress建站,那么SEO其实是一件很容易的事(站内优化层面)。WordPress发展多年,已经涌现出大量优秀的SEO插件。WordPress站长们的问题也许就不是怎么做SEO了,而是到底怎么选SEO插件。站内优化,大致可以归为如下几点:

  • 描述属性的mata标签
  • 确定目标关键词,让它能在页面的主要部分多亮相
  • 给主要图片增加alt属性
  • 增加网站的“进出口”(出站链接以及其他网站的进站链接,站内优化主要是出站链接)
  • URL优化(伪静态)
  • 站点地图
  • 404页面,301转发,robot.txt… 查看详细 »

WordPress以及表单插件Gravity Forms和Contact Form 7无法发送邮件问题解决

这其实还是一个Win主机上用WordPress建站的常见问题。
起初我发现用Gravity Forms建立的表单无论如何都不能发送提醒邮件,遂尝试了N种方法,走了N多的弯路。然后惊讶的发现我的Wordpress本身居然也不能发送邮件,也就是找回密码等功能失效。

1. 百度解决方案,凡是提到Gravity Forms的中文网页都只是浅显的在介绍这款插件而已。对我来说百度果然还是不够用的。
2. 于是爬梯子看Google,先是找到Gravity Forms官方网站,里面也是一大堆不能发送邮件的话题。总结下来有这样几类:
a) 自动发送的邮件被系统当成垃圾邮件处理了。我查了下自己的垃圾箱,没有。
b) 服务器不支持PHP的mail()函数。检查结果居然正是如此。PHP基础非常差的我只知道在Win主机下用mail()不靠谱,大量的替代方案是用一个叫“WP Mail SMTP”的插件代替。 查看详细 »

实战WordPress自定义文章类型(1)

今天打算给公司的一个Wordpress网站配置一个自定义文章类型,花了一天时间,记录一下步骤。

WordPress网站原来的文章叫Post,我需要给网站添加一个有别于Post的文章类型,名叫Hotel,目的是把所有的酒店页面归类方便管理。在这些酒店页面上要用自定义字段实现一些特定的格式,展现特定的内容…总之就是折腾出一个新的文章类别,让别人添加内容操作简单化,我自己管理起来也简单化… 查看详细 »

谷歌(Google)被墙,解决地图和字体无法显示的问题

首先,本文以及本站所有文章都是技术探讨文章,不鼓励任何人去fan qiang以及做任何违法的事情。接下来是正文:

谷歌基本上是被和谐透了,谷歌地图API自然也打不开了,于是公司网站上那些谷歌地图都变成空白了…总不能让访客都自己fan qiang吧。纠结了一阵子才知道原来谷歌地图的服务并没有完全被屏蔽,只是我们以前访问的域名maps.google.com访问不了了。
这个域名的谷歌地图还是能正常访问的:http://ditu.google.cn
那么把原来的JS引用地址maps.googleapis.com替换成ditu.google.cn就解决了。

1
<script>http://ditu.google.cn/maps/api/js?v=3&key=xxxxxxx&sensor=false</script>

接下来是谷歌字体问题, 查看详细 »