存档:

文章标签 ‘CSS’
1

周四凌晨的 Google Search 发布会能有什么?

2010年9月8日

searchon

我们知道北京时间周四凌晨会有一场号称“绝对不能错过的”Google搜索新产品发布会,那么Google到底能带给我们什么绝对不能错过的惊喜?一般来说Google不会突然发布一个未经测试过的新产品(除了近两年的Google Buzz和Wave,他们的现状大家也知道了……),尤其是搜索类的产品,这个Google赖以生存的基础服务要推出什么改变的话,Google会提前找用户进行随机测试。最近被用户察觉到的搜索方面的测试包括:

1.AJAX搜索结果

使用AJAX驱动的Google搜索,当你在Google搜索的时候,尽管搜索结果页面变化了,但如果注意地址栏的话会发现URL是不变的,就是说网页并未刷新,而利用了AJAX技术在页面内自动刷新,这样可以大大提高用户看到搜索结果页面的速度。已经有人看到了这种AJAX搜索页面。

2.每页20或30条搜索结果

WebmasterWorldGoogle Web Search Help很多人都报告他们被强制限定每页显示30条搜索结果条目,昨天我们也报道了这一事件,这可能是为了让用户不必考虑到翻页问题。

3.搜索结果居中显示

谷奥读者 Garrid Lou 发现,尽管只是在CSS里加了一句“CSS:margin:0px auto”,但足以让整个Google搜索结果页面大变了。居中后的页面可以让超大屏幕用户使用起来感到舒服一些。

4.新的导航栏设计

这是谷奥读者 FanQiuwen 率先发现的,新导航条里的链接没有了下划线,且采用块状的设计,右侧的Settings文字被替换成了扳手图标,有趣的是其方向跟Chrome浏览器里的扳手是反的。

5.边输入文字边出现搜索结果

这是SEO顾问Rob Ousbey发现的,随着你在搜索框里输入文字,Google搜索结果页面将自动刷新给你当时输入文字的搜索条目和广告。效果很酷,但实用性和对用户电脑的性能要求就不禁要让人打个问号了。

发布会将在太平洋时间9月8日早上9:30,北京时间9月9日00:30开始,届时谷奥也将在 @guao 和网站同时为大家进行中文直播,欢迎大家到时关注。

Via Search Engine Roundtable

作者: 分类: 故事/传闻 标签: , ,
7

全能型 Chrome 扩展 Chrome Pig 可以帮你干各种杂活

2010年8月26日

通常来说Chrome的扩展都是术业有专攻的,不过韩国人做的Chrome Pig却好像是Chrome扩展里的瑞士军刀,它可以做到:

  • 截屏(整页截屏、可见部分网页截屏、选中网页区域截屏)
  • 检查Gmail邮箱更新
  • 用Google Docs在线打开其支持的文档格式
  • 编辑网页的CSS代码
  • 让你在那些禁用右键的网页使用右键
  • 搜索你正在浏览的网页
  • 用IE打开当前网页(Windows Only当然是)
  • 将复制到剪贴板里的图片设置为桌面壁纸
  • 快速在Google Dictionary里搜索
  • 自动填写表单
  • 网页翻译

Chrome Pig的这些功能可一一禁用,只保留你需要的,其配置文件可被导出,便于备份或转移到其它电脑上使用。

Via Download Squad

7

Google 发布网页统计报告

2010年7月11日

Google发布了网页统计报告,来源于他们索引的42亿个网页(PageRank高的网站占的权重可能会比较高):

  • 网页的平均容量是320KB(包含网页里内嵌的脚本、图片、CSS),不过需要注意的是有些网站会通过robots.txt阻止Google爬虫索取CSS和JS脚本文件
  • 只有2/3的可压缩内容真正被压缩了,同样需要注意的是有些网站为真正的浏览器提供压缩内容,而给Google爬虫看的则是未压缩的
  • 80%的页面里包含10个或10个以上的同一主机里的素材
  • 大部分流行网站并没有将同一主机里存放的脚本和CSS都写到一起,导致多出8个HTTP请求
  • 每张网页里包含的图片数量是29.39个,加在一起有205.99KB
  • 每张网页里包含7.09个外部脚本和3.22个外部CSS,平均脚本大小是57.98KB,CSS是18.72KB
  • 只有1700万张网页使用了SSL加密,占总数的0.4%
  • 平均网页加载速度为4.9秒,需要请求49个不同的来源

Google此举是为了提高大家对网页读取速度优化的重视程度,他们为网页开发者提供了很多帮助指南,来提高效率。Google给出的主要建议有四点:

Via GOS

作者: 分类: Google新闻 标签: , , ,
28

浏览器大 PK,用 CSS 画哆啦A梦

2010年5月29日

感谢读者 米迦勒 的投递。

cssdoraceshi

某日本高手用 css3 画了机器猫哆啦A梦。点击这里进入查看具体的现实效果。如果你查看页面源代码的话会发现这一切全部是css写的。

有意思的是由于不同的浏览器对 css3 的支持程度不同,效果也大不相同,上面即是不同的浏览器对比图:

四个浏览里面 Chrome 的支持度最高,不仅圆角、阴影一应俱全,甚至连眼睛都还会动 @@;Firefox 3.6 次之,除了眼睛不会动之外都和 Chrome 相当;Opera 则是少了阴影;至于 IE8… 呃… IE9 什么时候出来?

via mijiale, masalife

作者: 分类: 故事/传闻 标签: , , , ,
3

新版 Chromium 可以让用户自定义页面样式文件

2010年3月9日

chromium-custom-css

最新版本的开源浏览器 Chromium 加入了一个全新的启动参数,允许用户使用本地自定义的页面样式(style sheet,也就是 css)文件。比如加载这个 css ,就可以去掉 YouTube 和 Digg 的评论,效果如上图。

这个新的功能使用步骤如下:

1,找到 Chromium 的用户文件夹

Windows XP 在:

c:\Documents and Settings\[USERNAME]\Local Settings\Application Data\Chromium\User Data\Default\

Mac OSX 在:

/Users/[USERNAME]/Library/Application Support/Chromium/Default/

2,在这里建立一个文件夹,名为

User Stylesheets

3,编写一个样式文件,保存为

custom.css

4,使用下面这个新的参数启动 Chromium 即可

--enable-user-stylesheet

我在 Chromium Build 41001 for Windows 和 Mac OSX 上均测试通过。注意目前 Chrome Dev 是不支持这个功能的,如果你想试用 Chromium 的话,可以到这里下载

另外需要注意的是,Chromium 并不会实时监测这个 .css 文件的内容变化,所以如果你对这个文件进行了修改的话,需要退出并重新启动 Chromium 才可以生效。

其他浏览器方面,Firefox 可以通过安装 Stylish 扩展实现同样的功能,而 Safari 也是本身就内置了此功能,在设置中直接选择相应的 CSS 文件即可。

via downloadsquad

作者: 分类: Google技巧 标签: , , ,
10

知名扩展 Firebug 的简化版登陆 Chrome

2010年2月9日

Firebug是Firefox上非常受欢迎的一款扩展,尤其对于网页设计师来说,它可以让他们分析网页的HTML源代码,实时修改CSS。

Firebug最近也登陆了Chrome,不过是它的简化版Firebug Lite,其功能还无法代替Chrome Developer Tools,也没有包含Firefox扩展的全部功能,不过做些简单的CSS处理和分析还是足够了。

Via Download Squad

11

35 个你也许不知道的 Google 开源项目

2009年12月28日

Google是支持开源运动的最大公司之一,它们现在总共发布有超过500个的开源项目(大部分都是利用它们的API来完成),本文将列举一些有趣的开源项目,其中很可能有不少你不知道的哦。

文本文件处理:

Google CRUSH (Custom Reporting Utilities for SHell)

CRUSH是为命令行或shell scripts处理特定文字数据而制作的一系列工具,这里有指南

C++库和源代码:

Google Breakpad

一个开源的多平台崩溃报告系统。

Google GFlags

Gflags是一个命令行标记的处理库,它可以替代“getopt()”,其内置对C++的支持比如string。指南在此

Google Glog

Glog库可执行应用级的日志,提供基于C++式的日志API,可用于Linux、BSD和Windows。指南见此

Google PerfTools

这个工具可让开发创建更强大的应用程序,特别是那些用C++模版开发的多线程应用程序,包括TCMalloc, heap-checker, heap-profiler 和cpu-profiler。指南见此还有这里

Google Sparse Hash

非常节省内存的hash-map。指南见此

Omaha - Google Update

Omaha,也就是Google Update,它可以保证你的软件随时升级到最新版本,目前很多Windows下的Google软件都是用Omaha升级的,包括Google Chrome和Google Earth,当然你也可以用于自己的应用程序。指南看这里还有这里

Protocol Buffers

Protocol Buffers是一种可扩展编码序列数据的方式,Google在几乎所有内部RPC协议和文件格式都使用了Protocol Buffers。指南见此它可以用于很多语言而且被一些IDE所支持,比如NetBeans

互联网:

Google Code Pretiffy

这是一个Javascript模块和CSS文件,它可以让HTML页面里的部分源码高亮显示,支持C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles和部分Perl,不支持Smalltalk和所有的CAML。例子见此

SpriteMe - easy "CSS spirtes"

SpriteMe使你可以更轻松的创造CSS Sprites(俗称雪碧……)就是把网站要用到的图片都堆在一张图片里,用CSS控制调用哪个区域。它有一个自己的官网在这里

Redacisaurus

Reducisaurus是一个压缩CSS和JS文件的网络服务,基于YUI压缩算法,运行于App Engine。

JaikuEngine

JaikuEngine是一个运行于App Engine的微博系统,由jaiku.com运营。要查看移动客户端的源码可以看这里这里还有介绍

Selector Shell

Selector Shell是一个基于浏览器的测试工具,它可以让你看到CSS在不同浏览器里的样式,用Javascript写的,你可以在这里测试

Google Feed Server

Google Feed Server是一个开源Atom发布协议服务,基于Apache Abdera框架,允许开发者快速为当前数据源(比如数据库)配置feed。指南见这里这里

Melange, the Spice of Creation

这个项目的目标是创建出一个适合开源贡献流程的框架,比如Google Summer of Code TM (GSoC)项目。使用这个框架你就可以用Google App Engine来运行Google Summer of Code项目,和其它类似项目比如Google Highly Open Participation TM Contest和GHOP。指南见此

NameBench

它可以查找最快的DNS服务器给你的电脑用,在Mac OS X、Windows和UNIX系统下都有命令行也有用户界面可以帮你测试,这是Google工程师用20%自由时间写出来的。

Rat Proxy

一个半自动化的大型被动网络应用安全审查工具,专为精确的探测而优化,文档在此

TopDraw

Top Draw是一个图形生成程序,使用简单的文字脚本,基于JavaScript编程语言,Top Draw可以创造出非常复杂和有趣的图形。支持Mac OS 10.5以上系统,使用XCode开发。

etherpad

开源的EtherPad,这是一个基于网络的实时合作文档编辑器,这个项目主要是为了演示代码而开发,帮助那些想在自己服务器部署Etherpad的人使用,这里有如何安装的指南。EtherPad使用JavaScript、Java和Comet服务器来建造实时协作服务。

Chromium

Chromium是开源版的Chrome浏览器,Chromium的目标是建立一个新一代的强大网络应用程序,它与Chrome有很多不同之处。这里有指导如何在Linux上编译Chromium

V8 Google's open source JavaScript engine

V8是Google的开源JavaScript引擎,用C++写成,用于Chrome浏览器之上。V8使用ECMAScript的ECMA-262第三版可运行于Windows XP、Vista、Mac OS 10.5和使用IA-32或ARM处理器的Linux。V8可独立运行也可嵌入到任何C++程序里使用,这里有指南

Chromium OS

Chromium OS是开源版的Chrome OS操作系统,提供快速、简单而安全的网络体验,源码在此

Android

Android是第一个免费、开源而且可完全自定义的移动平台,提供完整的堆栈:一个操作系统、中间件和重要的一用应用,它包含丰富的API可以让第三方开发者开发出强大的应用程序。

MySQL工具:

Google MySQL Tools

各种管理、维护和改进MySQL数据库性能的工具,由Google编写,包括:

  • mypgrep.py:一个类似pgrep的工具来管理MySQL连接
  • compact_innodb.py:可导出和重载所有表格的密集型innodb数据文件

Google mMAIM

mMAIM的目标是对MySQL的监控和分析更简单,且可以和任何环境整合使用。它可显示主/从同步状态,一些性能状态,可以返回大量“show”命令的状态等等。

其它:

Stressful Application Test (stressapptest)

Stressful Application Test试图让来自处理器和I/O到内存的数据尽量随机化,以创造出模拟现实的环境来测试现在的硬件设备是否稳定,Google就在使用它,现在是Apache 2.0许可,这里有介绍安装向导指南

Pop and IMAP Troubleshooter

它用于诊断并解决客户端到邮件服务器的连接问题。

OpenDuckBill

Openduckbill是一个Linux下简单的命令行备份工具,可用于监视文件/目录在有变化后是否标记为备份,并传输这些变化到本地备份目录、远程NFS导出分卷或是用rsync命令导出到远程SSH服务器。见安装向导

ZXing

ZXing(发音类似Zebra crossing)是Java的开源多格式1D/2D条码图像处理库,目的是使用内置在手机上的摄像头拍照并对条码进行解码,而不必与服务器通讯,它被用于Android系统。这里有向导支持的设备列表

Tesseract OCR Engine

Tesseract OCR引擎是1995年UNLV Accuracy测试的前三名之一,在1995和2006年之间它的进展不大,但依然是当前精度最高的OCR引擎。这个源码可读取二进制、灰阶或彩色图片并输出文字,内置一个TIFF阅读器可读取非压缩的TIFF文件,增加libtiff后也可读取压缩图片。指南问答

Neatx - Open Source NX server

Neatx是一个开源NX服务,类似NoMachine公司商业的NX服务。NX协议比VNX更强大,它们的区别主要在:

  • NX是X11客户端所以不会发送位图
  • NX可兼容X、VNC和Windows版的Remote Desktop
  • NX可缓存数据
  • NX安装简单

另外一个可选的项目可以看看Google的FreeNx

PSVM

它是这个文件的代码,这是一个SVM的“支持所有核心”的版本,可多机并行运行,实例见此

GO

Google开发的新编程语言,谷奥有报道

The Google Collections Library for Java

这是一系列与Java 5以及更高版本有关的库,Google花钱给买过来了。

Google styleguide

每个主流的开源项目都有它自己的向导形式,比如一系列的演示代码。如果这些代码都按照“Style”的形式来演示,会更友好。

Via 0x1fff Blog

6

坚持每天使用 Rotated Google,颈椎病不再犯

2009年11月24日

rotated-google

Rotated Google是网友自制的竖排版Google搜索,使用CSS3将Google搜索页面左转90度,支持Firefox、Chrome、Safari、IE,但Opera不支持。

我感觉发完这个帖子,颈椎反而有点难受了……

Via Google Blogoscoped

2

小技巧:Google Docs 的 CSS 注入漏洞使你可以自定义 CSS 样式

2009年11月12日

Flemming Steffensen找到了一个通过CSS注入从而自己修改Google Docs 生成提交表单的CSS样式的技巧。

比如你的一个表单的地址是这样的:

http://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE

你可以新增一些CSS规则作为f参数的变量:

http://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}

结果见此

备注:

  • 注入的CSS要以“;}”为开头
  • 你需要使用“!important”来强制修改一些已有的变量
  • 你可以看看Google Docs页面的源代码,找出他们使用class的方式
  • Google可能随时会修复这个小漏洞

更多自定义Google Docs表单的参数见此

Via Google Operating System

作者: 分类: Google技巧 标签: , ,
0

Custom Search 三周年第二弹:Google Custom Search 主题

2009年10月28日

themes

Custom Search Themes为使用Custom Search的站长们提供一个快速打扮Custom Search外观的方式。你可以在众多已经制作好的主题模版里选择,然后再根据自己的需要自定义字体、颜色、背景、推广设置、标签排列样式和鼠标悬停的样式,一切都可以在线编辑并实时看到更改后的效果。

你甚至可以选择Custom Search结果页面的分栏样式,有三种可选。如果你还想更深入的做定制,可以下载CSS文件到本地编辑,你也可以参考AJAX Search API来深入定制自己的Element样式。

现在就来定制自己的Custom Search主题吧

Via Google Custom Search Blog

作者: 分类: Google新闻 标签: , , ,