博文

目前显示的是 四月, 2016的博文

php.h not found when install php extension on MAMP

http://stackoverflow.com/questions/10717752/having-problems-while-try-to-install-oauth-with-pecl-in-mamp-on-mac-os-lion

fullpage.js demo and 完全指南

http://www.dowebok.com/demo/2014/77/ Fullpage入门指南 Fullpage是最好用的全屏滚动插件,很多前端设计师用他制作出了优秀的效果,本小节的内容将为大家介绍如何快速的使用Fullpage插件,构建自己的全屏单页网站。 1、安装插件 如果你熟悉bower或者npm,您可以使用下面的命令安装Fullpage // With bower bower install fullpage.js // With npm npm install fullpage.js 当然您也可以从 Fullpage 的Github地址下载得到源文件,这两种方法所获取到的Fullpage插件文件是一样的。 2、引入插件文件 这个插件依赖于jQuery,所以你还需要下载jQuery,并且在Fullpage插件之前引入。 如果你需要自定义页面滚动的效果,你需要引入jquery.easings.min.js文件。 对于内容比较多的页面,可以设置右侧的滚动条,但是默认情况下无法滚动,你需要jquery.slimscroll.min.js文件来自定义滑条滚动效果。 最后,如果你不想下载到项目中,您可以使用开源项目CDN服务,Fullpage在CDNJS的地址:https://cdnjs.com/libraries/fullPage.js 3、编写HTML代码 默认情况下,每一屏幕的代码都需要有DIV包裹,并且设置DIV的类名为section,默认情况下,第一个setion将作为首页显示在页面上。 Some section Some section Some section Some section 假如你需要让某一个section作为首页的第一屏展示,你只需要给这个section添加一个active的类,Fullpage会自动优先展示这个屏幕,例如定义下面的代码: Some section Fullpage自带左右滑动的幻灯片,只需要在section中添加DIV元素,并且给DIV元素添加slide类,FUllpage会自动生成幻灯片特效,例如下面的代码: Slide 1 Slide 2 Slide 3 Slide 4 4、...

very cool Off-Canvas Menu Effects

http://tympanus.net/codrops/2014/09/16/off-canvas-menu-effects/ https://jsbin.com/seqola/2/edit?html,css,js,output 10 side menu http://www.designerslib.com/bootstrap-sidebar-menu-templates/ cheap and cool http://codecanyon.net/item/web-slide-responsive-mega-menu-for-bootstrap-3/full_screen_preview/11068006

SmartMenus Bootstrap Addon (Navbar static top)

http://vadikom.github.io/smartmenus/src/demo/bootstrap-navbar-static-top.html

bootstrap responsive side bar

http://codecanyon.net/item/responsive-bootstrap-sidebar-navigation/11784410

20 Cool bootstrap Menu Design

http://blog.themearmada.com/20-inspiring-bootstrap-menu-examples/

Responsive and aspect ratio

http://alistapart.com/article/creating-intrinsic-ratios-for-video http://jonathannicol.com/blog/2011/10/18/responsive-elements-that-retain-their-aspect-ratio/