这是一个很简单的tag云图算法,也是偶然间在网上找到的,一直都在用 ,算法十分简单和实用。虽然代码是用PHP的,但是很容易移至到其它程序语言asp.net,java等。
<?php
function tag_cloud($tags) {
$maxsize = 38;
$minsize = 12;
$maxval = max(array_values($tags));
$minval = min(array_values($tags));
$spread = $maxval – $minval;
$step = ($maxsize – $minsize) / ($spread);
foreach ($tags as $key => $value) {
$size = round($minsize + (($value – $minval) * $step));
[...]
前段时间研究了一下jquery,发现jquery要其他类型的库要容易学习的多,而且比较实用。有一天和一个朋友聊天,他也在学jquery,学习的感受也是和我一样。然后我就仔细的比较了一下jquery和其它的库,发现jquery在实用和易学使用上确实有自己的特点。
一、封装的恰到好处 封装一个库最难的就是一个尺度问题,就是说封装的层次过于底的话,那么应用到项目的时候就会发现很多东西需要自己再写,还是很麻烦。但是封装的过于高层,做项目的时候又不是很灵活。而jquery正好是取得了一个中间点,把一般项目中最最常用的函数封装进去,同时不是过于底层,也不是过于高层。正合适的位置上。所以一般用jquery有一种特别舒服的感觉。 看过《精通javascript》书的人可能会发现,其实那本书就是写jquery是怎么构建起来的。我们通过那本书可以发现,作者完全就是从实际工作中总结经验,最终慢慢形成了一个jquery。
最近突然发现在网页设计中”栅格”或者说”网格”这个词特别火。原因我分析主要是源自淘宝ued团队的4片文章。同时呢还有腾讯的前端开发部门也发出了声音。
栅格还是网格?
对于这个问题是在腾讯那篇文章中作者特别强调是网格不是栅格,甚至还把《超越css》和《平面设计导论》拿出来说,还说如果说成是栅格不尊重作者等等啦。其实首先一点是,无论是栅格或者是网格,英文都是grid,这和作者的并没有太大关系和核心思想也没有太大关系,把这个东西拿出来说事我猜可能是因为,文章开头写了一段为和老大要福利啥的后来被老大说了,就是因为这个栅格系统。所以特别拿出来这个说事,还因为是可能他们老大是看了淘宝的文章才提到这个事等等啦。
其实归根到底就是grid应该翻译成什么,有些地方翻译成栅格,有些地方翻译成网格。其实这和设计没啥关系,就是一个语文问题而已。
网格很容易理解,就是网络组成的格子。那栅格呢?我么来查一些字典关于栅的解释:栅其实是一个多音字,读shan 四声或者读栅zha四声。都zha四声的时候,一般的词就是栅栏,用竹木铁条等做成的阻碍物。读shan四声的时候,就是栅极,由金属丝组成的筛装网状或螺旋状电极。其实从解释上就可以看出栅格和网格根本就是一个意思,只不过栅格更加正式一些,而网格更加口语化一些仅此而已。
今天用Aptana 有了新的更新,软件版本更新到了1.1同时推出一个重要的功能就是Aptana自创的Jaxer,号称是世界上第一个Ajax服务端,虽然是1.0版本,但是发现网站上的资料库已经相当健全,而且还有不少的视频演示。
引用一段官方的对Jaxer的说明翻译:
Jaxer改变了这一切,它是世界上第一个真正的Ajax服务器。在Jaxer里面, HMTL, CSS,Javascript都是它的其中一个对象,就象XMLHttpRequests, JSON, DOM一样。并且作为服务器,它提供了进入数据库、档案和网站建设,以及服务器日志、进程管理、安全性、可扩展性和整合了API。
其实javascript本身是具有服务端运行的属性的,譬如下面这段代码:
客户端运行
<script type="text/javascript">
document.write("hello word");
</script>
服务端运行
<script type="text/javascript" runat="server">
document.write("hello word");
</script>
xStyle 是一个非常简单的 css framwork,如果您是一名css老手那么简单看一下代码就可以立即用用到您的项目开发中去,即使是新手也只需要话5分钟看一下cheat sheet 即可使用,如果看了cheat sheet您都不会用的话,哪您最好找一本css入门教程看一下了。
xStyle的特点:
1、页面松耦合:xStyle 和其它css framework的最大的最大区别就是,完全和页面的结构没有关系,或者说是特别轻的相关性,大多数的属性都是一次性定义一个html元素即可。
2、从新定义和封装:xStyle中封装了许多css现有的属性,譬如margin padding font 这些,从表面上来说是降低了灵活性,但是在实际项目开发中却提高了代码重用度和统一性,而且当程序员问你这里的要用什么字体颜色,什么样的边距的时候,你只需要告诉他加上一个xxxclass就行啦。
3、快速部署:xStyle中包含了css项目开发中最常用的定义方法和一些小工具,您只需要稍微修改一下就可以快速的应用到你的项目开发中去。
4、良好的扩展性:xStyle不仅仅是一个css framework,更是一种高效快速css开发方式,里面的代码您可以按照里面的方式自己进行随意更改和补充,然后修改成你公司或你自己的css framework。
xStyle现在还是一个很简单的版本,由于时间仓促还有很多不足,如果有什么bug和意见希望大家通过 xwxwxw[at]gmail.com 与我联系。
下载地址:http://xstyle.d8in.com