web开发调试的利器 — firebug的使用详解

November 17th, 2009 ciro No comments

本文最初发表《程序员》杂志第三期,现将全文贴上,内容已经过编辑修饰了很多:)

什么是Firebug

从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码;要编写精致的CSS样式表展示每个页面模块;要调试javascript给页面增加一些更活泼的要素;要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面,才能交出一份同样优秀的作业。为帮助广大正处于Web2.0洪流中的开发人员,在这里为大家介绍一款轻巧灵活的辅助开发工具。

Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利。这是一款让 人爱不释手的插件,如果你以前没有接触过它,也许在阅读本文之后,会有一试的欲望。笔者在撰写此文的时候,正逢Firebug发布1.0正式版,这不能不 说是种巧合。

应用

Firebug插件虽然功能强大,但是它已经和Firefox浏览器无缝地结合在一起,使用简单直观。如果你担心它会占用太多的系统资源,也可以方便地启用/关闭这个插件,甚至针对特定的站点开启这个插件。

在安装好插件之后,先用Firefox浏览器打开需要测试的页面,然后点击右下方的绿色按钮或使用快捷键F12唤出Firebug插件,它会将当前页面分成上下两个框架,如图1所示。

图1:Firebug插件展开图示
firebug插件展开图示
从图1中看到,Firebug有6个主要的Tab按钮,下文将主要介绍介绍这几方面的功能。

Console HTML CSS Script Dom Net
控制台 Html查看器 Css查看器 脚本条时期 Dom查看器 网络状况监视

Read more…

Categories: 技术 Tags: , ,

一些不错渐隐弹出效果

July 19th, 2009 ciro No comments

节选自原文:http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html

1.Jquery实现的淡入淡出效果

这种淡入淡出的效果可以应用在图片,文字片段,甚至任何节点,未激活时该效果显示30%的透明度,鼠标hover效果为100%的透明度,很适合在网页的局部内容表现上使用。

  1. $(document).ready(function(){   
  2. $("ELEMENT HERE").fadeTo("slow", 0.3);   
  3. $("ELEMENT HERE").hover(function(){   
  4. $(this).fadeTo("slow", 1.0);   
  5. },function(){   
  6. $(this).fadeTo("slow", 0.3);   
  7. });   
  8. });  

查看示例 下载

Read more…

Categories: 技术 Tags: , ,

解决常见CSS问题的8个Javascript技巧

July 19th, 2009 ciro No comments

CSS在web开发中中绝对是一个伟大的技术,虽然跨浏览器的问题和缺乏CSS3支持在现代浏览器是一个实际问题的创造性。 这里提供了8个用Javascript解决常见的CSS问题的技巧。

1 -JQuery 实现透明背景

由于IE6对对PNG支持很不友好,实现透明背景一直都是相当烦人的事情。 已经有很多办法可以解决这类问题,这里提供一个用Jquery来实现任意元素透明的技巧。

  1. 确保你的网页包含了以下JS库: http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.jshttp://design-forge.ro/projects/opensource/transBG.jquery.plugin.js
  2. 你在需要的地方加入以下代码(HTML),放到单独的js文件更好。 然后,就可以在你想要实现透明效果的元素上使用transBGdraw ()

$("#id").transBGdraw();

$(”#menu”).transBGdraw();

$(”#container”).transBGdraw();

// !!!IMPORTANT!!!

// if you use tagnames or classes, make sure every object affected has a unique id.

$(”div”).each(function()

{ $(this).transBGdraw(); });

$(”h6″).each(function()

{ $(this).transBGdraw(); });

$(”.class1″).each(function()

{ $(this).transBGdraw(); });

$(”.text”).each(function()

{ $(this).transBGdraw(); });

$(”.information”).each(function()

{ $(this).transBGdraw(); });

来源: 跨浏览器透明背景与jQuery ,没有CSS技巧,没有*. PNG文件

2 – 兼容各种浏览器

由于微软和IE,每个前端开发工程师遇到最棘手的肯定是跨浏览器兼容的问题。 即便可以为IE引入专门的样式,但是这对要兼容大多数浏览器来说并不是最理想的解决方式。用Jquery可以轻松解决。

$(document).ready(function(){

$(’html’).addClass($.browser);

});

现在您可以根据你的浏览器如 msie //Mozilla//opera//Safari来添加样式。

Read more…

Categories: 技术 Tags: , ,

开发商的狂欢是民众的不幸(摘)

July 19th, 2009 ciro No comments

原文:http://qzone.qq.com/blog/622006048-1247884533

在刚刚过去的2009年上半年,房地产市场从2008年的低迷中迅速回暖。统计显示,今年1-6月,全国商品房销售面积34109万平方米,同比增长31.7%;商品房销售额15800亿元,同比增长53.0%。有些开发商近期为上半年的骄人业绩大摆庆功宴,奖金论袋子装,明星找最红的请,一次花费上亿元。
开发商的庆功宴,是建立在民众痛苦基础之上的。2009年以来,全国70个大中城市房价环比连续四个月上涨。其中,3月份环比上涨了0.2%,4月份环比上涨0.4%,5月份环比上涨0.6%,上涨速度明显在加快。
    具体到地方,房价涨幅更为惊人。
北京房地产交易管理网资料统计显示,北京6月商品房住宅成交均价为每平米13302元,比今年1月份上涨了2864元,涨幅为27%。广州楼市涨得更猛。5月份,75%的楼盘价格已经回到2007年水平。其中,高端市场,短短三个月上涨23.6%。
    房价上涨,意味着民众为了买房,不得不承受更大的成本——当然,这不仅仅是民众所承受的成本,同时,也是中国经济不得不承受的巨大成本。
尽管开发商百般遮掩其暴利真相,但是,相关细节还是清晰地把真相表露出来。着名的闵行区"莲花河畔景苑"楼盘,据报道,其销售累计合同均价为每平方米14297元的楼盘,地价仅为604元/平方米,仅占到目前房价的4.2%,即使加上建筑成本,开发商所获利润也是以倍计算的。近日又有媒体披露,销售价格在8000-9000元/平方米的恒大御景半岛,楼面地价不过450元/平方米。开发商总是喜欢把过去低价拿的地,"折算"成现在的高地价核算成本,给人一种房地产开发企业微利的印象,这种移花接木之术实在太蹩脚了点。
那么,这些年来,民众为高房价,为开发商和地方政 府的暴利(前者卖房后者卖地)付出了多大代价呢?2000年至今,最保守的估计也超过10万亿元!比两个4万亿救市计划还要多。倘若这些资金不被既得利益集团掠夺,中国的内需何以长期萎靡不振?

可想而知,当这些巨额利润集中在开发商和地方政府手中的时候,对民众购买力的蚕食作用是显而易见的。中国内需屡拉不起,中国消费对GDP增长的贡献率,远远小于发达国家,也与此有关。财富向少数人集中的结果,是贫富差距的拉动和中国消费能力的下降。

Read more…

Categories: 网摘 Tags: ,

经历新浪裁人—“我终于失去了你”(摘)

July 16th, 2009 ciro No comments

Sina 6月4日,号称“中国互联网龙头老大”的新浪网传出两条消息:一是“CEO王志东辞职,由COO茅道林接任”;二是“新浪将在全球裁员15%”。

“王志东离职”顿时成为新闻炒作的最新题材,激起了方方面面的猜测和关注;而“新浪将要裁员”没引起什么反响,因为眼下在网络行业,裁员实在不能算是新鲜事。不过谁都没料到,新浪的裁员动作会来得这么快——就在两天之后的6月6日;更让人想不到的是,新浪裁员的招数是“速战速决”——接到人事部电话通知的被裁员工,必须在1小时内走人。

1天之内,新浪便完成了全部裁员事宜。一位有幸留下的员工心有余悸道:“现在我听见桌上的电话铃响,还会出冷汗。”

“玩”互联网的都知道,新浪的薪酬待遇在这行当里不过是中等水平;可干这行的也都清楚,新浪是中国互联网的“老大”,投身这里的许多人都带着自己的“光荣与梦想”而来。当1小时内“光荣与梦想”迅速破灭,新浪留给他们的还有什么?当被裁者来不及反应、来不及整理私人物品、甚至来不及向同事告别,便提着包走出新浪大门的时候,他们还能以怎样的方式和自己的奋斗历程说再见?……近日,记者几经周折,采访到了几位在新浪大裁员中离职的员工。

一旦找到这些原新浪员工的电话号码,拨通,马上开聊———他们自嘲地说:“还约什么时间呀,我现在随时有空。” 他们大多是独自闯荡的年轻人,在北京租间房子,做着“来去自由”的工作。手机是联络他们的唯一方式,我只好愧疚地让他们把手机煲到发烫、没电……“在我心中,新浪是互联网的一帮开路先锋们一起成长、一起经历所有困难、一起成功的地方。可那天早上,我正忙着跟客户约谈判时间,桌上的电话响了……”

阿长说去年7月16日是让他难忘的日子,这一天,他终于加盟了心仪已久的新浪。 Read more…

Categories: 网摘 Tags: , ,

揭示为什么《变形金刚2》中一个2秒的镜头要用3个月来完成

July 16th, 2009 ciro No comments

揭示为什么《变形金刚2》中一个2秒的镜头要用3个月来完成

01

About six months ago, Michael Bay approached Digital Domain, the Academy Award winning special effects company behind movies like Benjamin Button, Titanic , and the The Fifth Element, with a last minute request. He needed a closeup. (WARNING: Minor Spoilers Ahead)

02

Read more…

Categories: 网摘 Tags: , , ,

好玩的竖文插件~

July 14th, 2009 ciro No comments

[shuwen13]素胚勾勒出青花笔锋浓转淡 瓶身描绘的牡丹一如你初妆 冉冉檀香透过窗心事我了然 宣纸上走笔自此搁一半 釉色渲染仕女图韵味被私藏 而你嫣然的一笑如含苞待放 你的美一缕飘散 去到我去不了的地方 天青色等烟雨 而我在等你 炊烟袅袅升起 隔江千万里 在瓶底书汉隶仿前朝的飘逸 就当我为 遇见你伏笔 天青色等烟雨 而我在等你 月色被打捞起 晕开了结局 如传世的青花瓷自顾自美丽 你眼带笑意 色白花青的锦鲤跃然于碗底 临摹宋体落款时却惦记着你 你隐藏在窑烧里千年的秘密 极细腻犹如绣花针落地 帘外芭蕉惹骤雨 门环惹铜绿 而我路过那江南小镇惹了你 泼墨的山水画里 你从墨色深处被隐去[/shuwen]

下载竖文插件>> 

作者:http://e-xia.com/

Categories: 设计 Tags: , ,

繁华落幕(摘)

July 14th, 2009 ciro No comments

原文:http://www.gemheart.com.cn/fan_hua_luo_mu/

想写这篇文章很久了, 一直没有空. 飞机上抽空写点. 最近, 金融危机占据了所有人的视线. 很多人都以为美国的天蹋下来了. 我这个月要回国度假一个月. 有朋友听说我要回来, 直截了当地问你是不是失业了? 对这些朋友, 我只想说, 你对世界了解太少. 我指的是你自己的世界, 也许我们都会进入一个不稳定的时代, 问题是你准备好了吗?

1. 泡沫起源

每次危机都会有前因后果, 有时需要几年,几十年的积累. 2007年2月, 我和猪粮, 陈洁在华尔街上晃荡. 当时我和他讨论, 我的第六感,全世界几乎所有的资产都估价过高. 房子, 股票, commodity, 更别说艺术品了. 猪粮的领域是资产管理(asset management),我和他说了我想法, 我想把我的投资换成cash.  当时这些都只是我的gut feeling. 我不会做quantitative analysis. 那是猪粮做的. 我的逻辑是当时有3大泡沫.

美联储在前主席格林斯潘的领导下, 为了对付2001-2002互联网泡沫破裂引起的经济衰退, 和911的滞后影响, 把利率降得太低, 在低利率时间太长. 2003年就有人说美联储应该直接把利率提高两个百分点. 低利率的祸害, 下面会说到.
日本在1990年房地产崩溃以后, 中央银行把利率降到零. 而且一直保持在那里. 这就给所谓的carrier trade 提供了条件. 投资者把在日本零利息借来的钱换成其他货币, 投入有收益的资产, 比如美国政府债劵. 不光是投资者, 很多国家政府都是这么做的.
以中国为首的亚洲出口国, 有大量美元顺差, 这些顺差最后都回流美国, 收购美国各种债劵. 这样做的前因后果,下面会有详细说明.

所有这一切的结果, 就是市场上有太多的钱, 去追寻太少的赚钱的机会. 任何一次出现这种情况, 结果都是灾难性的. 如果你觉得我打错了, 我再说一遍, 任何有太多的钱, 超过市场需要的, 结果都是灾难.

Read more…

手机游戏怎样娱乐移动互联网?(摘)

July 14th, 2009 ciro No comments

原文:http://www.gemheart.com.cn/phonegem/

互联网在09年进入了两个趋势。一是以Facebook为代表的SNS的人际关系时代;二是以手机应用服务为代表的移动互联网。

.

中国互联网已经成型的娱乐至上环境中,网络游戏在互联网泡沫之后创造了以盛大为代表的网络游戏上市公司群。那么在移动互联网的青黄时期,手机游戏会不会成为第一个最佳发力点?那我们用手机游戏怎么娱乐移动互联网?

.

每一个新的时代,总是因为新事物的出现,说到游戏就不得不说这两年开始红火的网页游戏。大家都知道,传统网络游戏的游戏规则已开始不适应现今的互联网环境,以盛大为首的游戏公司都在创新求变;同时新进者也不可能在一个已经有垄断者的市场上,用过去的游戏规则,去跟垄断者较量。但却可以在一个全新的战场上(比如网页游戏、手机游戏),间接地把老巨头拉下马。如果史玉柱的征途当初也跟盛大、九城、网易一样去拼免费,放弃最擅长的营销,就没有今天的巨人。

Read more…

用翻墙软件打开被屏蔽的网站~看国外各网站~~

July 13th, 2009 ciro 3 comments


Tor 是一个软件项目,帮助你抵御流量分析,流量分析是一种对网络的监视行为,威胁到个人的自由与隐私、商业活动与业务关系的保密和国家的安全。Tor 将你的通信通过一个由遍及全球的志愿者运行的中继(relay)所组成的分布式网络转发,以此来保护你的安全:它令监视你的 Internet 连接的那些人无法知道你所访问的站点,它还令你所访问的站点无法知道你的物理位置。Tor 能与现有的许多应用程序配合工作,包括 Web 浏览器、即时通讯客户端、远程登录和基于 TCP 协议的其他应用程序。

Read more…

Categories: 资源 Tags: , ,