Category: 西边是资源仓库

水平tab menu (js+css)

水平的tab menu,忘了从哪儿下载的了,支持鼠标悬浮切换(没有点击切换的接口),扩展性不错。
点击这里下载

其中的一个,修改了下CSS,变成了这样的:
js+css tab menu

修改过的CSS:

/************tab css***************/
.basictab ul{
margin: 4px 0px 0px 0px;
padding-bottom:6px;
font: bold 12px Verdana;
border-bottom: 1px solid #909090;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;

}

.basictab li a{
text-decoration: none;
padding: 5px 7px 6px;
margin: 0px 2px;
border: 1px solid #909090;
border-bottom: none;
background-color: #26262a;
color: #d2d2d2;

}

.basictab li a:visited{
color: #d2d2d2;

}

.basictab li a:hover, .basictab li a.current{
background-color: #38506c;
color: #ffc053;
padding: 5px 7px 7px;

}

.basictab li a:active{
color: black;
}

.tabcontainer{

width:auto; /*width of 2nd level sub menus*/
height:auto; /*height of 2nd level sub menus. Set to largest’s sub menu’s height to avoid jittering.*/
background-color: #38506c;
border:1px solid #909090;
border-top:none;

}

.tabcontent{
display:none;
text-align:center;
padding:5px 0px 2px;
}

.tabcontent img{
border:1px #ffffff;
margin-left:1px;
width:125px;

}
/************tab css end***************/

表单生成工具

pForm是个很不错的表单生成工具,只是感觉对Firefox支持的不是很好。

用他的控件生成的一个表单

著名体育品牌的广告语

著名体育品牌的广告语
阿迪达斯(Adidas) : Impossible Is Nothing! (没有不可能)
彪马(PUMA):Nothing Is Possible(无足轻重的可能)
李宁(Li-ning):1、Anything is possible! (一切皆有可能);2、把精彩留给自己
耐克(NIKE):Just Do It!(想做就做)
背靠背(KAPPA):He who loves me follows me.(爱我就跟着我)
斐乐(FILA):运动的艺术
迪亚多纳(DIADORA):点燃运动激情
锐步(Reebok):I am what i am.(我是我的)
茵宝(UMBRO):One love(惟一的爱)
匡威(converse):非正式行为
美津浓(mizuno):凌波步伐恒跑无限
匹克(PEAK): I can play!
安踏(Anta):1、“我选择,我喜欢”;2、keep moving 永不止步
德尔惠(Deerway):1、“我的个性”;2、“运动个性;3、“在路上(ON THE WAY)”。
特步(Xtep):飞一般的感觉!

开源相册和IP定位服务

开源的网络相册:
http://piwigo.org/

免费的IP定位服务 – 提供了API或数据库
http://iplocationtools.com/

关于国外在线相册的一些数据

文章是:http://www.techcrunch.com/2009/04/07/who-has-the-most-photos-of-them-all-hint-it-is-not-facebook/

摘录:

Image Warehouses On The Web (numbers are total images stored)

ImageShack: 20 billion
Facebook: 15 billion
PhotoBucket: 7.2 billion
Flickr 3.4 billion
Multiply: 3 billion
Picasa “billions” (?)

Flickr:

Photos/videos uploaded daily: 3 million (implies 90 million a month)
Photos that are public: 50%
Photos that are tagged: 30%
Geo-tagged photos: 110 million
Number of unique tags: 38 million
Amount of traffic that comes from search engines: 75%

国外在线相册的一些数据

国外在线相册的一些数据2

43个PSD转xHTML+CSS网页布局及导航教程

其实是个翻译的列表文,不过要是全看完了,做站是没问题了.
原文:http://www.1stwebdesigner.com/tutorials/43-psd-to-xhtml-css-tutorials-creating-web-layouts-and-navigation/
译文:http://www.yeeyan.com/articles/view/47543/34201

提炼一下有:
1.将 PSD 源文件转换 XHTML 教程
2.叫你如何创建水平滚动网站布局
3.从PSD到xHTML,按部就班教你创建DIV+CSS布局
4.从零开始创建CSS布局
5.从零开始教您创建一个华丽高档的网页-xHTML+CSS教程
6.4个简单的教程教你将PSD制作成CSS HTML
7.使用Drupal创建Killer乐队网站:6篇系列教程
8.教你如何使用CSS创建性感的按钮
9.很酷的水平菜单悬停变大效果
10.CSS模板教程
11.控制文本渐变效果CSS教程
12.CSS超大背景教程
13.将PSD效果图转换成HTML
14.PSD切图和页面的实现
15.模糊背景效果
16.使用CSS Sprites(将图片集合在一张图片中) 技术教程
17.手绘风格CSS导航按钮
18.创建类似Crazy Egg价格列表效果的表格列高亮效果
19.CSS菜单教程
20.Photoshop教程+切片+CSS编码
21.为网页模版切片并用CSS编码
22.为你的第一个PSD网页效果图编码教程
23.使用简单的操作完成复杂的CSS布局实例
24.使用CSS来让你的页脚固定
25.教你如何将PSD转换成xHTML-视频教程
26.高级CSS导航实例教程
27.教程:为你的DIV+CSS布局编码
28.教你如何为网页变换样式
29.浮动教程
30.CSS切片教程:选择正确的布局
31.使用Prototype和Scriptaculous创建简单、智能的手风琴效果
32.CSS Sprites + 圆角
33.简单3步制作圆角布局
34.CSS样式教程
35.转换Photoshop效果图
36.制作CSS纵向菜单
37.使用CSS固定页脚背景图
38.一个简单的散列布局启蒙教程
39.两列布局CSS教程
40.CSS布局技巧:完成100%高度
41.附带一个’behavior’文件的纵向CSS菜单
42.光滑的设计,HTML实例
43.DIV+CSS布局教程

韩国的本土搜索引擎

《韩国时报》(Korea Times)称,韩国本地搜索引擎 Naver 在韩国搜索引擎市场占据统治地位,份额达到75%。

new icon collection

‘new’ icon collection!


15 Things Every Web Developer Should Be Thankful For

1. Mosaic
年轻人似乎并不熟悉这款浏览器。是他,第一次支持了图片浏览,因此页面才能变得丰富多彩,当然,也拖慢了页面的下载速度。
Mosaic

2. Firefox
竞争簇生发展。Firefox打破了IE的垄断,推动标准化进程,鼓励创新。我已经是Firefox的忠实粉丝了。但是,需要声明的是,我仅仅是Firefox的粉丝,不是火狐的粉丝。
Firefox

3、Browsershots.org
他能帮助开发者测试页面的兼容性。兼容性确实是一件头疼的事。
Brosershots.org

4. Firebug
页面开发者必备的利器。另外Shaka再加上一个叫MeasureIt的Firefox插件。
Firebug

5. Google Code
动手写程序之前,不妨先来这里看看。
Google Code

6. Frameworks
避免重复的Coding,让程序建立在巨人的肩膀上。

7. Open Source projects
Who hasn’t ever used open source software to build a site or project?
Open Source projects

8. Creative Commons
如果说Open Source是一辆马车,Creative Commons无疑便是车轮了。
Creative Commons

9. Paypal
它改变了互联网上的生活
Paypal

10. Javascript Libraries
几个有名的Js库:
* jQuery
* Dojo
* Scriptaculous
* Prototype
* MooTools
* MochiKit

11. Amazon S3 and EC2
云计算,听上去很玄妙,但它确实就在我们身边。Shaka感觉很好玩的是,为什么做这个的是Amazon,而不是老大Google?
Amazon S3 and EC2

12. Anti-RSI software
RSI就是Repetitive Strain Injury。Shaka感觉这个还有点忽悠。国家不是刚公布了标准么,在线6小时以上的都是精神病。职业伤害是不可避免的,Anti-RSI software 不也还是software么?身体是革命的本钱,要Anti-RSI,还是多去健身房和游泳中心更靠谱。

13. Advanced Text Editors
Shaka 一直用的是EditPlus。

14. CSS
说简单,又不简单。有人随心所欲的使用CSS,有人被CSS随心所欲的使用。
CSS

15. Coffee
呵呵,想笑了吧。是的,可能对于很多人来说,感谢starbucks也不错。

特别鸣谢:Laptops
Laptops 真的节省了程序员的体力么?NO!!

条目和部分图片来自:
http://webjackalope.com/15-things-every-web-developers-should-be-thankful-for/
http://nettuts.com/articles/web-roundups/10-biggest-milestones-in-web-development/

白鸦的互联网产品的需求分析

白鸦的互联网产品的需求分析
来自:http://uicom.net/blog/?p=792

下载ppt

Dansette