CSS3 Media Queries:媒体设备的样式适应

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href=\"css/reset.css\" rel=\"stylesheet\" type=\"text/css\" media=\"screen\" /> <link href=\"css/style.css\" rel=\"stylesheet\" type=\"text/cs
CSS3 Media Queries:媒体设备的样式适应

CSS 伪类选择器:如何使用 CSS3 伪类

CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内使用元素选择器。 在探讨这些新的 CSS3 伪类之前,先简要回顾追溯一下这些在 Web 应用中常常被误解的 CSS 选择器。 1. 伪类简史
CSS 伪类选择器:如何使用 CSS3 伪类

定义网站的浏览器搜索方式:OpenSearch 协议格式应用与 Google Chrome 超级搜索简介

1. 简介 OpenSearch 的是 Amazon.com 子公司 A9 公司所提出的一种分享搜寻结果的简单的格式,它于 2005 年 3 月首次在 O\'Reilly 新兴技术会议上提出 OpenSearch1.0 版本。目前使用版本为1.1版。 例如用户访问某个网站,该网站具备搜索功能,并提供遵循 OpenSearch 规范的代码,那么支持 OpenSearch 功能的浏览器(如IE7、IE8
定义网站的浏览器搜索方式:OpenSearch 协议格式应用与 Google Chrome 超级搜索简介

设置博客/网站支持 Instant Pages 让 Chrome 浏览器瞬间打开下一页面

Chrome 13使得全线的Chrome浏览器都支持了Instant Pages,就是Google搜索将会提前读取第一个搜索结果的网页,而且不仅是图片,还包括脚本和CSS文件,这样一旦你点击了第一个搜索结果(基本上你点击第一个的可能性很大),那个网页会立刻瞬间打开。 实际上这个功能也可以部署在自己的网站上,然后让使用Chrome浏览器的用户在访问你的网站之后就事先预读一个你认为读者最有可能点击的网
设置博客/网站支持 Instant Pages 让 Chrome 浏览器瞬间打开下一页面

oschina 的愚人节小创意:CSS3 的 transform 特性

早上登陆 qq 后,不时的几个关于开发的群里都贴出了 oc 的地址,打开一看,噢,CSS3 的 transform rotate特性! 查看下页面属性,即是 js 的方式对页面全局加了如下属性: -webkit-transform: rotate(-8deg); 你可以如此来写: body { -moz-transform: rotate(-8deg); -webkit-transform: ro
oschina 的愚人节小创意:CSS3 的 transform 特性

Jsduck:前端文档生成利器Jsduck介绍及安装使用

让前端程序更具可维护性,是一个老生常谈的问题,大多数时候我们都关注于应用层面的代码可维护性,如:OO、模块化、MVC,编码规范、可扩展和复用性,但这都是属于设计层面需要考虑的事情,可维护性还应包含另一个方面,也是很多coder容易忽略的地方,就是将自己写的程序以文档的形式沉淀起来,对自己工作有一个结构化的组织,也可以帮助到他人。 试想一下如下情况: 1、团队中加入了新的同学,这时他可能需要快速的将
Jsduck:前端文档生成利器Jsduck介绍及安装使用

批量替换wordpress文章内容的方法

可有两种方法实现替换wordpress的文章内容,一是从更新数据库,二是在 WordPress 主题中实现 方法一、更新数据库 进入 phpmyadmin,找到wordpress的数据表,先备份,然后执行如下SQL语句: UPDATE wp_posts SET post_content = replace(post_content, \'old\',\'new\'); 其中 old 是旧的字符串,new
批量替换wordpress文章内容的方法

设置wordpress友情链接只首页显示

对于有的主题,当从后台小工具中添加友情链接后,却发现其是为全站显示的。如果只希望让它在首页显示,则可以在模板函数文件中增加一个函数来实现。 具体操作可按如下步骤进行: 1. 进入后台,外观-编辑,会看到一个编辑代码的地方,在侧边栏的模板函数(functions.php)最底部添加如下代码: function rbt_friend_links($output){ if (!is_home()|| i
设置wordpress友情链接只首页显示