今天我们又到了做动画的时间了，依旧是loading-gif哦！希望各位童鞋能够认真的去完成作业哦~~提示：1.新建画布800*600px2.http://www.xueui.cn/tutorials/load-animation-sixty-eighth-yy-ui-design-class.html 相关公开课内容参考3.注意智能对象和图层样式要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）注：本作业来源于网络，若知道原作者或者原作者看到，请与本网站工作人员联系，我们将在第一时间处理具体交作业方法：进入新浪微相册，网页右边有个上传照片。（下图）然后按下面的步骤做，很简单的~！上传的图片最好是 770PX 宽以内，高度不限，这样图片就不会压缩了，才会清晰。不要使用QQ空间，百度相册等图片地址，图片显示不出来，不让外链。推荐使用新浪微博相册。 转载请注明：学ui网»smile-loading-gif【做作业】 ...继续阅读 (17)

在开发中经常遇到这样的需求：为某个div添加遮罩效果，显示loading框。我把这个需求的解决方案做成了一个jquery插件，平时开发中也在使用，很方便，效果也还可以，不是巨丑的那种，还有几分小颜值的。。。今天把这个插件托管到了github上，同时也在npmjs.org上发布了第一个版本，大家可以安装试用~~小弟也在学习探索中，也希望大家给予建议。包名：jquery.mloading.js github地址：https://github.com/imingyu/jquery.mloading ...继续阅读 (17)

loading在UI中可以说是个必不可少的部分，用以提高产品的用户体验。今天我们的作业就是一个loading动画的临摹希望各位童鞋能够认真的去完成它哦~~提示：1.新建800*600的画布2.旋转的是五边形，算好每一个边的角度。3.动作分为三部分的智能对象来做，整体的五边形、五边形的每一条边、每一条边里面的动作。ps：在五边形加一个中心点，旋转的时候调节好中心点的位置，旋转的时候就不会跑偏了。动作的快慢由帧之间的距离决定。要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）注：本作业来源于网络，若知道原作者或者原作者看到，请与本网站工作人员联系，我们将在第一时间处理转载请注明：学ui网»loading动画临摹【做作业】 ...继续阅读 (18)

崩溃在loading.progress = (float)receivedSize/expectedSize;分析：MJPhotoView 执行了hide移除了MJPhotoLoadingView，然而SDWebimage 仍然执行了下载进度的设置。解决方法：写个bool值，当执行hide方法的时候设置为YES,然后  if (!hide) {                    loading.progress = (float)receivedSize/expectedSize;                } ...继续阅读 (47)

一、先从技术角度聊聊我的观点首先，什么是PWA？官网上对PWA的宣传是这四个关键字：可靠、快速、Engaging、安全；再点进去PWA的主页，会发现还有Instant Loading、添加自主屏、通知推送、响应式，而官方教程就更棒了，一次性给了10个关键字！包括Progressive, App-like, Fresh, Installable……您可能也喜欢：打造好产品的十大可用性原则App市场热潮已退再论：web app和native app之争 混搭可能引领未来？UC技术总裁梁捷：Web App的未来Web已死？移动APP和互联web之间的平衡正在被打破无觅 ...继续阅读 (8)

既然那么多的童鞋抱怨说这段时间的作业难，那么好吧，今天我们就来个较为简单的loading动画吧！各位童鞋赶紧认真完成作业吧~~注意：动画帧间的过渡要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）作者：James McDonald转载请注明：学ui网»简单loading动画临摹【做作业】 ...继续阅读 (19)

每周最让人激动的时候到了，为啥呢？因为明天就是周末了。但是今天我们依旧要把今天的作业的作业做完哦~~今天我们的作业是一个小火箭loading动画，各位童鞋加油哦~~注意：1.icon的一个结构比例2.动画帧之间的过渡要求：提交的作业在背景的右下角或评论框署名，格式为：(N群-XX）注：本作业来源于网络，若知道原作者或者原作者看到，请与本网站工作人员联系，我们将在第一时间处理转载请注明：学ui网»小火箭loading动画【做作业】 ...继续阅读 (31)

我在用grunt启动项目时，终端提示Loading “sass.js” tasks…ERROR Loading “sass.js” tasks…ERRORError: ENOENT: no such file or directory, scandir ‘/Users/zhangyang/Documents/workfolder/property_management/node_modules/grunt-sass/node_modules/node-sass/vendor’但是项目能跑起来，没有问题，请问一下，这个是什么原因？上面的错误提示需要处理吗？ 谢谢！新手入门 ...继续阅读 (179)

前言之前学习canvas画图的时候，写了一个Android的加载动画，代码托管在github上面。这里是github的地址：github地址，欢迎star，欢迎关注下面先附上实际运行的效果图。主要的工作思路需要绘制这样的动画，首先要学习Canvas的一些基本知识，这里我就不一一介绍了，推荐一个大神的教程，讲解的非常好。这里是连接：Canvas学习连接这里要说一下，在没有现成的View，需要自己实现的时候，就使用自定义View，一般继承自View，SurfaceView或其他的View，不包含子View。一般的情况下，我们要下面几个函数，构造函数，测量View大小(onMeasure)，确定View大小(onSizeChanged)，确定子View布局位置(onLayout)，绘制内容(onDraw)，最后在对外提供操作方法和监听回调。这个loading主要分为下面几个部分：1、精度框的绘制，随着进度的增加，内部的进度需要，向前填充。但是，要注意，在左边的部分是分为，上半弧，矩形，下半弧，组成，中间就是一个矩形，在右边同理，有上半弧，矩形，下半弧。下面详细分析的图。下面是绘制左边的的代码private void drawLeft(Canvas canvas,int mCurrentProgressPosition) { initPaint(); mPa ...继续阅读 (27)

Android省时省力的Andbase功能组件(有时放纵)Anko框架让Android开发快速且容易(有时放纵)具有粘性的滑动小球，跌落反弹形成loading的效果(Jason)在Chris Banes的Android-PullToRefresh的基础上增加了RecyclerView的支持与Demo(Jason)图片处理sdk(Jason)拓展资源好用的命令行抓包工具(mthli)2015 年在微信热传的 100+ 经典技术文章(Jason)iOS深度揭秘 App 启动全过程(Andrew Liu)正确使用AFNetworking的SSL保证网络安全(Andrew Liu)重叠效果的UICollectionView(Jason)iOS上用swift实现Android Material Design风格(Jason)SpreadButton：点击后会像花或者镰刀一样展开的按钮（Swift）(Andrew Liu)休息视频回家的方向 (过年了, 早点回家)(Andrew Liu) 感谢所有默默付出的编辑们，看到 Gank 首页的新变化了嘛？ ...继续阅读 (14)

市场目前正如火如荼！目前终于在国内发布了国行版，赶上了2015年的末班车。作为强大阵营中的一员，华为Watch不仅在国内备受关注，在海外也是好评如潮。在我们的印象中，华为是凭借其高性价比的智能手机而闻名的，同时其网络设备在国际市场也有着不小的占有率。然而，华为并不满足于此，在电子设备上持续发力。比如这款华为Watch，就可以看出其着实用心。提到智能手表，我们还不得不提一下Apple Watch。这款方形智能手表可谓颠覆了传统审美观，但也并不妨碍用户对它的喜爱。下面我们就来看看这两款同样优秀的智能手表，从外观设计到内部配置究竟有何不同吧。其实华为手表早在今年9月份的IFA2015德国柏林消费电子展上便正式首发亮相，类似经典腕表的复古造型、全圆式表盘设计、AndroidWear系统等都使其极具看点。历时近三个月后，这款安卓智能手表的国行版终于和华为Mate 8一起与国内用户见面。现在，IT之家已经拿到了一台HUAWEI Watch星河银经典版（不锈钢编织表带），下面马上来看看它的开箱图赏。华为手表经典版采用了一袭黑色的外包装，四四方方的盒子看起来像极了普通腕表的包装，同时表面带有细密的条纹纹理，再加上烫金的字样，整体看上去非常显档次感；华为手表搭载的是Android Wear系统，为了在国内网络大环境下使用，原有的Google Now语音服务被“出门问问”所取代 ...继续阅读 (78)

0x00 UAC是什麼？在Windows從Vista版本之後加⼊了多個安全性防護如隨機化模組地址(ALSR)、資料防⽌執行(DEP)、使⽤者帳⼾控制(UAC) … 等，ALSR與DEP為exploit上的shellcode插⼊利⽤帶來的相當程度的困難度(當然站在現在技術⽽言繞過並⾮難事)不過今天要談的並非這兩者防護，⽽是要談使用者帳⼾控制(UAC)。（後續再次提及使用者帳⼾控制此防護都以縮寫UAC代稱）為什麼微軟要⼤費周章再設計⼀個UAC防護？在WinNT時代來臨的第⼀個版本也是由史以來活最久的系統— Windows XP，在⼀開始設計上只要當下程式運⾏的權限是在使⽤者為管理員的時候，那麼想為所欲為都是可被接受的，例如常見攻擊行為註冊表寫⼊、刪除檔案、增加帳號、下載檔案、安裝驅動 … 等。經歷了各式⽊馬後⾨手法的洗禮後，微軟深知⽊馬與後門攻擊對象不再聰明的使⽤用者上，多半聰明的電腦使⽤者不會輕易開啟來路不明的程式，⽽通常受到攻擊的人都為一般電腦使用者，多半對使用者權限沒有什麼觀念，故導致Windows XP時代很容易中個木馬就整台電腦被駭客Own走了！於是在下⼀個版本Windows — Vista，微軟增加了⼀個策略性的UAC防護，這種防護根據維基百科上可以查詢得到管轄的範疇如下：UAC需要授權的動作包括：配置Windows Update增加或刪除⽤戶帳戶改變⽤戶的帳戶類型改變UA ...继续阅读 (101)

今天和大家分享一个以SVG图像为主的loading加载动画，现在移动端网页使用比较多，若还用GIF做loading图片的话，可能会影响图像的质量，所以使用SVG是一个不错的方式。这次展示的代码由 Aurer 编写，前端人员只需要直接复制想要的SVG代码就能直接使用，而且可以改变颜色。当然，对于好学的同学，也可以研究下这个代码的编写原理。使用教程接下来设计达人网小编为大家讲解这个使用方法，其实是相当简单的。STEP 1: 复制你想要的SVG加载动画代码到<body>里面，小编随意复制一个代码如下：<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve"> <rect x="0" y="0" width="4" height="10" fill="#333" transform="translate(0 15.1665)"> <animat ...继续阅读 (53)

在Linux服务器启动的时候，可能会遇到这样的问题：解法：我的环境中，该服务器通过光纤连接了外部存储。所以首先，需要把这些连接断掉（抽掉）否则，你进入救援模式（rescue）后，会面临这样的警告：这里要看清楚再操作，如果你在如上图的场景中不小心选了“YES”，提示中说的sdj对应的磁盘中的数据可能就被全部抹除了。具体的步骤如下：1. 服务器停机（服务器卡住了[第一张截图]，所以只能强制关机，按住电源三秒钟以上）2. 抽掉所有对存储连接的光纤接口（先修好本地的磁盘，让系统可以正常起来）3. 以RHEL的安装光盘启动服务器4. 进入救援模式：linux rescue救援模式进入命令行之后：5. 查看下当前的磁盘设备：fdisk -l6. 看看目标设备的卷标，例：e2label /dev/sda17. 我的环境中，根分区是在逻辑卷上的，所以，需要查看下系统中的逻辑卷信息：lvm vgscan8. 由于在救援模式下，你的逻辑卷可能需要激活：lvm vgchange -ay –ignorelockingfailure9. 修补磁盘坏块：fsck.ext3 /dev/mapper/xxxxx （因为在救援模式中，所以你需要找到真正的root，然后才能定位到真正的设备文件）10. 如果上面的fsck有报错说坏块编号，那么可以：fsck.ext3 -b 1023 /dev/mapper ...继续阅读 (62)

最近我一直在做数据可视化的前端工作，我用的最多的绘图工具是d3。d3有点像photoshop，功能很强大，例子也很多，但是学习成本也不低，做项目是需要较大人力投入的。3月底由在亚马逊工作的同学介绍下使用了一下echart，一个由百度前端发起的canvas国产类库（官网：http://echarts.baidu.com/index.html）。这个echart其实是在canvas类库zrender的基础上做的主题图库，优点有数据驱动，图例丰富，功能强大，支持数据拖拽重计算，数据区域漫游，全中文文档非常过瘾。跟同样是国产的前端脚手架fis一样（官网http://fis.baidu.com/），都是诚意满满的国产套餐，体现了现今国内不俗的前端开发实力。使用它们的感觉就像想自己做个平板电脑，去华强北一转，主板、CPU、屏幕等各种套餐一订购，东西就哗哗地组装起来了。极其高效，非常适合商业项目开发。而且，即使是为了研究，用这些也可以打一个很好的基础。1.引入目录废话不多说了，看到好东西，第一步是从github上把相关文件全下下来，然后到build目录翻箱倒柜把东西找齐。新建目录如下：echarts-1.3.8—-zrender   //zrender是echart依赖的绘图库，官网要求下载，但是目前我的程序中并没有直接引用它，可以说普通情况下echart可以自己独立运行——–zrender.j ...继续阅读 (116)

本文作者：Jay Kreps，linkedin公司首席工程师；文章来自于他在linkedin上的分享；原文标题：The Log: What every software engineer should know about real-time data’s unifying abstraction。文章内容非常干货，非常值得学习。文章将以四部分进行阐述，建议大家耐心看完。第一部分：Log是什么？第二部分：数据集成第三部分：日志和实时流处理第四部分：系统建设接上篇：http://www.36dsj.com/archives/6387第二部分:数据集成请让我首先解释 一下“数据集成”是什么意思，还有为什么我觉得它很重要，之后我们再来看看它和日志有什么关系。数据集成就是将数据组织起来，使得在与其有关的服务和系统中可以访问它们。“数据集成”（data integration）这个短语应该不止这么简单，但是我找不到一个更好的解释。而更常见的术语 ETL 通常只是覆盖了数据集成的一个有限子集(译注：ETL，Extraction-Transformation-Loading的缩写，即数据提取、转换和加载)——相对于关系型数据仓库。但我描述的东西很大程度上可以理解为，将ETL推广至实时系统和处理流程。你一定不会听到数据集成就兴趣盎然屏住呼吸，并且天花乱坠的想到关于大数据的概念，不过，我相信世俗的问 ...继续阅读 (143)

背景：我们正处在一个数据量爆发增长的时代。 在摩尔定律长达 50 年的支配下， 当今的信息产业呈现出前所未有的繁荣，新的互联网技术不断涌现。从传统互联网的 PC终端， 到移动互联网的智能手机，再到物联网传感器，技术革新使数据生产能力呈指数级提升。 据 IDC 预测， 目前每年数据的生产量是 8ZB（ 1ZB=1012GB） ， 2020 年将达到 40ZB。 属于大数据的时代已经到来。数据产业有望呈现“线上数据化->线下数据化-> 数据流通“三段式发展过程。（ 1） 线上数据化：互联网 1.0 时代，以互联网企业为代表，最早沉淀线上数据；（ 2） 线下数据化：“互联网+”时代，以传统线下企业为代表，借助互联网实现数据化；（ 3）数据流通：在线上/线下全产业实现数据化的趋势下，数据在产业链上下游甚至跨产业流通并创造价值。数据开放大势所趋。信息使用的边际收益是递增的，信息流动和分享的范围越大，创造的价值就越高，而线上/线下数据化和数据开放正是信息大范围流动的两大前提。推动数据开放和流通在发达国家已成为共识，美欧多国通过国家战略为数据开放背书。自从“互联网+”上升为我国战略后，中央不断加大力度推动数据开放，在地方政府和产业界的带动下，部分地区已经做了诸多有益的尝试。从“流量思维”到“数据思维”。表面上看“数据思维”取代“流量思维”是为迎合技术发展而发生的态度转变，但更深层次， ...继续阅读 (92)

【摘要】说明：写这篇文章，是希望被吐槽的。一、背景在做报表页面的时候，页面上有很多的异步加载，而设计的loading是个全局的，一个页面就有一个。控制loading什么时候出现，什么时候消失，要实时的知道页面上异步加载的东西是否执行完毕，只有所有的异步都加载完，loading才能停止。并且，如果用户操作了页...阅读全文 ...继续阅读 (36)

本文作者：Jay Kreps，linkedin公司首席工程师；文章来自于他在linkedin上的分享；原文标题：The Log: What every software engineer should know about real-time data’s unifying abstraction。文章内容非常干货，非常值得学习。文章将以四部分进行阐述，建议大家耐心看完。第一部分：Log是什么？第二部分：数据集成第三部分：日志和实时流处理第四部分：系统建设第四部分：系统建设我们最后要讨论的是在线数据系统设计中日志的角色。在分布式数据库数据流中日志的角色和在大型组织机构数据完整中日志的角色是相似的。在这两个应用场景中，日志是对于数据源是可靠的，一致的和可恢复的。组织如果不是一个复杂的分布式数据系统呢，它究竟是什么？分类计价吗？如果换个角度，你可以看到把整个组织系统和数据流看做是单一的分布式数据系统。你可以把所有的子查询系统（诸如Redis, SOLR,Hive表等）看成是数据的特定索引。你可以把Storm或Samza一样的流处理系统看成是发展良好的触发器和视图具体化机制。我已经注意到，传统的数据库管理人员非常喜欢这样的视图，因为它最终解释了这些不同的数据系统到底是做什么用的–它们只是不同的索引类型而已。不可否认这类数据库系统现在大量的出现，但是事实上，这种复杂性一直都存在 ...继续阅读 (109)

Axure RP Pro是一个产品经理必备的交互原型设计工具，能够高效率制作产品原型，快速绘制线框图、流程图、网站架构图、示意图、HTML 模版等。Axure RP Pro 是专为 Rapid Prototype Design 而生，它可以辅助产品经理快速设计完整的产品原型，并结合批注、说明以及流程图、框架图等元素将产品完整地表述给各方面设计人员，如 UI、UE 等等，并在讨论中不断完善。作为办公自动化辅助工具，Axure RP Pro更适合Web Prototype制作，Axure RP 7 在 Axure RP 6 基础上做了比较多的改进，旨在提高原型设计效率，包括重新组织界面功能、自适应视图、新增多个形状、样式、事件等，具体可见这里的介绍。使用说明：2015/11/15 更新版本为 Axure RP Pro 7.0.0.3189 (正式版) 汉化绿色版，解压后先运行 !-AxureRPPorable.exe 完成初始化，然后执行主程序 AxureRP.exe 即可，新版本 Axure 7 优化了界面和操作，明显了提高绘图效率，并可以直接预览 (F5) 而无需生成原型文件。Axure 的汉化补丁由WebPPD社区best919制作，注意使用 Axure RP Pro 7 之前必须先安装.NET Framework 4.0，并最好安装 Microsoft Office Word、 ...继续阅读 (69)

错误如下：adb_error“error while loading shared libraries: libncurses.so.5: cannot open shared object file: No such file or directory” 错误原因是：Ubuntu64位执行32位程序的依赖包问题，我用的是64位的系统，而adb需要引用32位的包，需要安装ia32-libs包 解决办法如下：sudo apt-get install libncurses5:i386orsudo apt-getinstall lib32ncurses5 lib32stdc++6orsudo apt-get install ia32-libs ...继续阅读 (26)

今天测试fastboot的时候出现如下问题：Fastboot“fastboot: error while loading shared libraries: libstdc++.so.6: cannot open shared object file: No such file or directory”原因是：缺少了安装依赖文件lib32stdc++6使用下面的命令安装该库即可：apt-get install lib32stdc++6 ...继续阅读 (29)

对于一些加载慢的页面，最好增加一个等待加载的状态来展示给访客看，否则很容易让访客以为该页面无法访问，从而关闭或退出页面。如果不知道用什么loading设计，可能看看今天分享的30个使用CSS实现的loading等待加载效果，看到喜欢的都可以下载使用。需要注意的是，这些加载进度条是使用CSS3实现，如果浏览器不兼容是无法显示的，但现在浏览器一般都支持CSS3了，所以这个不需要太过纠结。下面分享一些动态截图：          如果看到喜欢的加载动画，可下载源码直接使用哦！在线演示：http://simbyone.com/demo/30-css-page-preload-animations/下载地址：http://simbyone.com/download/30-css-page-preload-animations/Copyright ©2010-2014 ¦RSS订阅¦新浪微博¦本文链接¦添加评论交流：UI设计交流群：59300679，与500名设计师交流设计，分享素材。 ...继续阅读 (43)

最近离职了，空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块，一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作，可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》，以及前两天上站酷首页的《2015 moonjoin showreel》。另一个主要工作就是参与应用UI设计，提供交互建议和动效设计，比如之前应对设计loading动画的需求，专门做了点研究，写了篇文章《常见的Loading进度条动效形式》，先是冲上简书的热门榜，然后被优设、人人都是产品经理等这些垂直行业网站转载，造成了挺广泛的传播，还给微博涨了不少粉。内容为王嘛，的确感受到了网络对优质原创内容的稀缺。以上有点王婆卖瓜的嫌疑，嘛，我希望能找份工作，所以多说了点。下面就点题吧，罗列下近一年来做的动效，考虑到程序实现的问题（毕竟我也是学过swift的男人），我设计的动效一般都不会太出格太天马行空（直接调用GIF或序列帧的除外），甚至有的“轮子”我都会给程序提前找好。为基于craigslist的APP设计的Loading动画craigslist loading 演示，因为Loading动画可能会在任意时刻被打断，所以设计了成功和失败两种状态提示动画用来衔接，目前只能想到这样程序好实现一点，虽然不能完美衔接。craigslist-下拉刷新示范cr ...继续阅读 (15)

毫无疑问，每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时，对着千篇一律、毫无新意的加载页面，简直枯燥乏味无聊极了！实际上，有研究表明，普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值，如果加载时间超过8秒，除非用户必须在这个页面获得一些信息，一般用户会关闭页面或者转到其他页面。那么在这短短内，如何用一个小小的加载进度条吸引住用户，让他们留在当前的页面呢？ 这里搜集了40个加载页面设计，虽然有些只是简单的动效设计，但依然让页面在保持加载的过程中充满了趣味性。小猫你倒是抓啊很好奇哪个网站需要这个…三文治彩色更棒盯着看停不下来缩回去不能忍章鱼同学好可爱跳的牛奶君会 ...继续阅读 (17)

今天遇到了这么个问题，如下：功能需求：有两个页面A和B，点击A中的"确定"按钮，超链接到页面B。需求分析：作为一个后端程序员，一开始想到的是，在页面A上放一个div，div里放一张loading的gif图片，最开始的时候该div是隐藏的，然后点击"确定"时，将该div显示出来。实践效果：在网上随便找了一张在后端看着还不错的gif loading图片，然后按照上面的思路来做，结果是我始料未及的。一是随便找的gif大小和色调都和当前整个web不搭，二是显示的位置不在中央，三是反正给后端的感觉就是很矬！思考纠正：项目是基于支付宝服务窗和微信服务号的，整个样式都是用的支付宝的AntUI（http://am-team.github.io/antui/nav.html#info）。结果再次看文档的时候发现有个Toast提示的UI元素，然后再次思考如下，在按钮的点击事件中，先将Loading效果的html内容追加到页面A的body元素中，然后再跳转到页面B。代码如下： 页面使用了一个布局页，然后引入toast.css文件，当然，还有一个其他样式文件。@{ViewBag.Title = "温馨提示";Layout = "~/Views/Shared/_amuiLayout.cshtml";}@section style{<linkhref="https://a.alipayobje ...继续阅读 (34)

Which statements are true regarding table compression? (Choose all that apply.)A. It saves disk space and reduces memory usage.B. It saves disk space but has no effect on memory usage.C. It incurs extra CPU overhead during DML as well as direct loading operations.D. It incurs extra CPU overhead during DML but not direct loading operations.E. It requires uncompress operation during I/O.Answer: A,C关于表压缩哪些说法是正确的？A. 它可以节省磁盘空间，并降低内存使用率。C. 它在数据操作语言以及直接装载操作期间产生额外的CPU开销。 ...继续阅读 (61)

置顶文章：《纯CSS打造银色MacBook Air（完整版）》上一篇：《JavaScript并非“按值传递”》作者主页：myvin博主QQ：851399101（点击QQ和博主发起临时会话）写在前面最近事情比较多，抽时间写了两个简单的css loading小动画贴出来，这两个动画比较常见，视觉效果一个是黑色外环沿着灰色轨道绕中心旋转，一个是有一点过度的黑色小尾巴绕中心旋转。效果如下：实时效果和完整代码可以点击这里到Codepen上查看。主要运用了animation，gradient，before，after，因为比较简单，所以过程就不再赘述。这里只列出主要代码片段。有时间的话会多写几个贴出来。Markup:<div class="wrap"><div class="loading1"></div></div><div class="wrap"><div class="loading2"></div></div>CSS:.wrap,.loading1,.loading2{margin:0 auto;padding:0 auto;}.wrap{width:200px;height:200px;border:1px ...继续阅读 (28)

我们现在越来越注重细节，小到加载动画，大到界面配色。这些都会成为用户吐槽的地方，一个不小心，你设计的东西让用户反感了，他们说不定就要和你的产品说拜拜了。所以今天我们要重点说说那些你以前觉得“不那么重要”的加载设计。等待和加载动效几乎是无处不在了。设计师和设计机构都很清楚，加载动效几乎是目前网站和APP设计中无法绕过且必须的组成部分，它们不仅是大势所趋而且是打造优秀用户体验的必须组件。虽然目前很多产品将加载/等待动效作为强化用户第一印象的组件，但是它的实际使用范畴远不止于这一部分，在许多设计项目中，加载动效几乎做到了无处不在。内页切换的时候可以用，组件加载的时候可以用，甚至幻灯片切换的时候也同样可以用上。不仅如此，它还可以用承载数据加载的过程，呈现状态改变的过程，填补崩溃或者出错的页面，它们承前启后，将错误和等待转化为令用户愉悦的细节。等待和加载动效中，最常见的表现形式是进度条，但是许多设计师采用了更加有趣的表现手法，接下来我们一起来看看这些案例。4:20 Dead Obies加载动效并不一定非要用进度条，设计师在这个页面中将LOADING这个词的每个字母拆开，不断复制来呈现加载过程，静态的文字和动态的效果交错，让人在新鲜有趣的动画中度过略显漫长的加载过程。NewsTech充满科技感的页面设计为整个网站定下了基调，这种面向未来的设计手法在这个页面中体现到极致，加载动效采用了各种数据加 ...继续阅读 (14)

Loaders.CSS是一个完全由CSS撰写的各种加载动画合集，不需要任何的背景或者图片，而且运行流畅，拥有多种不同风格和方式的动画效果，非常创意的Loading加载动画合集。 ...继续阅读 (22)