Google Doodle“水果游戏”第三日:小葡萄化身跨栏运动员

2016年第31届夏季奥运会日前已经在盛产水果的巴西里约展开,对此, Doodle专门推出了一个“水果涂鸦”特辑,即各种各样的水果以运动员的身份“出征”奥运会。今日已是该项活动的第三天,主角则是一颗葡萄,只见它坐在一只蜘蛛身上参加了跨栏比赛,而 在昨日,菠萝则化身成了一位网球运动员选手。

葡萄跨栏选手
葡萄跨栏选手
菠萝网球选手
菠萝网球选手

除了Doodle每日更新之外,Google还推出了一款水果游戏,玩家可以在Google Play或iOS App Sotre上下载到,他们可以在游戏里尽情地创作自己的涂鸦。

Google还推出了一款水果游戏
Google还推出了一款水果游戏

HTML5+CSS3 loading 效果收集

用gif图片来做loading的时代已经过去了,它显得太low了,而用HTML5/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。

这里收集了几十个用html5和css3实现的loading效果,以供学习参考。

01. CSS Rainbow Loader

纯HTML5和CSS3加载效果

Demo Download

02. Single element Slack loader

纯HTML5和CSS3加载效果

Demo Download

03. Pure loader

纯HTML5和CSS3加载效果

Demo Download

04. CSS Cog loader

纯HTML5和CSS3加载效果

Demo Download

05. VSCO – CSS loader

纯HTML5和CSS3加载效果

Demo Download

06. Cube CSS Loader

纯HTML5和CSS3加载效果

Demo Download

07. CSS Loader

纯HTML5和CSS3加载效果

Demo Download

08. Tumblr-style cog loaders

纯HTML5和CSS3加载效果

Demo Download

09. CSS Weather Loader

纯HTML5和CSS3加载效果

Demo Download

10. Chrome Cast CSS Loader

纯HTML5和CSS3加载效果

Demo Download

11. Loaders

纯HTML5和CSS3加载效果

Demo Download

12. 4.4 Kitkat loader

纯HTML5和CSS3加载效果

Demo Download

13. CSS loaders kit

纯HTML5和CSS3加载效果

Demo Download

14. CSS creative loading

纯HTML5和CSS3加载效果

Demo Download

15. CSS Loading Animation

纯HTML5和CSS3加载效果

Demo Download

16. Logo Loader

纯HTML5和CSS3加载效果

Demo Download

17. Loaders collection by Loaders.css

纯HTML5和CSS3加载效果

Demo Download

18. CSS Water filling Loader

纯HTML5和CSS3加载效果

Demo Download

19. CSS loader

纯HTML5和CSS3加载效果

Demo Download

20. Animated CSS3 Loading Bar

纯HTML5和CSS3加载效果

Demo Download

21. CSS loading text animation

纯HTML5和CSS3加载效果

Demo Download

22. Simple Loader

纯HTML5和CSS3加载效果

Demo Download

23. CSS Loading animation

纯HTML5和CSS3加载效果

Demo Download

24. CSS loader

纯HTML5和CSS3加载效果

Demo Download

25. Pushing pixels CSS loader

纯HTML5和CSS3加载效果

Demo Download

26. CSS Loader

纯HTML5和CSS3加载效果

Demo Download

27. CSS Loaders

纯HTML5和CSS3加载效果

Demo Download

28. Random Loader

纯HTML5和CSS3加载效果

Demo Download

29. Single element CSS spinners

纯HTML5和CSS3加载效果

Demo Download

30. Simple CSS loader

纯HTML5和CSS3加载效果

Demo Download

31. SpinKit – CSS loaders

纯HTML5和CSS3加载效果

Demo Download

32. Modern Loader

纯HTML5和CSS3加载效果

Demo Download

33. 2D and 3D Block Loaders

纯HTML5和CSS3加载效果

Demo Download

34. 12 free SVG loaders

纯HTML5和CSS3加载效果

Demo Download

35. Page Loading Effects

纯HTML5和CSS3加载效果

Demo Download

36. Pace.js – Page Load Progress Bars

纯HTML5和CSS3加载效果

Demo Download

37. Loading SVG loaders

纯HTML5和CSS3加载效果

Demo Download

38. preloader

纯HTML5和CSS3加载效果

Demo Download

小编明显是一个飞机场,所以看不起这款APP

11区即将推出的神APP……这款名叫「chichi」的APP竟然能够测量罩杯大小!只需要把安装了该APP的手机夹在胸间,就可以立刻算出罩杯是多少!由于目前缺少E罩杯以上的数据,正在做最终精度调整,对胸部有自信的可以联系官方,APP计划明年1月推出。

11区惊现测罩杯APP 大小一挤便知晓
11区惊现测罩杯APP 大小一挤便知晓

它的使用方法很简单,只需要把安装了该APP的手机夹在胸间,就可以立刻算出罩杯是多少!
11区惊现测罩杯APP 大小一挤便知晓
11区惊现测罩杯APP 大小一挤便知晓

但笔者还是搞不懂,出这款APP除了量Cup外,还能干嘛?

Amaze UI Touch v0.1.0 公测版发布

Hi, 媛猿员:

It's been a long day without you my friend. And I'll tell you all about it when I see you again.

沉寂了太久,是时候拨开新成员—— Amaze UI Touch 的面纱了。

Amaze UI Touch(以下简称 AMT)是基于 React.js 开发的移动端 Web 组件库:

  • 专属于移动:技术实现、交互设计只考虑主流移动设备;
  • 专注于 UI:只提供 UI 层,不限定配套技术,方便与现有技术栈整合;
  • 采用 Flexbox 布局:总要有人第一个吃螃蟹,即使偶有纠结;
  • 基于 React.js:沿袭高性能、可复用、易扩展、一处学习多端编写特性。

经过一段时间的小范围测试,AMT 0.1.0-beta2 略带忐忑地和大家见面了,赶紧访问官网探个究竟吧(轻拍)。AMT 还有很多细节有待完善,欢迎参与,把移动端开发经验分享给更多人。

有那么点好奇、疑惑?点此了解AMT 的前世因缘。

谢谢!

Sincerely,
Amaze UI Team

风停了猪死了:汽车O2O倒闭潮漫延

站在风口上,是猪都能飞起来。可是没有风了呢?现在,这个担忧终于成真,风真的没有了。逸洗车创始人任龙最近睡眠并不佳,行业内不好的消息一直冲击着他的 神经——在最近一个月时间内,曾被视为行业内大佬级别的赶集易洗车、e洗车、功夫洗车要么倒闭,要么无力经营而被收购。逸洗车内部人士说,直到目前,上述 消息带来的负面影响之余波还在公司内回荡,甚至一度影响“军心”的稳定。 继续阅读风停了猪死了:汽车O2O倒闭潮漫延

各有特色:谷歌Android 6.0 vs. 苹果iOS 9

苹果 9 操作系统和谷歌 6.0 连续发布,操作系统发展到今天,这两款操作系统都已经非常成熟,能够给用户提供足够好的用户体验,也都拥有自己的忠实粉丝,两个系统各有特色,各有千秋,我们一起来看看。 继续阅读各有特色:谷歌Android 6.0 vs. 苹果iOS 9

美国程序员开发安保App比报警还管用

夜跑已然成为都市年轻人时尚的生活习惯,但随着舞蹈老师因夜跑被人盯上遭遇不测的消息刷爆朋友圈,女性夜跑的安全问题瞬间引发热议。在夜跑更早流行起来的 美国,就有程序员专门针对女性安全开发了多款安保App,其中Lifeline Response和bSafe这两款软件在关键时刻比报警电话更好用。 继续阅读美国程序员开发安保App比报警还管用

从产品经理的角度算,做一个 APP 需要多少钱

作为互联网从业者,被外行的朋友们问及最多的问题是,“做一个网站需要多少钱?”或者“做一个APP需要多少钱?”。作为做过完整网站项目和APP的人,今天从产品经理的角度,一起来算一下中小型APP从无到有需要做哪些工作,以及为达成使命,需要付出多少金钱代价。

以下内容的前提是:深圳、移动互联网方向。包含研发一个新产品过程中一些常见的工作,并非十全十美。 继续阅读从产品经理的角度算,做一个 APP 需要多少钱

UX/UI,使你的产品拥有病毒式传播

我们已经在之前的文章中提到过,我们在设计Tubik工作室博客中开放了问答平台。最新的一期主要集中在一个问题上,而这个问题必须经过深思熟虑。所以我们请来了我们的同事——来自印度的UX/UI设计师Kenil Bhavsar,同时也非常高兴和Tubik工作室的设计师们聚在一起,针对于这个实际而深刻的话题捕捉到了一堆想法。那么,让我们开始吧。 继续阅读UX/UI,使你的产品拥有病毒式传播

设计师如何做到年入百万?

问大家一个很严肃的问题,设计师如何做到年入百万?

设计师年入百万

  • 只需要继承上亿家产就可以了
  • 比较可行的流程:视觉设计(设计的好看)->交互设计(设计的好用)->产品设计(设计的符合用户需求)->品牌设计(设计的能有效占领市场)——品牌设计不是VIS,不是VIS,不是VIS!
  • 成都小伙做设计出的方案太丑,被老板打断腿,一下子就赔了80多万
  • 打开ps 文件新建 默认大小 文字工具 输入"到年入百万"

为什么页面跟设计稿差距这么大?是啊!为毛啊?

@姬小光 :在互联网产品的研发流程中,页面的视觉还原是很重要的一个步骤,也往往是问题最多的一个环节。如果一些细节问题在这个环节没有被有效地发现并解决,那么后续流程中再去解决这些问题的成本就会呈指数上升。 继续阅读为什么页面跟设计稿差距这么大?是啊!为毛啊?

产品经理和设计师如何应用几何设计学

今天我们来聊聊如何理性的进行设计,谈谈产品经理和设计师在工作的过程中怎么样把几何学融入到作品中。几何设计学的由来设计本来就是一种理性的科学门类,审美因人而异,只有言之有理的设计才能说服别人,运用几何学的手法就是设计师的利器之一,科学的设计并不会限制你的创意,它只会帮助你的作品成为精品的必要手段之一。 继续阅读产品经理和设计师如何应用几何设计学

产品经理经常做的「10件错事」

①画原型带颜色 ②过度追求动态效果 ③只提需求变更不更新需求文档 ④需求变更只告诉开发同学,忽略了测试同学 ⑤永远站在开发同学的对立面 ⑥忽略配合时需要的时间和人力 ⑦自己代表产品的用户 ⑧不去争取,只会等待结果 ⑨只说问题不说解决办法 ⑩没有自己的思考 继续阅读产品经理经常做的「10件错事」

Material Design in Action — 哔哩哔哩动画 Android 客户端

前言

哔哩哔哩动画是中国大陆的一家弹幕视频网站,在中国二次元用户中颇受欢迎。

哔哩哔哩动画之前推出过采用 Design 的 客户端,虽然有使用了部分过时控件(例如 Scrollable Tabs)之类的问题,但整体素质依旧较高,受到 用户的广泛好评。而在 6 月初的 3.9 及 4.0 更新后,哔哩哔哩抛弃了过去的 Design 转而使用了 风格的设计,如图所示: 继续阅读Material Design in Action — 哔哩哔哩动画 Android 客户端

思路最值钱!腾讯设计师对一款移动记账APP的设计探索

编者按:不满意?自己来!腾讯的yixin同学对市面上的记账软件都不太满意,干脆自己设计了一款。这篇分享了他全部的设计探索过程,想知道专业设计师如何从零开始一款APP的设计,在细节上如何考量周旋,看这个就对了! 继续阅读思路最值钱!腾讯设计师对一款移动记账APP的设计探索

基础知识小科普!4个最常见的APP概念区分及比较

@凌霜设计 :现在关于移动应用的概念有许多:Native App, Responsive Web, Web App, Hybrid App,搞清楚这几个概念的区别和各自的优劣对于设计师来说很重要,这篇文章较为全面地探讨了这几个概念,值得初学者阅读,也欢迎大家提出自己的观点。 继续阅读基础知识小科普!4个最常见的APP概念区分及比较