<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>Activars.(evolving  and active) &#187; CSS</title> <atom:link href="http://www.activars.com/category/css/feed/" rel="self" type="application/rss+xml" /><link>http://www.activars.com</link> <description>tech, web, programming, rails</description> <lastBuildDate>Sat, 03 Dec 2011 14:37:58 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>新浪微博关系图 – Social Graph of Sina MicoBlog</title><link>http://www.activars.com/2010/10/01/%e6%96%b0%e6%b5%aa%e5%be%ae%e5%8d%9a%e5%85%b3%e7%b3%bb%e5%9b%be-social-graph-of-sina-micoblog/</link> <comments>http://www.activars.com/2010/10/01/%e6%96%b0%e6%b5%aa%e5%be%ae%e5%8d%9a%e5%85%b3%e7%b3%bb%e5%9b%be-social-graph-of-sina-micoblog/#comments</comments> <pubDate>Fri, 01 Oct 2010 22:29:42 +0000</pubDate> <dc:creator>jay</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[Programming]]></category> <category><![CDATA[Web 2.0]]></category> <category><![CDATA[force]]></category> <category><![CDATA[force-directed]]></category> <category><![CDATA[graph]]></category> <category><![CDATA[interaction]]></category> <category><![CDATA[node]]></category> <category><![CDATA[protovis]]></category> <category><![CDATA[social]]></category> <category><![CDATA[social graph]]></category> <category><![CDATA[social network]]></category> <category><![CDATA[visualisation]]></category> <category><![CDATA[新浪，微博，图形，数据视觉化，data]]></category> <guid
isPermaLink="false">http://www.activars.com/?p=2113</guid> <description><![CDATA[近由于需要数据来测试一些HTML SVG的绘图工具的性能，想到运用新浪微博的API调用个人数据构成‘朋友’和‘粉丝’的关系图。假设以个人为中心，我的朋友和粉丝是与自己相连的节点... 每一个人代表一个节点，我个人位于中间的节点。在这个数据组里面，连接自己的节点数量较多，中心的点weight递加之后，便形成较大的节点。图1有遗漏一些信息，比如节点并不能说明这个粉丝也同时是我的朋友，也许此人是我的粉丝而我们却没有互相关注。图2和图3就可以显示出更近一部的关系 [...]]]></description> <wfw:commentRss>http://www.activars.com/2010/10/01/%e6%96%b0%e6%b5%aa%e5%be%ae%e5%8d%9a%e5%85%b3%e7%b3%bb%e5%9b%be-social-graph-of-sina-micoblog/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>CSS优化：减少HTTP Requests</title><link>http://www.activars.com/2008/06/28/css%e4%bc%98%e5%8c%96%ef%bc%9a%e5%87%8f%e5%b0%91http-requests/</link> <comments>http://www.activars.com/2008/06/28/css%e4%bc%98%e5%8c%96%ef%bc%9a%e5%87%8f%e5%b0%91http-requests/#comments</comments> <pubDate>Sat, 28 Jun 2008 18:23:05 +0000</pubDate> <dc:creator>jay</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Programming]]></category> <guid
isPermaLink="false">http://wp.activars.com/?p=47</guid> <description><![CDATA[大多数的前端用户都会遇到一个问题，那就是下载速度。对于网络优越的用户，不是问题，但是考虑到移动用户或者是网络条件较差的使用者，最终要的是速度。现在的网站有很多的内容，比如Flash, 图像，声音，JavaScript等等都会减慢页面下载速度。 最基本的优化方法是减少客户端对HTTP Requests。有很多方法可以实现： 使用单个文件。就是说尽量把多个文件的CSS，或者JavaScript放到一个文件里面。虽然有时后我们需要不同的样式在不同的界面，但是在开发过程中能尽量考虑到这个问题，会给减少页面反馈等待时间。 显示图片的局部。如果一个按钮在hover和link的状态用不同的图，大多的方法是利用2个图片来实现鼠标的反馈。其实利用 background-image 和 background-position CSS属性可以实现用显示图片的局部。这样其实页面只做了一次对服务器的Request. 图片定义放在CSS中。如果显示图片的时候把图片插入到页面，这样会使得文本档尺寸增大，增加下载时间。我们可以把图片定义尽量放在缓存的CSS中，这样第一可以减少页面大小，也减少了http requests. 减少Http request是一个最好的性能优化起点。经过一些调查，百分之40－60的用户基本上是带着干净的缓存访问网站的，给他们的第一感觉一定是要页面装载迅速。]]></description> <wfw:commentRss>http://www.activars.com/2008/06/28/css%e4%bc%98%e5%8c%96%ef%bc%9a%e5%87%8f%e5%b0%91http-requests/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
