邪罗刹的菠萝阁


> 传说中有个YD男叫619,一定要我写一篇文章祭奠他一下,所以当然的,这篇文章以他为主线。
> 嘿嘿嘿嘿 O(∩_∩)O,预告一下,下一篇文章针对WP进行全方位极限加速,不要错过喔。

> 话说回来,主要是记录一下对619童鞋网站的一点修改与为自己的工具箱做个小小的使用指南。
> ╮(╯▽╰)╭ ,最近小邪堕落了,灰常喜欢用颜文字来表达思想感情,~ (~ o ~)~zZ ~~~///(^v^)\\\~~~。

1. 首先帮619童鞋加上了 裸奔帝国™ 的标志(图在上面)

> 因为不做个标志的话,每个童鞋进他博客的第一件事情就是检查自己的浏览器是不是出了问题。
> 强悍一点的马上就去开杀毒软件鸟。然后郁闷地回来留言说原来是 Sandbox 模板来着。
> 虽然我先前建议用 CSS裸奔帝国™,不过短一点也没啥,嘿嘿。

<div id="header">
  <h1 id="blog-title">
    <span>
      <a href="<?php bloginfo('home') ?>/"
      title="<?php echo wp_specialchars( get_bloginfo('name'), 1 ) ?>"
      rel="home"><?php bloginfo('name') ?></a>
    </span>
    <span id="blog-description">
      <?php bloginfo('description') ?>
    </span>
  </h1>
</div>

> 首先把博客的 Description 移动到标题的 h1 标签中,然后用 Span 框起来。
> 接着对此 Span 进行相对定位即可,虽然都是行内元素,但是相对定位可没有问题的。

#blog-description{
  font-size:12px;padding-left:5px;position:relative;top:-22px;
}

2. 我的 jQuery Selectors 工具

> http://tool.evlos.org/jqselectors/

> 此工具能够让大家对 jQuery 的选择器有一个比较具体的理解,可以试试看喔。

2. CSS整形与优化工具

> 工具箱中提供了 万戈童鞋 介绍的灰常强大的 CSS 整形与优化工具。

> http://tool.evlos.org/csstidy/

> 之后我就把他的 3.24KB 的超小 CSS 文件再使用这个工具压缩,压缩为 2.77KB 。
> 压缩率为 25%,灰常强大的说。基本上所有可阅读性比较高的 CSS 文件都可以保持这个压缩比率。

3. 邮箱地址图标制作

> http://tool.evlos.org/mailtoimg/

> 呵呵,这个比较好玩的说,大家可以没事做做看,这个程序是老程序了。

4. Javascript 代码加密压缩

> http://tool.evlos.org/jspacker/

> 这个代码加密压缩也是很不错的,16.8KB 的 JS 文件可以压缩为 14.4 KB,灰常紧凑。
> 当然加密功能也是不错的,虽然 HighASCLL 方式的压缩有点问题,不过不碍事,用 Normal 即可。
> 还可添加捣乱的一些字符代码,让可阅读性下降到最低,虽然高手还是能还原的,让人头疼一下倒是不错。

5. 最后给619童鞋提了分类建议

> ╮(╯▽╰)╭ 话说因为他的文章比较有特色,让他很纠结来着,没分类,所以我试着分了一下。

6. 围观秘密花园

> 此网站为当今幸存的全手工Html静态网站,绝对可以成为文物啊!
> 计数器自 1999年1月20日 开始统计,今天的数字为千万级别的:53915655。

7. 欢迎来 Follow 我的 Twitter @AngelSolo

Leave a comment
38 Comments.
  1. Sawyer GreenBrowser Windows 坐沙发!#1

    好久没抢到过沙发了, :wink:
    然后,开始慢慢看。

    @
  2. 619 Internet Explorer Windows 坐板凳!#2

    啊呀呀呀呀! :biggrin:

    @
  3. 阿士 Internet Explorer Windows 躺地板!#3

    不错,围观中,沙发没了

    @
  4. 619 Internet Explorer Windows 天花板!#4

    MD,也不给我开个传送门 :biggrin:

    @
  5. Auston Jary Google Chrome Windows 下水道!#5

    沙发,板凳,地板都没了 :confused:
    期待下一篇~

    @
  6. 万戈 Mozilla Firefox Windows 地心!#6

    全裸网站!

    @
  7. 人家619裸奔几十年了。。

    @
  8. 放学了 :biggrin:

    @
  9. 我折服了!彻底的

    @
  10. 这都太深了,一堆堆的。

    @
  11. 想问一下,那个JS压缩加密,勾选上了有什么效果。。= =

    @
  12. 保留注释,我的CSS压缩了10%。看来我自己写的还是挺精简的

    @
  13. 挺方便,不过话说那个邮箱图片已经被spammer破解了,收藏不错^^

    @
  14. 呵呵,先留个记号。

    @
  15. 好详细啊

    @

Leave a Reply


[ Ctrl + Enter ]