無標題文檔

URL Zipper 压缩器

很多时候我们要将 URL 缩短(比如缩短购物链接等), 所以就有了很多在线的网址缩短服务 。在 本人经常玩Twitter 的客户端 中,有这样的功能,如图

https://friable.rocks/_/2008_08_05/1217927714.png

通常而言,这些在线缩短服务都是开放 API 的。那么,我们也可以编写相应的工具嵌入到自己的应用中。不长的时间,本人的在线 URL 压缩器就搞定了(目前为止,调用 is.gd、snipr.com、twurl.nl 三种 API)

https://friable.rocks/_/2009_11_05/320605fb862a.jpg

此工具的网址如下

http://friable.rocks/url-zipper/

最后,顺便做了个 「收藏按钮」 ,将其拖到浏览器的书签工具栏中,在浏览其它页面的同时点击此按钮,即可压缩当前的网址。

-- Spite --

更新

  1. 2009-05-17 可以自动生成七个短网址服务:bit.ly、cli.gs、kl.am 、is.gd、sniprl.com、poprl.com 和 short.ie
  2. 2012-10-22 由于时间关系,部分服务已经失效,因此可能会随时根据实际情况做调整

-- eof --

PHP 5.3,你准备好了吗?

官方于 8 月 1 日推出了 PHP 5.3 的首个 aplha 版本 ,相比期前的例行版本升级,此次的更新有更为重要的意义。

根据描述,主要的改进内容如下

  • Namespaces (documentation maybe out dated)
  • Late static binding and __callStatic
  • Lambda functions and closures
  • Addition of the intl, phar (phar is scheduled for some more work a head of alpha2), fileinfo and sqlite3 extensions
  • Optional cyclic garbage collection
  • Optional support for the MySQLnd replacement driver for libmysql
  • Windows older than Windows 2000 (Windows 98, NT4, etc.) are not supported anymore (details)
  • New syntax features like NOWDOC, limited GOTO, ternary short cut \"?:\"

是的,可以看见很多计划在 PHP6 实现的功能,都「提前」到了 PHP 5.3 中。

个人认为最为重要的是新加入的 Namespaces(命名空间)、 Lambda 、以及 closures(闭包) 等特性。有了这些新的特性,我们这些思维已经「僵化」的 coder 又能玩出新的花样了。

接下来的几天,我会撰写几篇有关 PHP 新特性相关的摘记,请期待(但愿不是放「空头支票」)。

表格元素内容的定位

CSS 中的 position 属性 可以很容易的将指定的元素定位到理想的位置。但在使用这一属性时需要注意,尤其是在表格元素中。为了说明此问题, 我们先来看个 DEMO

点击按钮后,图片所在的 td 的 CSS 属性 position 定义成 relative,但是除 Exploer 外其内部的绝对定位的层,没有重新定位到「期望的位置上」。

在这里有个详细的讨论 ,主要的原因可以基本上认定为 Exploer 与其他浏览器针对表格元素的理解不同所致。

根据 W3C 的相关描述

The position and size of an element's box(es) are sometimes calculated 
relative to a certain rectangle, called the containing block of the element.

另,感谢 圆心提供另个参考来源

The effect of 'position:relative' on table-row-group, 
table-header-group, table-footer-group, table-row, 
table-column-group, table-column, table-cell, and 
table-caption elements is undefined.

可以认为定位的父容器应为块(block)元素(td 默认的 display 属性为 tab-cell),从上面的内容可以看出,针对'position:relative' 这一属性对于大部分的表格元素(display:table-*)而言是未定义的,而 Exploer 则没有遵循这一规范(所以得到了「期望的结果」)。

其实将 DEMO 中的相应 td 的 CSS 属性改成 display:block; 就能更好的说明问题(注意,将 td 的 display 属性改成 block,严格意义上理解,它已经不是表格的一部分)。

要解决这问题,目前已知的一种做法就是在 td 中再套一层 div 等 block 元素。

这可能这又引起的另个问题,就是无法像表格元素一样垂直居中,不过我们 可以参考这里的解决方案 (更新, 还有 小虎 的另种解决方案 )。

--EOF--

我的照片

嗨!我叫「明城」,八零后、码农、宁波佬,现居杭州。除了这里,同时也欢迎您关注我的 GitHubTwitterInstagram 等。

这个 Blog 原先的名字叫 Gracecode.com 、现在叫 「無標題文檔」 。 要知道作为码农取名是件很难的事情,所以不想在取名这事情上太费心思。

作为八零后,自认为还仅存点点可能不怎么被理解的幽默感,以及对平淡生活的追求和向往。 为了避免不必要的麻烦,声明本站所输出的内容以及观点仅代表个人,不代表自己所服务公司或组织的任何立场。

如果您想联系我,可以发我邮件 `echo bWluZ2NoZW5nQG91dGxvb2suY29tCg== | base64 -d`

分类

搜索

文章