预览模式: 普通 | 列表

TweenMax+CSS3仿3d光环旋转特效

 昨天在http://browser.qq.com/mac/看到了一个很酷的光环环绕效果。查了下代码,他是用CSS3的animation做的。我对那个不太熟,今天试着用TweenMax模拟了一下,效果类似。支持IE9及现代浏览器。

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

  上个月一个朋友发了一个急单给我,要在有限的2天时间内,完成一个【2013长沙年鉴】的光盘电子版。600多张图片都集中在一个PDF文件中。用了一天时间完成了。整个过程用到了6种不同的软件,为了找到批处理图片的小工具,还试用了几种。工作效率算是蛮高了。

主要技术点有:

查看更多...

Tags: 电子书

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

[转载]技术大牛提供的前端学习路径

张铮铮不攻城的前端攻城尸

一步一步来。

CSS不能编程?用LessSassStylus、甚至直接用 Absurd,框架除了Bootstrap还有很多。JS写多了很麻烦?jQuery。移动开发?Zepto.js。结构不好?找框架,Backbone.js是MVC,AngularJSEmber.js是MVVM,Twitter还弄了个事件驱动框架Flight。库多了要优化加载?RequireJS

代码质量成问题?JasmineQUnitMocha做单元测试。各种浏览器都要测?用Karma。测试通过了部署还有问题?持续集成,用Travis CI。用户行为也要测?用Selenium 。样式测试还有 Viff 。觉得JS都够麻烦的?用CoffeeScript

想做动画?Canvas或SVG还有CSS3帮忙,干掉Flash。SVG太难画?用Snap.svg。想开发游戏?用Canvas。自己写FPS太低?用框架,CreateJS.。2D太幼稚?three.js帮你用WebGL开发3D,还不够给力?asm.js让你在浏览器中拥有虚幻3引擎。

这一堆东西都要配置部署,麻烦,用Grunt,库太多?用Bower管理,项目开始要创建各种文件文件夹?用Yeoman。开源项目太多了,GitHub.上找,不会?学Git。顺便用Jekyll托管博客,不是吧还有Ruby这玩意...SASS也是Ruby写的,等等Sublime TextPython写的,要写插件?也学一下。调试太难?用Chrome开发者工具,一堆API和功能。

光在电脑浏览器上跑不给力?移动开发HTML5,离开网络就渣了?HTML5离线应用。不如原生应用?用PhoneGap。想调用原生API?开发Firefox OS应用吧。浏览器应用也得会吧,Chrome Firefox都有自己的文档。接着是不是把后端甩了,自己来,装Node.js,所以还得学点服务器知识,想用npm管理node包?linux技巧shell神马的也得学。想前后端通吃?再看看http协议。Web精通了?node-webkit 让你可以写桌面程序了,继续学吧。

想学模块化开发?看看CommonJSAMD规范。理解JS有偏差?看看ECMA-262,等等不知道什么时候第6版就要出了。浏览器各不相同,弄不清该怎么兼容?看看W3C标准,HTML写出来人看的懂,机器读不懂?要SEO,要支持残障人士?看HTML语义化,全会了但IE就是不支持?叫不出名字的浏览器尼玛连JS都不知道是啥?渐进增强。想一次把各种设备全搞定?响应式设计。

然后上面这些不过是一些讨巧的小技术。公司做什么业务的?了解一下行业信息。面向大众的产品?交互设计。美工不给力?UI设计。外包和咨询?设计模式、重构方法、算法、数据结构。知道软件工程吗?了解一下敏捷开发,或许还可以试试TDD、ATDD、BDD。

看了这么多东西,第一反应是不是求中文文档?学英语去吧。

这些也不过是我目前所能看到的一小部分,而且每段基本都是到了一个边界,并不是没得学了,而是继续学又是另一片天地。真心希望有人能帮我填补知识盲区。另外,我仅把一些知识点串起来,不全或不对的地方请见谅。
分类:培训与招聘 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2685

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

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 | 查看次数: 5542

 

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

 

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

 

查看更多...

Tags: 2013总结

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

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

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

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

Tags: 砸金蛋游戏

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