首页

html5动效系列九:HTML5 Canvas雨滴下落动画 超逼真

蓝蓝设计的小编

今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画,该动画模拟雨滴附在窗户上缓缓滑落的效果,同时窗户也因为雨滴而变得模糊,窗外的夜景便显得格外迷人。利用HTML5技术,该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制,本地将无法运行,你可以在本站的在线演示中看到效果,或者将源代码上传至自己的服务器后浏览。

html5动效系列六:分享8个超酷的HTML5相册动画应用

蓝蓝设计的小编

HTML5、CSS3和jQuery这3大前端开发技术已经越来越成熟,而且这三者的紧密结合使得开发者可以有越来越丰富的想象空间。今天我们要来分享一些非常炫酷的HTML5相册动画应用,这些应用同时也结合了CSS3和jQuery,特别是第一个,非常具有创意,一起来看看吧。

1、HTML5 3D立体美女墙相册

HTML5非常强大,尤其是和CSS3结合,有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用,它可以用鼠标多拽从多个角度浏览相册图片,点击图片,就可以放大图片,相册图片都是美女,千万别让女朋友看到。

html5动效系列五:jQuery左右层叠幻灯片焦点图插件

蓝蓝设计的小编

之前我们向大家分享过一款CSS3/jQuery实现移动端滑动图片层叠效果,图片层叠切换效果非常不错。今天我们要来分享一款jQuery左右层叠幻灯片焦点图插件,点击左右切换按钮即可将隐藏一半在后面的图片展示出来,唯一的缺陷是不能循环切换。

html5动效系列四:10个经典实用的HTML5图表动画应用

蓝蓝设计的小编

今天我们要来分享另外一种类型的HTML5动画:HTML5图表应用。图表在网页中应用十分广泛,尤其是后台的统计功能,更能体现出图表的强大之处。本文将介绍一些比较实用的HTML5图表动画,有些结合jQuery,有些是直接基于Canvas,一起来看看吧。

1、超酷HTML5 Canvas图表应用Chart.js

之前我们已经为大家分享过很多HTML5图表应用了,每一个HTML5图表都非常实用。今天我们要介绍一款基于HTML5 Canvas的图表应用Chart.js,它的功能非常强大,有很多图表类型,包括折线图、柱状图、饼图、放射图等,你可以下载并将它们应用到自己的项目中。

html5-canvas-chart-js

html5动效系列三:CSS3自定义美化复选框Checkbox组合

蓝蓝设计的小编

CSS3自定义美化复选框Checkbox组合

今天我们要来分享一组非常漂亮的CSS3自定义复选框checkbox,每一个checkbox都有其各自的特点。有几款checkbox在选中的情况下还会出现动画效果,非常不错的CSS3自定义美化checkbox组合。另外,之前分享过的jQuery实现美化版的单选框和复选框也是非常不错。

html5动效系列二:超级惊艳 10款HTML5动画推荐

蓝蓝设计的小编

今天我们要来推荐 10 款超级惊艳的 HTML5 动画,有一些是基于 CSS3 和 jQuery 的,比较实用,特别是前几个 HTML5 动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些 HTML5 动画和 jQuery 应用。

1、HTML5 Canvas 发光 Loading 动画

之前我们分享过很多基于 CSS3 的 Loading 动画效果,相信大家都很喜欢。今天我们要来分享一款基于 HTML5 Canvas 的发光 Loading 加载动画。Loading 旋转图标是在 canvas 画布上绘制的,整个 loading 动画是发光 3D 的视觉效果,HTML5 非常强大。

html5动效系列一:10个HTML5美化版复选框和单选框

蓝蓝设计的小编

单选框Radiobox和复选框checkbox在网页中也十分常见,虽然它没有按钮的交互性强,但是如果能把它们像按钮那样美化一下,那也是非常不错的。本文收集了10个相对比较漂亮的美化版单选框和复选框,希望你会喜欢。

1、CSS3漂亮的自定义Checkbox复选框 9款迷人样式

之前我们分享过一款非常不错的CSS3自定义checkbox复选框纯CSS3美化Checkbox和Radiobox按钮,外观非常时尚。今天我们来分享一款9款样式迷人的CSS3漂亮的自定义checkbox复选框。这几款复选框样式很丰富,使用起来也比较方便。

html5-css3-checkbox-styles

医疗软件界面设计系列一:简约的医疗APP应用程序扁平化APP设计案例欣赏

蓝蓝设计的小编

Bloodnote -控制血压的评论,顾客评级,屏幕截图等,是日常记录和控制你的血压是一个免费的iPhone应用程序。

是由马特Ludzen和彼得Bajtala的BloodNote旨在使具有最小的设计和专业的功能更容易跟踪健康。而不是试图跟踪多个方面的健康,下钻,以帮助一个特定的用户群,使他们能够快速,直观地每天跟踪他们的血压,并随着时间的推移。已经获得不少的融资。

基于QT的webkit与ExtJs开发CB/S结构的企业应用管理系统

蓝蓝设计的小编



 ExtJs是一个用于创建Web用户界面的JS框架,提供了丰富的界面部件及布局方式,对于web开发者来说,实现企业应用所需的各种画面只要掌握JS语言即可。不必再引入flash或silverlight技术,而且能很容易的创建风格统一的企业应用程序。

    虽然ExtJs支持各种流行的浏览器,甚至包括IE6,但是它在IE系浏览器下运行、渲染的效率不高。在谷歌浏览器下表现最好,FireFox浏览器次之(这得益于谷歌浏览器的JS脚本引擎)。

    然而谷歌浏览器和FireFox浏览器的核心都是WebKit(苹果公司开源的浏览器核心,负责解析HTML文本,并呈现到界面上),所以,要想让我们的CB/S+ExtJs结构的应用程序能有更好的表现,我们必须采用WebKit核心的浏览器。

    虽然我们能很方便的获得WebKit的源码,然而编译它却十分耗时费力,不但要选对编译工具,还要安装一系列的SDK,编译时间更是长的惊人(这几乎是大型C++项目的通病)。编译出来的DLL使用起来也不是很方便(要翻阅大量的WebKit的API)。

    幸运的是QT界面库为我们做了这些工作,QT库中包含webkit的浏览器控件,并且这个C++库是跨平台的,也就是说基于这几项技术开发的CB/S企业应用可以部署在Linux系统内。

    除了使用QT界面库,还可以选择gtk+和wxWidgets两个界面库,而且这两个界面库都对WebKit做过包装,但是从开发方式,生产效率,运行速度等多方面考虑,还是QT最为合适。

    QT界面库也分为两个版本,一个是收费的digia提供的QT,另一个是免费的qt-project提供的QT(GPL V3 LGPL V2),这里我们选择免费版的QT,本文第三节会介绍如何搭建开发环境。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档