sun loading animation Loading content. Please wait... 1) Click on the box on the right. 2) From the appeared dropdown select the desired preloader Select your preloader 24 Fr / 128x128 Sun watch 20 Fr / 128x128 Sun loader Partly cloudy Sunny 12 Fr / 128x128 Sun 9 Fr / 128x128 Chronos Type in your word, number or letterMaximum length: 30 symbols Word to animate A button corresponds to the image type you need to generate (GIF - Animated GIF, APNG - Animated PNG format). Note: .GIF format supports only absolute transparency or no transparency at all. Image type Set the background of a preloader to transparent. For GIF images all semi-transparent pixels will be in front of the selected background color. Transparent background The color of the preloader itself Foreground color The background color of a preloader. All transparent pixels will be filled with the given background. Background color Identifies the interval of time between frames switching. Animation speed Denotes width and height of a preloader in pixels. Keep original colors
Social Networks Photo Stream Free jQuery Plugin Display photo stream on your web page from eight social networks including picasa, pinterest, dribbble, instragram, deviantart, flickr, youtube or regular news page. It's pretty simple to use and requires jQuery library. Only thing you need is to make a div with a class of the social network that you wish to show images from and call the plugin at the bottom of the page. Size of the images displayed can be defined using simple css. Licence: Free to use on personal and commercial projects including premium themes.
app01 - 輕鬆向科技Say Hi ! ImagesLoaded Inspired UI - Mobile Apps Design Patterns [iPhone] aFarkas/html5shiv Mobile Awesomeness Advertisement 1 2 3 4 5 6 7 8 9 ... 60 Next jQuery Photoset Grid - Style Hatch A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes. Demos & Usage Basic Photoset Grid Simply call photosetGrid(); on a div with the data-layout specified and a number of images inside. Javascript: $('.photoset-grid-basic').photosetGrid(); Custom Options Beyond the basic usage, you can set a number of optional arguments including callback functions that are useful for adding a lightbox for high resolution images. Adding A Lightbox This demonstration of the photoset grid uses the onComplete event to assign a lightbox plugin to view the high resolution images. Adding Photoset Grid to Tumblr Themes Usage Apply the photo set grid layout to a selected div containing images for the grid. Understanding data-layout: Arguments: Installation Bower package manager Credits
40个最新的创意进度条设计 以前的进度条设计以拟物化为主，现在扁平化风格流行，连进度条也改变咯。这是40款最新收集的进度条设计，很多是Dribble上的作品，应潮流而生，想瞧瞧扁平化风格的进度条是怎样的，就来看看吧。如果你对拟物化的创意进度条更加有兴趣，那么来这里瞧瞧《18个读取进度条的优秀设计案例》 ================关于优设网================ “优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。 ❍ IcoMoon - icon packs IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. IcoMoon was first built and released back in the November of 2011. IcoMoon is constantly improving and it offers many unique features. With over 5000 open source and free icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. IcoMoon is created and maintained by Keyamoon and it is currently operating under Roonas. Need to contact us?
App图片墙/瀑布流 - 最美应用 - 花瓣画板 woofeng.cn Snapguide新版ios7风格 - 手机界面 - 黄蜂网woofeng.cn Create a map | BatchGeo 提升品质！丰富APP动态效果的六点原则 这篇文章是百度云UE负责人@elya妞撰写的，从动效的6个方面详析怎样借移动应用强力提升APP品质！篇幅虽短，但是总结精炼，很值得一读。 @elya妞 ：如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。 动次打次再来一篇动感干货： 《掌握动效设计！让你的设计富有未来科技感（上）》 《掌握动效设计！ 这里主要介绍六种简单通用的方式 ———— 转场、邀请、过渡、反馈、缩放、吸附。 原则一：转场 由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。 原则二：邀请 直接提供邀请，告知用户可以做的事，效果最直观，引导性最好。 原则三：过渡 当应用正在加载数据的时候，一定要给予过渡，让用户知道应用正在努力工作，系统级的过渡分为两种——进度条和菊花转，进度条是用在可预知完成进度和剩余时间的情况下；菊花转是用在无法预知剩余时间的情况下。 不是所有情况下，都要清晰的告知用户当然任务的加载进度的，比如iPhone自带的短信应用，发送短信的时候有一个进度条，本意是好的，让用户知道短信发送的进度。 原则四：反馈 当任务成功或失败之后，需要有办法告知用户。 如果是成功类的提醒，往往只是告知状态就可以了，用户无需执行操作，反馈就可以自己消失。 原则五：缩放 在一寸土一寸金的手机界面上耕耘，恨不得盖个复式小洋楼，一行当两行用。 比如Bluga这个输入框，当你不需要输入的时候，它看起来就是一个输入的入口，但是当你点击的时候，输入的辅助信息都出来了，更大的文字撰写框、位置、图片、发送按钮，你可以打开盒子，编辑一条丰富的消息。 原则六：吸附 吸附是网格系统中一个很具有美学色彩的设计，当你拖拽着一个应用切换位置的时候，这个应用会被自动吸附到对齐网格的位置，保证界面整洁利索（不像Nokia的某些手机，Widget可以满屏幕拖拽，跟我凌乱的桌面一样）；当你拖拽一个应用到另外一个应用上的时候，就可以变成一个文件夹，这里也是通过文件夹的样式和吸附的效果，让用户明白建立文件夹的交互的。