为个人项目挤出时间的10个绝妙方法

Lisa Sugar在广告行业工作但她喜欢明星八卦。
Ray Chen是一个大学生但他只想分享有趣的图片。
Craig Newmark初到旧金山并且工作于一家券商和银行公司。

这三个人听起来没什么特别的。他们每个人都创建了一个小网站——PopSugar、9GAG、Craigslist对应上面的顺序。这些都是3位创始人在赚取面包的同时所做的个人项目。深入研究一下,你就会发现很多成功的故事都起源于强烈的热情和小小的开始。

你的脑海里有没有不停跳动的热情呢?或者是一个点子?是什么阻止你停滞不前?也许是在10小时的工作过后又经过了1小时通勤。我知道那种感觉。我曾经也是这样。在很多时候,我们都很像。这并不是一种借口。让我们来挤出点时间吧。

1.  把它个人化

从今天开始。做一个个人项目。

一个个人项目依靠热情支撑。热情将会使你充满能量。把你的对一项业余爱好的热情带到你的个人项目里或者把你的业余爱好变成一个长期的个人项目。如果你一直坚持你的业余爱好,这个网站能够帮助你明天从中获益。像我们看到的那样,这个网站能够让你很容易的从一些乐趣中开始一项业余爱好。[......]

阅读全文>>

多风格CSS3分页插件 分页颜色可配置

这次我们要来分享一款非常简单实用的CSS3分页插件,这款分页插件一共有2种颜色和4种样式,当然分页导航的颜色可以自己配置,也非常方便。和之前分享的CSS3/jQuery分页控件一样,这款分页插件也是用纯CSS3实现。

css3-4-style-pagination

在线演示源码下载

SoftWatch:7成办公用户已对微软Office不感冒了

众所周知,Windows和Office是微软的两大摇钱树,这两个摇钱树曾弥补过微软Bing和Windows Phone所带来的巨大损失,微软的大部分利润也来自于这两个法宝,然而下面SoftWatch的这项调查让微软不高兴了。

4db3bc6e105de

SoftWatch历时3个月,对全球51家公司的148,500名员工进行调查,发现近7成的员工对微软的Office使用已经不感冒了,他们中的大部分人仅仅是利用Office软件浏览一些文档或者做一些简单的文字编辑。

调查显示,人们每天使用Office的时间平均花费48分钟,其中三分之二的时间用来在Outlook中浏览和收发邮件,其次是使用Excel,平均花费8分钟。29%的用户从来不用Excel和Word,或者仅仅用它们来浏览一些发送过来的文档。

幻灯片软件PowerPoint,更是极少的人使用,调查显示,也就5%的用户能够比较熟练地使用PowerPoint,这可是微软交互办公软件中的佼佼者啊。

值得注意的是,SoftWatch可以将这些分析得到的数据出售给这些公司,帮助他们决定是否要将昂贵的Office授权换成较为廉价的应用软件,比[......]

阅读全文>>

HTML5/CSS3 Loading动画 水位充满文字特效

这款HTML5动画既是Loading特效也是文字特效,Loading动画开始时,文字中的水位渐渐上升,为了模拟水位上升的真实效果,水面还会波浪浮动,当Loading动画结束时,文字中的水位又会渐渐退去,动画效果和上升类似,这样周而复始,从而达到很酷HTML5 Loading动画效果。

css3-text-water-loading

在线演示源码下载

纯CSS3 Tooltip提示 阴影边框飞入动画

Tooltip可以既可以节省网页宝贵的空间,而且又可以让用户快速得到想要的信息,今天要分享的这款CSS3 Tooltip外观非常漂亮,而且是纯CSS3实现,Tooltip的边框设置了阴影特效,而且Tooltip提示框也有飞入的动画效果,是一款挺酷的CSS3 Tooltip应用。

css3-tooltip-shadow

在线演示源码下载

HTML5 SVG多折线图表 图表可缩放显示

今天我们要来介绍一款基于HTML5 SVG的折线图表,该款图片支持多条折线重叠在一起显示,可以方便地比较不同颜色折线的数据。另外图表还有一个特点,就是可以缩放和移动,这大大方便了用户浏览图表数据,非常人性化。更多图表应用,请移步至HTML5图表栏目。

html5-svg-multi-line-chart

在线演示源码下载

纯CSS3实现自行车动画 非常逼真

还记得那款纯CSS3实现的小猪、老鼠、小牛吗,简直是太形象生动了。这次我们要来分享一款利用纯CSS3实现的自行车动画,与前面那款不同的是,这个自行车是可以运动的,就像有一个人在骑车一样,车轮也会转动,非常逼真的一款动画效果。

html5-css3-bike-animation

在线演示源码下载

HTML5特性:使用async属性异步加载执行JavaScript

HTML5让我兴奋的一个最大的原因是,它里面实现的新功能和新特征都是我们长久以来一直期待的。比如,我以前一直在使用placeholders,但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性,使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能,但现在这个新属性能让我们轻松的实现异步加载。

async – HTML代码

真的非常简单,就像下面这样:

<script async src="siteScript.js" onload="myInit()"></script>

事实上,如果你是个有严谨精神的程序员,你应该在你90%以上的SCRIPT标记上使用async属性。

defer – HTML代码

还有一个跟async属性相似的defer属性:

<script defer src="siteScript.js" onload="myInit()"></script>

async属性的在语法上非常相似。

async & de[......]

阅读全文>>

CSS3自定义Checkbox特效 5种炫酷效果

今天又要来分享关于美化checkbox的CSS3应用了,这次要分享的自定义checkbox特效一共有5种不同的炫酷效果,其实现也和之前分享的几款HTML5自定义Checkbox和Radiobox 很酷的选中动画CSS3漂亮的自定义Checkbox复选框 9款迷人样式类似,也是利用定义label样式来实现的。

css3-checkbox-button-5-styles

在线演示源码下载

HTML5 Canvas火焰闪烁动画 火焰跟随鼠标

之前我们分享过一款HTML5 Canvas火焰喷射动画效果,它可以让你的屏幕上到处飞满火球,效果很酷。今天我们来分享一款HTML5火焰闪烁动画,也是基于Canvas的,火焰上下窜动的效果非常逼真,并且,火焰可以跟随鼠标移动,是一款非常炫的HTML5 Canvas动画。

html5-canvas-fire-animation

在线演示源码下载