预览模式: 普通 | 列表

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

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: sublime text3-emmet自定义

分类:前端研究 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3634

 

整整一个半月没有更新这个博客了。 

 

2013年已经看到FLASH在网站建设方向的衰落,FLASH单子越来越少,更多的客户和甲方提出多终端兼容的问题。同时,更多的跟HTML前端相关的工具、插件、教程,开始上市。整个开发氛围都让人感觉到,在网页领域的孰进孰退。我仅仅只说明我自己看到的现象,在游戏和AIR领域,FLASH应该仍是利器,井底之蛙们不要妄自揣测。

 

查看更多...

Tags: 2013总结

分类:开发心得 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1776

FLASH制作的新年砸金蛋抽奖小游戏

为老客户豪爵制作的新年砸金蛋游戏。相比网上流传的一些小游戏,界面设计更正规,抽奖步骤更完整。

正式版本是有正规配音的,这个发布版本,考虑到下载速度,去除了背景音乐与语音提示。
 

Tags: 砸金蛋游戏

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1876

Greensock尚无开发LiquidStage for js的进度

 我觉得JS网站开发非常需要的东西,所以邮件咨询了他们一下:

 

 

carl:

目前我正在学习js平台的动画开发。

我想知道,greensock是否有计划开发“JS框架下的”LiquidStage以及TransformAroundPointPlugin。我觉得很多网站开发者会需要这些。

 


 今天一早收到回复:

 

Hi,

 

We've had a few requests and we are thinking about it. Currently we are not actively developing these tools as we have a number of other priorities for the platform.

 

Thanks for your support and interest.

 

Best,

 

Carl

 

查看更多...

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2547

用tweenMax定义跨浏览器的alpha透明度

 今天试着用jquery写了个表达式:

Javascript代码
  1. $(".content").css({  
  2.   
  3.         'alpha':0,  
  4.   
  5.         });  

结果发现在chrome中无法改变透明度。查了一下资料,发现chrome只支持这样的写法:

Javascript代码
  1. opacity:0;  

有时候真懒得去分辨这些不同浏览器的语法,想起tweenMax号称跨浏览器的性能,于是试验了一下:

Javascript代码
  1. TweenMax.to($(".content"),0, {alpha:0});    

 

成了!很方便!

查看更多...

分类:greenSock | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1919

大气页头动画效果重器!

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

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

商业应用可联系本站长,QQ:258754

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1691

时钟包括指针式和液晶式两种显示方式。主要的研究点,时钟式主要是指针的角度规律,在网上找了点源码解决了。液晶式本来有点小纠结,本来想用图片替换---后来找到一种液晶字体,直接就解决了。

样样皆学问,对于时区问题 ,一查才知道,世界各地除了时区不一,还存在夏令时的问题--目前的这个作品中,是没有引入夏令时的算法的。

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1641

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

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

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

jquery-hover,鼠标感应效果

Tags: jquery-hover 鼠标感应效果

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2331

注释翻译了一个国外的长页面拖动案例

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

 中文注释在demo.js中

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

 

Tags: 长页面拖动动画

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1769

花19元购买了SuperSlide v2.1.1代码

SuperSlide v2.1.1 - * 轻松解决网站大部分特效展示问题--这是一套非常好用的页面滚动动画框架。最近我手上三四个网站,都用的是这一套。19元很便宜,因为是人民币!在这里无偿的为作者宣传一下。
 
详尽信息请看官网:http://www.SuperSlide2.com/
 
SuperSlide2
分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2224

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

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

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

 

查看更多...

Tags: 长页面创意 拖动程序 unheap.com jquery scrolling

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2777

一般情况下的居中对齐是很简单的情况,但是有时候,图片是放置在一个绝对定位(position:absolute)的层中的。这时候的居中对齐就比较麻烦了。

这个jquery小程序就是用来进行居中运算的。

使用方法是:

1、把这段jq代码放置到页面中;

2、需要居中的层加上 class="fc" ,jq程序代码中会自动把目标层加上 position:absolute属性属性,不需要在CSS中再添加。

示例页面见:http://www.contactu.cn/2013/jquery_float_center/

Tags: jquery 绝对定位 水平居中

分类:前端研究 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2954

html5+css3+js行星环绕型动画演示

链接在这里,IE6/7可能不兼容,我只测试了chrome/firefox/傲游/IE8这几款。 

值得一提的技术点有两个:

1、背景画面用了一个自适应显示器的Jquery小程序

2、小球环绕大球的这个动画还是花了点功夫,用了一个圆形环绕公式,角度、速度啥的调试了我一下午,没办法,数学底子太差。


8月9号补充一句:

HTML页面的SEO性能是FLASH不能比拟的,写本文的第二天,这个动画页面本身就被GG收录了。

查看更多...

Tags: js动画

分类:我们的作品 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2411

greensock_plugins常用功能中文简介

 com.greensock.plugins是greensock库中,与tweenLite/TweenMax等tween类搭配使用的组合功能。虽然号称是插件,但是功能真的很强。有小而精练的功能,也有象运动模拟这样的的大块头功能,这些都需要使用者慢慢的探索。这里只列出了自己常常使用的一些,让大家能少读几行英文...

查看更多...

Tags: greensock_plugins

分类:greenSock | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 8477