预览模式: 普通 | 列表

HTML世界销售地图-带交互子菜单

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

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

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

Tags: HTML地图 带交互子菜单

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

 其实一直以来,我都代理这些业务。只不过没有广泛宣传,只给一些自己的客户及朋友使用。最近被代理商送了一个258754.hk的香港域名,还附送了一个代理站,顺便发出来宣传一下。有需要的朋友可以直接向我购买。

跟大代理商相比,我在价格上并无优势。

唯一可以自夸的,就是本地服务与诚实---立足长沙10来年,还没做过任何欺骗朋友的事。许多长沙的朋友,都在使用我提供的建站及售后服务,也得到一些小小的口碑。

 

+ 国际域名注册68元

+ 香港免备案主机298元送建站模板,不需设计,1小时直接成站--非常适合小企业。

+ 微信公众平台+手机微网站,800元,一步到位。

Tags: 域名注册、网站空间、微信企业站

分类:服务报价 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1674

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

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

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

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

主要技术点有:

查看更多...

Tags: 电子书

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

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

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

一步一步来。

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

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

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

 

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

 

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

 

查看更多...

Tags: 2013总结

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

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

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

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

Tags: 砸金蛋游戏

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

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

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

大气页头动画效果重器!

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

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

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

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

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

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

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

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

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

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

jquery-hover,鼠标感应效果

Tags: jquery-hover 鼠标感应效果

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

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

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

 中文注释在demo.js中

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

 

Tags: 长页面拖动动画

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