加载中…
个人资料
陈在真Sunny_chen
陈在真Sunny_chen
  • 博客等级:
  • 博客积分:0
  • 博客访问:175,465
  • 关注人气:179
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
访客
加载中…
好友
加载中…
评论
加载中…
留言
加载中…
博文
大家新年快乐,赶一波福利给大家拜年,老板们新年好哇(๑¯∀¯๑)...预祝老板们元宵节好哇(๑¯∀¯๑)...

一不小心,年前又赶了个项目,为何说赶,毕竟预留了半个月开发哇…额…半个月都顶不住天天调整设计稿好伐…这要加页那要加动画,弹层啥的加的加砍的砍,叠了几个方案后还是第一个方案好的那种心情,还不是最惨烈的,最惨烈的是设计师拿把戒尺在你面前量,告诉你某段文字在手机上有1mm的偏移,那个心情,说多TMD全是泪好伐T.T…

项目二维码:




按惯例的阐述下项目背景:
腾讯公益新年小福神项目,年初一的时候在朋友圈推广,通过召唤不同小福神,传递福运的方式,给贫困山区的小孩,或者抗战老兵,或者先
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
最近研究一些图片格式的转换,然而放到项目里面兼容不大理想,成效不大,感觉自己在兜圈子,迷茫ing...鉴于很久很久没有更新博客文章了,毕竟上一篇文章也是去年4月份的了,更新一下,满足下连我自己都不知道有没有的 真粉 需求…呵呵哒…

这阵子忙的大一点的项目,应该算 WE大会,那就说下它呗,先上个链接:WE大会
大概的交互流程是这样的:用户进入官网,会播放一段开场视频,伴随着带感音乐,然后主题渐显,今年2016的主题是 无境,镜子相关的题材,至于当时脑爆的时候各种镜子哲学逻辑特效什么的,这里就不多说,毕竟前端文章,不能给姚老板,LEO,扎扎他们太多机会秀场,额呵呵q(๑¯ ε ¯ ๑)p…

开场首屏还是很重要的,用户的第一印象分就打在这了,大背景渐隐渐显效果,从三棱镜切换六棱镜再切换五棱镜的变幻,契合主题用,此处做了一个鼠标探照灯的特效,如下图所示:


阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

audio

陈在真

音频

html5

音效

分类: HTML
不要被这么文艺的标题吓到,这里不会跟你讲述中学时期泡妞史,也不会有其它什么现实不该有而小说噼里啪啦不能没有的坑爹情节,请注意,这是一篇技术类文章,主要讲的是:音频在移动端的兼容问题,至于为什么标题要起的这么文艺,这只是为了迎合下这条微博而已:



神马?你还没关注我新浪微博 - 桑尼真 ?果断走起吧,我不会晒自拍刷屏不会买面膜,有的只是吐槽跟技术类的分享,欢迎关注…

好了,前面按惯例废话了不少,下面我们来说下,音频在移动端的那些坑,坑的具体表现与填坑方式…

我私自把 音频分两种,背景音乐与音效音乐;

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
看着快过年了,项目赶了一波又一波,总结什么的必须的,就当给大家的贺岁礼哈;
说到项目总结,必须提及WeBank前海微众银行项目,怎么说我在WeBank项目投入了很大的精力,当然没有一起奋战在最前线的交互/设计好基友们一起,也做不出这样一个突破,为何说突破?如果我说一个手机页面,样式代码:1395行,样式体积:126k,纯手写,你信吗?我不会告诉你前面已经做了几版KO版,别人说多都是马赛克,我说多都是泪哎…

老规矩,有地址有真相,请扫二维码体验下先:



这是其中一屏,我比较喜欢的一个动画“想走就走”

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
刚灰常激动把页面发布出去了(发布距现在也是N久前的事了 T.T),趁热打铁,写下项目总结分享,说起上一篇文章,已经是2014-3-10的事了,不是我懒,而是不知道写什么,其实在8月份的时候,我当时想写一篇‘全站雅黑’的问题讨论,然后写了60%的时候,手贱没保存,新浪博客居然也没编写时实时保存功能,然后就没然后了,打不起精神把写过的内容再写一遍,就像说过的话,重复说一遍感觉很变扭…于是那稿子就只剩一个标题,留在草稿箱里面了,不信你看我的草稿箱去,哦?你看不到啊!没关系,我能看到就行,啊哈哈…

一、流程介绍

一、首页

回主题吧,还是写回项目小结,要不然跑题太远,文科同学表示我误导读者写作抛题,就不好了,先贴个图,压压场面:

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2014-03-10 18:47)
介于实在有点忙,打2013.10.30更新项目优化总结文章到现在,中间情节波澜起伏,动人心魄,有悲伤郁闷到想轮椅子砸人过,也有兴奋激动到想轮椅子砸人过,其实我并不是大家所想的那么具有暴力倾向的动不动就轮椅子砸人的不良少年,至于为什么呢,‘少年’用词错了,应该是不良青年哈...

这个不良青年介于今晚要发页面版本,而又刚好解决了一天的bug坐等发布不能离席的时刻,对于最后碰到的一个联调bug展开了无限遐想,首先,说下话题的起源,是什么bug:



新版的好莱坞是有两个宽度版本根据浏览器宽度切换的,然而在播放页的评论这里,有个bug,当窗口由宽切到窄的时候,评论框宽度会有个transition 动画过渡,而在chrome,会出现渲染问题,性能稍微差点的机子,可能就会出现,而调这个,其实也很简单,就不要transition呗,你
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
不知不觉做好莱坞项目已经一年多了,打从接手后就一直迭代重构开发,新需求新页面的一直滚版本,表面看好像正常进行,其实内部已经有点混了,就在前不久,然后一个同事在群里反馈:



于是乎,一场大扫除来袭了...

开启心爱的YSLOW 评分73 截图如下所示:



前端重构可控的问题,主要表现在:

1、页面图片过多;
2
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
好久没写,都不知道怎么开头了,只能说,事物本身存在变化,由于内部与外部原因共同促使导致,希望能把大家忽悠过去...如果你头脑此刻还清醒着,请翻阅中学政治课本三次后,保证头脑凌乱后再看下文,谢谢合作(擦,看篇技术创意文章为啥要看政治课本,还是中学的,小学的思想品德不行么,瞬间就凌乱了>3<)...

上个礼拜说要做个紧急需求:好莱坞首页万圣节皮肤,然后想着好久没做什么创意类的东西出来了,看到后没有觉得压力好大,反而很开心,然后蹲设计师问万圣节的稿子好了没啊好了没啊好了没啊,只有初稿啊?初稿也行,要了过来看有没有动画元素可以先做,等收到稿子后,普通的重构套接完成需求的就不多说了,要说的是我发掘了哪些创意的点,怎么实现它,还有自己添加了一些后面才给设计师看没问题OK的元素,具体效果可点击传送门:好莱坞影院

一、买扣帽子

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2013-01-23 16:07)
好久好久好久没有更新博客文章了,这篇也是好久好久好久前写的了,本来打算发布到某个官网发,不过审核没过...亏我还连夜设计了一个吊爆的造型做成Banner,TNND,以后有东西直接发,投个鬼稿...下面是我传说中的Banner:



蝙蝠侠套装 给力吧...啊哈哈...还是进入正题,说说这篇文章吧:


自从接手好莱坞影院到发版(前阵子已经更新多一版了 T.T ),

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2012-08-14 09:21)
前几天云之家发版,没有之前那么忙,具体可以查看我这篇文章《CSS3渗入-金蝶微博改版云之家》,而现在又是一个酝酿创意的休渔期...

前几天同事买了只新手机,在电梯里,说到微信的摇一摇,又说道TX微博也有个类似的功能,叫吹一吹,然后就演示了下,效果很漂亮,也触动我心底那根弦...蒲公英...

初中的时候班里有个高材生的文章就有过一个蒲公英的比方,离家守卫边疆的战士犹如随风漂移的棉絮,漂泊远离故乡,落地扎根...而如今我也如此,即将飘离而去,当然我不是得了什么绝症,那是坑爹韩剧里面才有的剧情,这个你看我暴力扣杀200km/h的羽球球速(纯属YY)就知道了...

闲话少说,看看效果图先吧...

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有