轩枫阁

首页 / 第49页

前端轻量级web进度条 – Nprogress & nanobar

前言

进度条库是前端中常见的库之一,bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件,使用简便。轩枫阁用过Nprogress,用于页面刚打开时的页面加载进度显示。

官网

NProgress.js:http://ricostacruz.com/nprogress/

nanobar.js:http://nanobar.micronube.com/

1. NProgress

nprogress

简介

轻量级的ajax进度条应用,灵感来自Google, YouTube, and Medium。

纳米级的进度条。 具有逼真的动画涓涓细流来说服你的用户,something is happen! 查看全文

2014/04 15  周二

PFold-实现纸张展开/折叠效果

前言

这是一个可以使得元素拥有像纸张一样的展开特效来显示更多内容的高度实验性jQuery插件。其中展开方向的步骤和数量都可以用参数指定。

简介

PFold是一个可以使得元素像纸张一样展开效果的高度实验性插件。一个元素使用3D效果来展开展示更多其他内容。这个效果的实现原理是,一个元素有许多层次的折叠,其中每展开一次。元素的高宽都成倍增加,所以可以模仿一张已折叠的纸张的展开效果。

有很多参数提供选择,如每个展开/折叠步骤的方向和步数。

对于不支持CSS 3D transforms 、 transitions的浏览器,这里会提供一个回调的方法,也就是直接显示大页面,没有过渡的效果。

Demo及源码

社招页效果

预览:http://xuanfengge.com/demo/201404/Pfold/

源码:https://github.com/xuanfeng/Pfold

浏览不同配置下的3个demos

查看全文

2014/04 13  周日

拖延症再见

战胜拖延症并不容易。这不仅因为拖延症背后根深蒂固的信念和行为习惯很难改变,还因为战胜拖延症要求我们有所行动,可拖延症本身就是以不愿行动为特征。在我做拖延症讲座的时候,曾有学生绝望地跟我说:

“老师,我是资深的拖延症患者。我觉得你也救不了我了。因为就算你告诉我有什么办法,我也会拖延着不去做的。如果我去做了,那我也就不是拖延症了,不是吗?”

好吧。在第一篇文章的评论区,我已经看到有很多读者说:“这篇文章看着不错啊,等我过段时间再来读”、“为了治疗拖延症我一年前就买了相关资料了,只是现在还没看,您看我还有救吗?” 查看全文

2014/04 10  周四

拖延症你好

拖延症真是我们的时代病。在我周围自诩为拖延症的人群中,有辛勤工作,几乎每天加班到晚上10点的IT公司白领,有从大一开始拿遍各种奖学金的学霸,有年纪轻轻就评上教授的学者,一天到晚窝在宿舍玩网游的问题学生,也有因为毕业论文而焦虑万分的硕士或博士生。有时候我奇怪地发现,周围各种自诩为“拖延症”的人群,表面上看几乎没有什么共同点。

在这么个“人人都有病”的时代,人们喜欢用一些似是而非的心理学概念来表达他们的自我怀疑和焦虑。拖延症没有病重到要住精神病院,也没轻到无关痛痒,轻重刚好,于是被全国人民广为传播,成为最喜闻乐见的心理疾病。

如果仔细审视,你会发现有很多旁人看起来和拖延症不搭边的人,也哭着喊着要混进拖延症队伍。这些努力工作、积极上进的人觉得自己也有拖延症,是因为他们心里都有一个过于理想的自我。他们觉得正常的自己就应该是一直专注而高效的。而当现实自我表现出松懈时,他们就开始对自己心生不满,觉得自己拖延、效率低下。他们宣称拖延的背后,是这样的潜台词:“为什么别人看起来更有效率,我却不行?”“为什么我明明曾经做得更好,现在却不行?”除了理想主义,这个潜台词的背后,常常是出于对意志力的误解。比如,他们会误以为意志力是完全主观的,能随意愿的改变而改变,如果他们表现出松懈,不是意志力的客观限制,而是自己在偷懒。曾在某个阶段保持专注和高效后,他们也容易误以为,自已在每个阶段每个任务中都应该保持这样的专注和高效,否则就是拖延症。这就像你曾经用12秒跑了100米,跑马拉松的时候你仍期待自己应该保持这样的速度。也有很多人的拖延,其实是一种主动选择的工作策略。他们喜欢把事情放到最后一刻来做,喜欢压力下有效率的工作。回过头来,他们却觉得自己要能早点动手,就不用承担deadline之前的焦虑和抓狂了。但他们很清楚自己的潜力,下次他们仍然会把事情留到最后,而且总能在deadline之前完成。 查看全文

2014/04 10  周四

你2048了吗—开源HTML5游戏

前言

最近玩的根本停下不下来的游戏-2048,今天终于闯关成功~  就连2048的开发者都说自己还没达到2048的分数。

2048游戏源于IOS,现在安卓也有移植版本,该游戏借鉴了有名的手机游戏1024。

源码

https://github.com/gabrielecirulli/2048

试玩

http://xuanfengge.com/demo/201403/2048

玩法

游戏的玩法很简单,在4×4的棋盘上,用方向键选择数字移动的方向,遇到相同的数字就会合并,每次移动会增加一个数字。合并出2048就算通关。虽然简单,但是很有乐趣,被誉为“根本停不下来的游戏”。 查看全文

2014/03 29  周六

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子