陈小峰（iefreer）的专栏

利用Canvas画了几个错落有致的六边形风铃标签，鼠标hover上去的时候会出现轻微摆动以及模拟风铃随风飘扬的音效。

ProductHunt 搭建了一个创业者和投资人之间的直接的互动交流平台，弥补了 AppStore 和 TechCrunch 的功能空白。这样的交流平台对于探索期的创业者是有益的，因为创业者在起步的时候，需要有经验的投资人提供专业建议，并借此得到关注，通常这些交流都是在线下或者邮件来往，通过 ProductHunt 这样的开放平台来交流要更方便高效并能帮助到更多相关创业者。

当前产品设计和开发的一个主要技术趋势除了响应式外，还有尽量使用CSS/HTML5技术替代图片，这样可以获得很好的设计扩展性和页面访问性能。本文是对一个使用纯CSS构建卡通人物肖像技术的介绍，非常酷的设计和效果。

ProductHunt（网站www.producthunt.com）是一个国外新出现的产品

使用Javascript D3在线创建你自己的涂鸦作品

Yii2 Beta版本在今年4月份发布，目前正在修改问题和完善文档中。Yii2要求PHP版本不低于5.4，主要有如下改进：1）支持PHP框架间协作组制定的PSR-4标准，这简化了目录并提高了类自动加载速度 2）内置支持Restful API框架 3）支持依赖注入(Dependency Injection)和服务定位(Service Locator) 4)支持大批量数据查询 5）AR添加对redis

Yii2在今年4月份发布了beta版本，相信下半年会推出正式

检查你的网站是否启用了gzip，用chrome打开网站比如http://www.techbrood.com选中一个请求，查看Response header部分，如果没有包含Content-Encoding:gzip那么你还没有开启gzip网页压缩功能。开启方法是在httpd配置文件中添加如下语句（注意，这里使用了apache2里面的mod_deflate而不是1.3里面的mod_gzip）： A

使用绝对位置和背景图实现的一个j

有时候定向索引任务需要结合列表页面和内容详细页面才可以得到完整信息。

3D虚拟试衣系统的使用场景主要是在线电商或数字营销，为品牌服装、服饰、饰品添加高端3D虚拟购物动效，提升用户感官体验和交互体验。踏得网基于网页/HTML5独家研发了一套在线3D虚拟试衣间系统。纯网页版，跨平台支持，无需用户安装插件。

Sphinx2多个索引源的配置如下：source src1{...}source src2{...}index idx1{ ... source = src1 ...}index idx2{ ... source = src2 ...}使用方法如下：单个索引源$res = $cl->Query($query,"src1"); 多个索引源组

在给我们的开发平台添加sass/scss语言支持时，需要安装sass-lang（已安装ruby环境）。但遇到如上的错误，经排查和DNS配置（vi /etc/resolv.conf）无关，而是因为gem的source不可用。

对于电子商务类的3D打印网站，一个主要功能是把商品以3D的方式呈现出来，也就是3D数据可视化技术。HTML5（WebGL）可以用来构建3D视图、立体动画、人机交互。Three.js是一个主流的JS框架用来支持和简化WebGL编程。本例是一个简单的Three.js应用，即把一个外部可用于打印的3D标准建模文件（STL文件）载入到浏览器中绘制出来。

我们在网站开发过程中常常遭遇UI交互效果设计和实现的双重困扰。设计师一方面努力寻找创意，一方面担忧技术层面可实现性，而Web工程师则缺少好的开发参考。为此我们希望为自己建立一个HTML5技术资源库并提供专业的搜索服务，这个技术资源库应该要涵盖基础知识、高级应用实例、在线教程、工具以及创新的UI设计。这是踏得网（techbrood.com）的开发初衷。然后在这个资源库之上，我...

我们在网站设计开发过程中常常需要实现一些与众不同的效果。设计师努力寻找创意，Web工程师针对这些创意寻找到合适的参考代码。我们自己的体会是比较难找到这些前沿资源，因为缺少好的搜索、匹配服务。为此我们希望为自己建立一个高品质HTML5特效作品库，这个开放库涵盖了基础知识、高级应用实例、编码模式以及新颖的界面设计。

踏得网专注于互联网动画、特效、交互动效和3D视觉领域的在线搜索，实时收录国内外产品创意、技术作品代码演示、数据模型和在线教程，并以众包的方式对内容索引进行再加工、编译。踏得网同时还是一个简单易用的、免费的分享和推广平台：踏得网为Web技术人员提供云开发测试平台，为互联网产品提供免费推广渠道。

有两个方法来查看监控服务器流量，看是否有异常。1. 使用系统自带的命令： watch more /proc/net/dev可以查看每2秒的字节和数据包的变化。但不那么直观。2. 使用nload命令，需要自行安装1）# yum install flex byacc libpcap ncurses ncurses-devel libpcap-devel2）# wget http://www.rolan

移动互联网技术对新闻媒体行业带来的变化是惊人的。从专业的综合门户到维基、博客、微博、自媒体，新闻越来越散户化，众包化，也更具实时性和社交属性。Grasswire：姑且翻译为“草根连线”，顾名思义，就是这么一个新型的众包新闻平台。〉其首页采用流行的Pinterest瀑布流模式，每个图片区块代表当前的一个热门新闻话题；〉你可以进入某个你感兴趣的新闻话题房间，然后可以看到这个话题相关所有的实时资讯（Tw

有两款这样的设备，分别在众筹网站上获得了较大的资助。

创业者经常问我，你们的投资管道（投资流程）究竟是怎么样的?看多少项目，约见多少人，尽职调查的频度，最终选择哪些公司进行了投资。这让我觉得有必要提高VC投资管道的可见度，同时也有助于介绍究竟哪些方面帮助一个企业从最初的介绍会议走到完成一轮成功的融资。原文发表在踏得网（Techbrood.com）

Matias Duarte, Android首席设计师, 在最近2014年Accel设计大会上强调，从为不同的设备开发不同的应用到一个应用适配多个屏幕，需要转换我们的软件设计方法。在这个针对软件设计师、产品经理以及开发者的大会访谈中，Duarte做了一个非常大胆的声明，“移动作为一个概念已经死了，移动休矣。”，他当然不是说移动设备已死，而是说单独的为移动设备设计应用是一条错误的道路，已经不合时宜。

对于以前的ga版本，要禁用子域名的GA cookie可以使用_setDomainName方法：_gaq.push(['_setDomainName', 'www.techbrood.com']);对于最新的ga版本，解决思路一样，只是具体代码和调用形式需要调整一下。默认情况ga的代码如下：ga('create', 'UA-XXXX-Y');这样ga会针对整个根域名及子域名发送cookie。要针对某

在Kickstarter网站上获取资助的

我们不是设计页面，我们在设计系统组件。-Stephen HayWe’re not designing pages, we’re designing systems of components.随着网页设计技术水平的不断发展，我们认识到需要建立周到的设计系统，而不是简单的网页集合。在创建设计系统上已经有很多的讨论，大多数关注于建立颜色，排版，网格，结构及类似元素。这些方面的思考当然是重要的，不过我对

由于不同的浏览器对于CSS的实现

Brad Frost在2013年使用响应式设计技术对著名的技术创业网站Techcrunch进行了重新设计，以适应多屏幕尺寸移动阅读的需要，跨国开发团队通过该项目得以重新审视并践行新型网页设计流程：“后PSD时代”，本文是他的精彩自述。关键词：响应式设计（Responsive Design）、原子设计（Atomic Design）、网页设计后PSD时代（Post-PSD Era）

原文发表在技术创业微门户：踏得网（Techbrood.com）http://techbrood.com/news/%E7%BD%91%E7%AB%99/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E5%90%8Epsd%E6%97%B6%E4%BB%A3_post-psd-era_.html

1.对于img元素而言，比较简单：

运行环境是Apache2+Phusion passenger+Redmine2.4.2+Ruby1.9.3peizhi

产品猎场（ ）上出现了一些新的招聘平台

1. Before ordering something, make an account that claims your birthday is that day.A lot of places will offer you a discount. (This Reddit thread also offers advice on how to make a vanishing email a

knozen是一款由显示你什么人最喜欢你什么。率，发现，和你的同事和朋友分享的性格。你的朋友们的人格特征的比较。如果发现其他人同意或不同意你的意见。-增加你的网络，发现它的人你知道是更加自信，有创意的，自发的，和更多的。查看和共享的个性，表现出积极的事情的人想你。

抓取数据时，通常调试信息是：

zuSoap is the home management system that allows you to control everything wireless or wired and keeps your home secured from hackers, spies and creeps.

Note: ifCMS(originally named as ycms, but was found confliction with another one, so renamed to ifCMS, which simply means CMS created by iefreer) it is targetted to be a high performance-full function

移动设备越来越趋于互联网使用的中心，笔记本、智能手机、上网本、iPad、电子书等各式各样的设备，尺寸/分辨率不尽相同。这为网页设计带来了新的挑战，也带来新的机遇，有可能“一次编写，随处呈现”吗？ Ethan Marcotte在2010年提出响应式WEB设计的概念，简洁、响应式WEB设计是一种与设备无关的内容呈现方式，能在桌面、移动设备以及宽屏设备上有同样好的表现。本文先是简单的描述了响应式WEB设

分享2个设计得非常迷人、性感、细腻的响应式设计网站，一个是电子商务（移动设计为其带来30%的流量提升）https://www.cloggs.co.uk，一个是在线活动主题页面（蓝宝石背景风格，配色典雅迷人）http://2013.canvasconf.co.uk/，细细体会不同尺寸屏幕下的界面感受。

原文发表在踏得网（Techbrood.com）

普通ASCII码空格为32，但是浏览器会对普通空格进行自动归并，也就是如果你输入10个0x20的空格在HTML页面里面，可能会被合并成一个空格。如果想要一致的呈现多个空格，就要用到&nbsp，这个空格的编码为160，为西欧ISO-8859-1编码标准。为了让经过HTML编码的内容还原为原来的文本字符，可以使用html_entity_decode方法，但这样问题就来了，通常HTML编码内容为UTF8