前端开发,技术培训,动效研究,求职信息

 基于bs版本： v3.3.4我做了一下定制，主要选择项如下：

定制后，主文件bootstrap.css由139K减少到102K

最后我决定所有的JS文件都不要了，连那仅有的三个勾都没选。

定制地址：http://v3.bootcss.com/customize/

 用于某广告公司的内页导航，在网上搜索了一下，好象没有类似的六边形导航，就自己做了一个。

最关键就是搞清六边形的坐标关系，用一张简图表述：

具体代码请移步此页面：http://www.contactu.cn/2015/flower/

 FontAwesome是字体图标，网页中的小图标，可以不再用图片实现了，而且大小、颜色可以任意控制。

好处多多，详见：http://www.thinkcmf.com

这次主要的测试结论：

1、 FontAwesome可以脱离bootstrap运行；

2、发现FontAwesome在IE8下，可以看到！

 swiper.js是手机微场景制作中最常用的框架，功能强大，参数齐全。它在使用loop: true这样的参数时，滑动片将可以首尾连接，即可以循环地滑动场景。

应用于“图片数量多、体积大”页面的预加载，会给浏览者带来较好的用户体验，尤其是企业LOGO的提前显示，会让网站呈现出更完整的品牌形象。

点击查看DEMO页

优点：

1、未加载完成前，正式页面不显示。

2、自定义加载序列、自定义背景颜色变化、背景透明度。

3、参数灵活、调用较丰富，如以下3种加载画面方式。

4、站长dudu加入了时间线动画机制，可在加载原画面基础上，自定义更丰富的JS动画。

5、加载完毕后给出消息，方便自定义调用事件（如消隐掉加载动画、调用新的进场动画等）。

缺点：

- 进度计算，是以图片加载完成的张数（而不是字节数）来计算的，因此加载数字进程看上去不平均。

本测试范例使用的LOGO加载方式，加载过程中，调用了自定义“小光点向上飞行”的动画，为演示方便，只加载了2张大图，加载完成后，即撤去黑底，播放大图动画。

付费100元，可得到完整程序包，含技术文档，及得到站长技术支持。

本站长支付宝帐号：258754@qq.com

Tags: preloaderpreloader jqueryjquery

经测试发现jquery 1.11.1都支持IE8，但jquery2就已经放弃了对IE6-7-8的支持。

canvas+createjs+tweenmax制作满天星星旋转效果,效果跟FLASH类似，但完全兼容IOS设备，已经在IPAD上做过测试。这种制作的主要目的，是为了寻找一种可以代替FLASH的动画方式。

查看更多...

Tags: canvascanvas createjscreatejs 星星旋转效果星星旋转效果

 2014年，网站进入HTML的节奏。为了支持IPAD等设备，网站尽量不用FLASH了。FLASH制作的世界地图（点击查看）被淘汰。

我使用HTML+JQUERY，制作了兼容性更好的世界地图。功能点如下：

• -CSS定义位置点和国旗
• -自定义下拉菜单
• -可根据要求，定制弹出菜单或是更多功能
• -这里有一个本站真实案例：http://www.fasaniceleste.it/cn/Contact.asp
• -欢迎定制，传播请保留本站域名。

Tags: HTML地图HTML地图 带交互子菜单带交互子菜单

在国内的网站上几乎查不到这个问题的解决方法，特此记录一下：

Emmet.sublime-settings的snippets.json文件，是用来自定义进行emmet缩写组合的，这个文件默认是没有的，必须自己建立，文件可以在国外很多网站上下载，我分享一个：

https://github.com/emmetio/emmet/blob/master/snippets.json

而这个文件下载以后，编辑以后，应该放到以下路径：

C:\Users\Administrator\emmet\Emmet.sublime-settings

把c:换成你自己的系统盘，如果没有路径，自己建立一下。

Dreamweaver 的snippets.json路径在此：

C:\Users\your user name\AppData\Roaming\Adobe\Dreamweaver CS6\en_US\Configuration\Commands\Emmet

Tags: sublimesublime text3-emmet自定义text3-emmet自定义

 全屏观看请点击：http://www.contactu.cn/2013/ll/

来自于国外的商业应用，3D/2D效果、组合无限、播放组件定义自由、尺寸自适应、兼容浏览器，几乎完败一切同类应用。

商业应用可联系本站长，QQ：258754

 英文原站地址在这里： http://www.unheap.com/section/user-interface/hover/

第1集在这里：http://www.contactu.cn/article.asp?id=136

我就不多写了，只上个索引图

Tags: jquery-hoverjquery-hover 鼠标感应效果鼠标感应效果

今年特别流行长页面！加上这些拖动动画，非常之生动。不管你用不用，反正我用了。请拖住滚动条一直往下拉，可以看到各类动画。

 中文注释在demo.js中

 全屏请点击这里查看：http://www.contactu.cn/2013/drag/

Tags: 长页面拖动动画长页面拖动动画

 因为目前手头有一个全屏长画面网站的项目，我想设计成比较流行的长屏+拖动动画形式。于是在网上找插件。unheap.com几乎提供了与拖动有关所有jquery小程序，太赞了！于是我在自己的印象笔记中整理了一下，顺便发布在这里，做为日后自己的一个查找索引，也方便大家来使用。

以下所有内容都来自于unheap的ui-scrolling分支，具体URL是http://www.unheap.com/section/user-interface/scrolling/，如果有翻--墙手段，可能浏览起来更快速一点。unheap只是一个展示索引，各个子程序的说明和下载，都存在各自作者的网站上。

我在下图中做为了说明的，都是我认为比较重要的程序，一些雷同的、作用不大的，就没有做标记了。看图就行了，图的下方， 我把文字说明附加在后，方便大家查找..

查看更多...

Tags: 长页面创意长页面创意 拖动程序拖动程序 unheap.comunheap.com jqueryjquery scrollingscrolling