寻找设计素材和灵感的必去10个网站

在这个互联网，并不是的有人都掏心掏肺让你可以真正学到东西。所以，找到一个有高质量，有内容的资源和灵感网站并不是一件容易的事。自从自己学习网页设计以来，收集了不少网站，这里，分享10+必备设计资源和灵感的网站，或许，会有你一直寻找，但并未真正找到的：

1. CSS Globe - 你可以不看A list Apart，但这个我想是必备的。这样的说法多少有些争议，毕竟ALA是受大部分人推崇的。不过，这个网站总能收集到你需要的CSS技巧、JS教程、用户体验，甚至WordPress资源。

2. Smashing Magazine - 估计她的名声之大到了可以不用介绍的地步。以收集出名。当然，我是在夸奖，这个网站的质量无可质疑，可以说是篇篇精品，涉及CSS/JS/平面设计等。

阅读全文

免费网络硬盘推荐 box.net

Box.net是一个非常优秀的免费网络存储空间服务商，利用AJAX技术构建的操作界面，清新简单而且非常容易上手。提供1g的空间，界面漂亮操作简单，能够在线播放mp3，并可以当作你博客的音乐插件。
示例请看本站上面的文件菜单

阅读全文

家庭无线网络解决方案

曾几何时，网络已经成为了我们生活的一部分，上网冲浪也逐渐成为了人们业余生活主要的娱乐方式之一，越来越多的家庭都需要接入互联网，越来越多的人们已经离不开网络。但是，家里的网络布线却让不少人头痛不已！不仅布线要耗时费力花钱，布线之后可能还是不能满足自己今后上网的需要：你可能需要移动电脑桌的位置，可能需要在床上、阳台上网，可能来访的朋友电脑需要联网……如果你装修完了需要改线，那更麻烦！所以，无线网络成为家庭宽带接入的最佳解决方案。

但是，中国的房屋基本都是钢筋混凝土结构，并且格局复杂多样，环境对无线信号的衰减严重。以前的802.11b无线产品，无论在覆盖范围还是网速上都难以满足用户的需求；现在普通的802.11g产品，虽然速度基本能达到要求，但是覆盖范围并没有显著提高。这些，都大大阻碍了用户对无线的认可。所以，适合家庭使用的无线产品，一定要有够广的覆盖范围覆盖整个家庭，还能提供够快的网速，才能赢得用户——集成TP-LINK域展™、速展™技术的 802.11g无线产品就是这样的产品！

方案描述：

该家庭无线组网方案采用一台TP-LINK域展™&速展™无线宽带路由器TL-WR640G/641G/642G接入运营商宽带线路，家中的台式机、笔记本可分别使用TP-LINK域展™&速展™无线PCI网卡TL-WN650G、无线笔记本网卡TL-WN610G，或者使用无线 USB网卡TL-WN620G（集成速展™技术）。该网卡系列都可与无线宽带路由器TL-WR640G/641G/642G建立高速、稳定的无线连接。

TP-LINK域展™&速展™系列无线产品，最高无线传输速率可达108M，有效传输速率最高超过60Mbps，可完全满足家庭用户对视频点播、在线游戏等大数据流量的上网需求。室内最远传输距离达200米（因环境而异），保证完全覆盖家庭网络的需要。高传输速率还能缩短数据传输时间、提高网络效率，进一步可以缩短上网时间，节省上网费用。

阅读全文

在线体验google G1 手机。

没有google g1 ？想体验它？有办法了！

官方网站上发布了T-Mobile G1的在线模拟器，虽然制作不算精细，但也足以模拟G1的外观、细节和大部分功能，我们每个人只要动动鼠标就能切身感受到G1的魅力。

    T-Mobile官方网站上这个G1在线模拟器能够模拟出G1的大部分特征，细节部分更是能够让我们看到该机的电池、SIM卡以及micro SD存储卡的位置和插拨方式，菜单部分也同样制作的清晰到位。虽然之前Google Android SDK早已放出，不过这个G1在线模拟器要来得更加生动。可惜的是，一些运营商锁定的功能，包括GPS和地图等不能在这个模拟器上体现，我们还是等待月底该机正式上市之后在做了解吧。

T-Mobile G1官方网站在线模拟器地址：
    http://tmobile.modeaondemand.com/htc/g1/

五十个最佳FireFox扩展插件，提高浏览体验。

在众多的firefox插件中，我们该怎么选择呢?这里收集了50个流行的扩展插件,下载后安装,会让你的FireFox浏览更轻松.请注意,大多数插件可以在FireFox2.0上使用,如果无法使用,那么使用Nightly Tester Tools插件来让他们工作.当一个新的FireFox版本发布后,这个插件可以允许你轻松更新这些已经存在的扩展.

标签页管理

All-in-One Gestures - 多合一鼠标手势，集合了流行的滚动、导航等方位插件的鼠标手势。

Tabbrowser Preferences - 增强式标签页浏览扩展，提供一个很全面的图形界面，以便让用户能够轻松更改Firefox中的隐藏设置，让Firefox的标签页浏览功能更加强大和完善，并提供关于链接打开方式的详细设置。

Tab Mix Plus - 在页签上增加了更多的功能，允许你在一个页签上打开多个链接，或者在多个页签打开同一个链接，合并或者关闭同一个域名的链接等。

Restart Firefox - 在文件菜单中加了一项“重启firefox”，在安装扩展或插件后，使用这个插件可以很方便，不用关闭FireFox。

Sessionsaver - 恢复上一次打开的页面，如果你上次用过FireFox的话，这对于崩溃的FireFox同样有效。

Duplicate Tab - 允许你在新窗口或当前窗口复制相同的页签（包括浏览历史等）。

Colorful Tabs - 可以让打开的标签变成彩色的，使得界面美化。

Viamatic foXpose - 在状态栏上增加一个图标，点一下就可以打开所有的页签。

Firefox Showcase - 简化定位和选择当前窗口的操作。

Separe - 帮助整理当前页签。

Permatabs - 使得一个被选定的页签不能被关闭，并且永远驻留在内存。

FaviconizeTab - 调整页签的宽度，并且只显示图标。

网页链接管理

Linky - 下载选中内容中的所有的网页、图像、文件链接等等。

WebMailCompose - 让网页上的发邮件链接自动转移到web邮件的发送邮件地址。

Linkification - 使得FireFox可以在查看纯文本的时候识别链接地址并打开链接。

IE Tab - 使用IE内核访问网页。对于只支持IE的页面特别有用。

FirefoxView - 在IE中使用FireFox打开当前的页面。

Paste and Go - 让你粘贴URL到地址栏后自动打开页面，或者使用快捷键Ctrl-Shift-V。

ErrorZilla - 修改默认的404错误页面为一个Google的缓存页面。

文件下载管理

阅读全文

vista侧边栏小工具2种安装方法

已更新：讨论vista边栏及vista小工具请到十里地社区

下载VISTA边栏小工具,格式是*.gadget,双击没反应安装不了怎么办?可以用下面的方法安装,同样适用于XP安装VISTA边栏的系统.
（1）第一种方法：
1. 把 *.Gadget 改名为 *.Gadget.rar ，然后用 winrar 解压。
2. 把解压后的 *.Gadget 目录复制到 C:\Program Files\Windows Sidebar\Gadgets\ 下。
3. 打开侧边拦，选择添加，就能看到了。
例如安装农历小助手LunarCalendar.gadget,将其改名成LunarCalendar.gadget.rar,解压后生成目录名为LunarCalendar.gadget文件夹,将其复制到C:\Program Files\Windows Sidebar\Gadgets\下即可.然后打开侧边拦，选择添加，就能看到农历小助手的工具。
（2）第二种方法：
把下面复制粘贴进记事本，保存为.reg文件，双击导入就行了,这样就可以直接双击安装.gadget
侧边栏工具软件。
Windows Registry Editor Version 5.00
[HKEY_CLASSES_ROOT\.gadget]
@="Windows.gadget"
[HKEY_CLASSES_ROOT\.gadget\shell]
[HKEY_CLASSES_ROOT\.gadget\shell\open]
[HKEY_CLASSES_ROOT\.gadget\shell\open\DropTarget]
"CLSID"="{6B9228DA-9C15-419e-856C-19E768A13BDC}"

用css sprites（图像拼合技术）优化css加快网站速度。

一 般说来客户端对服务器端进行一次请求就要消耗0.2s左右。如果一个网站的图片，特别是网页素材较多的情况下， 于服务器之间的延迟就很大，而css sprites技术就是通过把素材拼合成一张，然后通过background的position属性来对图像进行定位，这样客服端只需要向服务器进行一次请求就可以把素材下下来，大大加快了网站的载人速度。十里地小工具之家就是通过这种方法来优化速度。举个例子：

<div class=”max”>最大化</div>
<div class=”min”>最小化</div>

这两个class都使用同一个图片：

.min, max {
width:16px;
height:16px;
background-image:url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png);
background-repeat: no-repeat; //我们并不想让它平铺
text-indent:-999em; //隐藏文本的一种方法
}

效果如下：

最大化最小化
最大化最小化
我们看到一团灰，没错，因为我们还没有指定background-position，默认为 0 0，可以看下 sprite.png , 处于这个位置正是灰块。好了，我们要找到代表最大化的加号和代表最小化的减号的位置找出来。经过测量，最大化按钮位于Y轴的350px处，最小化按钮位于 Y轴400px处。想一想我们如何才能让它们能够显示出来呢，明显，要向上提升sprite.png，得到代码如下：

.max {
background-position: 0 -350px;
}
.min {
background-position: 0 -400px;
}

就是这么简单，不过相信最麻烦的就是定位像素的问题，没事推荐个网站Web performance.这个能很轻松的帮你合成一张图片并帮你定位background-position的值。

华丽的Ending。。。