随笔分类 - HTML5

HTML5语言
摘要: 下面,我们给大家提供了一个用于 HTML5 开发的各种用途的 JavaScript 库列表。这些框架能够给前端开发人员提供更好的功能实现的解决方案。如果你有收藏优秀的框架,也可以在后面的评论中分享给我们。阅读全文
posted @ 2016-08-09 22:12 梦想天空(山边小溪) 阅读(1545) | 评论 (0) 编辑
摘要: 无论你是新开发者还是经验丰富的老程序员,前端框架可以有效地在开发的早期阶段提升开发效率。在这篇文章中,我们选择了15个新框架分享给开发人员,你肯定会想尝试一下这些新鲜的框架。阅读全文
posted @ 2016-05-29 22:59 梦想天空(山边小溪) 阅读(3485) | 评论 (2) 编辑
摘要: 之前给大家分了很多的在线工具和参考文档,这里又为大家搜集了前端开发必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2016-04-08 12:35 梦想天空(山边小溪) 阅读(4992) | 评论 (0) 编辑
摘要: 这里和搜集了前端开发者必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中,我碰到过很多实用的工具,应用程序和参考文档,我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2016-03-27 22:04 梦想天空(山边小溪) 阅读(2292) | 评论 (2) 编辑
摘要: Foundation 6 让您的项目从原型到成平比以往任何时候都更有效!它包括了广泛的模块和灵活的组件。这些多功能就像轻便的积木,可以很容易地把你的想法实现。所有的代码片段支持ARIA属性和作用以及如何正确使用这些组件的说明。阅读全文
posted @ 2015-12-28 12:30 梦想天空(山边小溪) 阅读(3375) | 评论 (0) 编辑
摘要: Codrops 上面发布了一个深入的教程,就如何建立谷歌材料设计的径向操作规范中列出的涟漪效果,并基于 SVG 和 GreenSock 来实现。随着谷歌的材料设计的出现,带来了一个视觉语言,创建跨平台和设备的统一体验。在本教程中,他们会向你展示实现涟漪效果的一种方式。阅读全文
posted @ 2015-10-30 08:56 梦想天空(山边小溪) 阅读(2811) | 评论 (3) 编辑
摘要: 复制文本到剪贴板应该并不难,目前已经有很成熟的 Flash 方法。但是 Flash 已经在很多场合不适用了,特别是随着 HTML5 技术的发展。今天推荐的这个 Clipboard.js 库不依赖 Flash,依赖于 Selection 和 execCommand API。execCommand 支持以下浏览器:Chrome浏览器42+,火狐41+,IE9+。阅读全文
posted @ 2015-10-25 19:35 梦想天空(山边小溪) 阅读(2663) | 评论 (4) 编辑
摘要: 响应式网页设计是根据设备的屏幕尺寸,平台和方向来开发的网页,是一种对最终用户的行为和环境作出反应的方法。响应式设计使用灵活的网格和布局,图像和智能使用 CSS 媒体查询的组合。当从它们在不同设备使用的时候,网站能够自动切换到容纳该特定分辨率,图像尺寸和脚本的能力。阅读全文
posted @ 2015-10-21 13:03 梦想天空(山边小溪) 阅读(6066) | 评论 (1) 编辑
摘要: 这个名为 BookBlock 的图片预览效果是一个书展示或网上书店的概念,已全屏打开3D页面导航网格的形式显示图书的详细信息。我们可以打开书预览的摘录,其中有一些细节的网格。对于图书预览,我们在使用 BookBlock 全屏展示,对于更小的书本我们使用3D的方式打开。阅读全文
posted @ 2015-05-04 13:44 梦想天空(山边小溪) 阅读(6240) | 评论 (5) 编辑
摘要: 今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2015-04-15 13:48 梦想天空(山边小溪) 阅读(11918) | 评论 (3) 编辑
摘要: Plyr 是一个简单的 HTML5 媒体播放器,包含自定义的控制选项和 WebVTT 字幕。它是只支持现代浏览器,轻量,方便和可定制的媒体播放器。还有的标题和屏幕阅读器的全面支持。阅读全文
posted @ 2015-04-14 11:40 梦想天空(山边小溪) 阅读(6914) | 评论 (0) 编辑
摘要: 前不久,Facebook 在F8开发者大会上正式开源了 React Native。不过目前只有 iOS 版,Android 版还需要再等一段时间,这是最新的用 JavaScript 语言开发原生 App 的尝试,其示例代码相当简洁,内置控件也不少。Facebook 同时还为 React Native 开发了一款基于 Atom 的IDE——Nuclide,也已开源。阅读全文
posted @ 2015-04-09 09:46 梦想天空(山边小溪) 阅读(2509) | 评论 (3) 编辑
摘要: HTML5 在过去三年快速增长,已经成为 Web 开发人员最喜欢的编程语言之一。强大的编程语言拥有开发更好的网页应用的能力。 在 HTML5 中引入的新技术都非常好,像 Chrome、Firefox、Safari 等许多现代浏览器都已经支持。今天,我们列出了10个优秀的 HTML5 动画制作工具,可以帮助你的工作。阅读全文
posted @ 2015-03-30 10:07 梦想天空(山边小溪) 阅读(8233) | 评论 (4) 编辑
摘要: 今天这篇文章给大家带来的是20款免费响应式的 HTML5 网站模板,大家可以借助这些优秀的网站模板创建自己的优秀网站。响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。阅读全文
posted @ 2015-03-24 10:15 梦想天空(山边小溪) 阅读(10982) | 评论 (1) 编辑
摘要: 下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。阅读全文
posted @ 2015-03-19 13:38 梦想天空(山边小溪) 阅读(8898) | 评论 (0) 编辑
摘要: Ionic 是开源的 HTML5 移动开发框架,基于 HTML、JavaScript、CSS 构建漂亮的,跨平台的混合模式 App,能够和 AngularJS 很好的集成。目前最佳支持的平台是 iOS 7+ 和 Android 4.1+。阅读全文
posted @ 2015-03-17 10:39 梦想天空(山边小溪) 阅读(3998) | 评论 (0) 编辑
摘要: 今天这篇是2015年第2期(总第33期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。阅读全文
posted @ 2015-03-12 13:47 梦想天空(山边小溪) 阅读(6558) | 评论 (4) 编辑
摘要: React Canvas 提供了使用 Canvas 渲染移动 Web App 界面的能力,替代传统的 DOM 渲染,具有更接近 Native App 的使用体验。React Canvas 提供了一组标准的 React 组件,由基于的渲染元素抽象而成。阅读全文
posted @ 2015-03-10 09:52 梦想天空(山边小溪) 阅读(5815) | 评论 (0) 编辑
摘要: Titon Toolkit 是一个非常强大的用户界面组件,也是实现响应式,移动和现代网页的工具类的集合。每个组件封装了 HTML、CSS 以及为角色特定页面元素的 JavaScript 功能。Toolkit 使用了最新和最伟大的技术,包括 HTML5、CSS3、Sass、Gulp、包管理以及JavaScript的层强有力的新的浏览器的API 。阅读全文
posted @ 2015-02-05 13:47 梦想天空(山边小溪) 阅读(3870) | 评论 (0) 编辑
摘要: Squire 是一个简洁的 HTML5 富文本编辑器,它提供了强大的跨浏览器的标准化,超级轻巧灵活。它是建立在现在和未来并作为研究,因此并不支持那些古老的浏览器。阅读全文
posted @ 2015-02-02 10:33 梦想天空(山边小溪) 阅读(24095) | 评论 (0) 编辑
摘要: 梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2015-01-28 15:06 梦想天空(山边小溪) 阅读(5528) | 评论 (3) 编辑
摘要: browser.html 是一个实验性的项目,用于证明一个概念:使用 HTML 重新实现 Firefox UI ,并作为一个应用程序。它是基于浏览器的 API ,并以浏览器的方式和系统的应用工作。即使它包括标签,如vbox,hbox,空格等等这一切都是基于 HTML 实现的。阅读全文
posted @ 2015-01-27 15:42 梦想天空(山边小溪) 阅读(2007) | 评论 (0) 编辑
摘要: Hyhyhy 是创建好看的 HTML5 演示文档的工具。它具备很多的特点:支持 Markdown,嵌套幻灯片,数学排版,兼容性,语法高亮,使用 Javascript API ,方便的骨架。它支持 Firefox 2+, Safari 3+, Opera 9.64+, Chrome, IE9, IE10, IE11 浏览器。阅读全文
posted @ 2015-01-21 11:41 梦想天空(山边小溪) 阅读(3112) | 评论 (0) 编辑
摘要: 你想建立一个后台管理面板或者分析仪表板吗?不需从头开始,Keen IO Bootstrap 是一个响应式的仪表盘模板,可以帮助你在几分钟内呈现数据,让你可以创建一个有吸引力的,定制的分析仪表板,随时可以展现给你的团队或您的客户。阅读全文
posted @ 2015-01-19 11:03 梦想天空(山边小溪) 阅读(4646) | 评论 (0) 编辑
摘要: 产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果,值得我们去研究和使用。阅读全文
posted @ 2015-01-06 14:14 梦想天空(山边小溪) 阅读(7363) | 评论 (6) 编辑
摘要: Sonic.js 是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具,可以帮助你实现更多自定义的(Loading)加载动画效果。阅读全文
posted @ 2014-12-16 09:46 梦想天空(山边小溪) 阅读(9957) | 评论 (2) 编辑
摘要: 这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。阅读全文
posted @ 2014-12-09 14:16 梦想天空(山边小溪) 阅读(11292) | 评论 (5) 编辑
摘要: 《水果忍者》是一款非常受喜欢的手机游戏,刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度 JS 小组开发,采用 vml + svg 绘图,使用了 Raphael,效果很赞,赶紧来膜拜一下。阅读全文
posted @ 2014-12-03 09:54 梦想天空(山边小溪) 阅读(4126) | 评论 (6) 编辑
摘要: 《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经三年半,总共发布了30期。今天这篇是2014年第10期(总第31期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用。阅读全文
posted @ 2014-12-02 09:28 梦想天空(山边小溪) 阅读(6147) | 评论 (8) 编辑
摘要: 如果你想快速制作出一个优秀的网站,网站模板一定是必不可少的。网页设计师和开发人员也可以从网站模板入手,学习先进的布局方式和编码风格。下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网页模板,相信会有你需要的。阅读全文
posted @ 2014-11-27 15:48 梦想天空(山边小溪) 阅读(8196) | 评论 (6) 编辑
摘要: Schema 是一个模块化的,响应式的前端框架,方便,快捷地帮助您迅速启动你的 Web 项目。Schema 配备完整的创建多个视图的能力。从桌面显示器到移动设备,它的12列网格提供强大的灵活性。Schema 借助了强大的 LESS,这使得代码结构干净简洁,超级容易维护。阅读全文
posted @ 2014-11-27 13:12 梦想天空(山边小溪) 阅读(2386) | 评论 (0) 编辑
摘要: 这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。阅读全文
posted @ 2014-11-24 14:32 梦想天空(山边小溪) 阅读(44414) | 评论 (11) 编辑
摘要: HTML5 在不久前正式成为推荐标准,标志着全新的 Web 时代已经来临。这里分享一个惊艳的 Canvas 水滴效果,双击可以把水滴分离;拖放到一起可以融合;晃动浏览器可以让水滴跳动;键盘左右键可以切换皮肤;上下键可以变换大小。阅读全文
posted @ 2014-11-13 10:11 梦想天空(山边小溪) 阅读(5747) | 评论 (2) 编辑
摘要: 这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点, 拥有很多让人期待已久的新特性,特别是在移动端,Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。阅读全文
posted @ 2014-10-29 15:21 梦想天空(山边小溪) 阅读(59267) | 评论 (23) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第9期(总第30期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-10-16 15:05 梦想天空(山边小溪) 阅读(6299) | 评论 (0) 编辑
摘要: HTML5 和 CSS3 网站模板存在巨大的需求,网页设计师们都喜欢现成的网站模板,能够轻松地设计和开发美观,吸引眼球的网站。如果你正在寻找响应式的 HTML5 & CSS3 模板,那么你找对地方了,这里罗列了30套免费的响应式 HTML5 & CSS3 模板,可以免费下载。阅读全文
posted @ 2014-10-15 13:33 梦想天空(山边小溪) 阅读(22505) | 评论 (2) 编辑
摘要: 在平常的搜索中,我碰到过很多有趣的信息,应用程序和文档,我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式,可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。阅读全文
posted @ 2014-10-14 13:45 梦想天空(山边小溪) 阅读(17026) | 评论 (2) 编辑
摘要: 感谢 HTML5 带来的惊人的先进特性,在未来几年,HTML5 将会继续发挥巨大的推动作用,不仅是在 Web 应用中,网页设计领域也会有新的变革。今天,我们在这里集合了能够带给您灵感的25个最新鲜的 HTML5 网站。阅读全文
posted @ 2014-10-11 14:28 梦想天空(山边小溪) 阅读(4581) | 评论 (2) 编辑
摘要: 这里向大家分享一组创新的 Off Canvas 导航效果。Off Canvas 导航在一些移动应用程序中被广泛使用。当你点击汉堡按钮(一般是三条横线组成)时,在左侧或者右侧拉出一个菜单,这样可以充分利用移动设备界面中极为有限的空间。阅读全文
posted @ 2014-10-11 09:31 梦想天空(山边小溪) 阅读(3554) | 评论 (0) 编辑
摘要: 今天,我们想分享一些动画背景的灵感。全屏背景图片的网站头部是最新的网页设计趋势,已经持续了一段时间。最近人们一直在转向动画添加更多的视觉兴趣到他们的网站中,在这里我们想向您分享几个使用 JavaScript和 Canvas 创建不同页眉的动画示例。阅读全文
posted @ 2014-09-25 10:30 梦想天空(山边小溪) 阅读(13790) | 评论 (0) 编辑
摘要: 在这篇文章中,我们已经编制了30款最好的 Bootstrap 3.0 免费主题和模板清单,让您可以用在下一个项目中,我们希望你能找到有用的。这些主题包含了所有必要的 HTML 和 CSS 为基础的设计模板的版式,表单,按钮,导航和其它界面元件,以及任选的 JavaScript 扩展。阅读全文
posted @ 2014-09-23 15:00 梦想天空(山边小溪) 阅读(82325) | 评论 (28) 编辑
摘要: 苹果发布 iPhone 6 和 iPhone 6 Plus 有一段时间了,据说首日预定量达到了创纪录的1600万部,真是不可思议。苹果已经创建了一些指引,让开发者可以受益。他们已经发布了一组苹果官方的 iPhone 6 & Plus 产品图片。阅读全文
posted @ 2014-09-22 12:55 梦想天空(山边小溪) 阅读(1977) | 评论 (0) 编辑
摘要: 在今天的教程中,我们将使用 HTML5 的 Canvas 元素来创建一个简单的摄影作品集,它显示了一组精选照片与相机快门的效果。此功能会以一个简单的 jQuery 插件形式使用,你可以很容易地整合到任何网站。阅读全文
posted @ 2014-09-17 09:43 梦想天空(山边小溪) 阅读(2713) | 评论 (0) 编辑
摘要: 在互联网上提供很多免费的 Bootstrap 管理后台主题。所有你需要做的就是将它们下载并安装它们,这真的不是什么难事。问题是如何寻找到能够完美符合您的网站需求的主题。当然,你可以自己制作自定义的主题,但时间和资源都是很高贵的,所以在这里我们集合了互联网上一些最好的主题。阅读全文
posted @ 2014-09-15 15:11 梦想天空(山边小溪) 阅读(111798) | 评论 (4) 编辑
摘要: 今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。阅读全文
posted @ 2014-09-14 13:25 梦想天空(山边小溪) 阅读(11504) | 评论 (2) 编辑
摘要: Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库,可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 btmills 的 geopattern,并使用d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 colorbrewer 调色板库,让您快速启动和运行。阅读全文
posted @ 2014-09-09 09:49 梦想天空(山边小溪) 阅读(6043) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第8期(总第29期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-09-01 23:06 梦想天空(山边小溪) 阅读(4010) | 评论 (0) 编辑
摘要: 这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。阅读全文
posted @ 2014-08-19 10:08 梦想天空(山边小溪) 阅读(7365) | 评论 (16) 编辑
摘要: Onsen UI 是一个基于元素自定义的 HTML5 UI 框架,用于构建你的移动前端。这个一个基于 Web 组件的概念的框架,让构建应用程序变得更加轻松。Onsen UI 专门针对 PhoneGap 做了优化,特别适合用于开发 Hybird 模式的应用程序。阅读全文
posted @ 2014-08-15 10:06 梦想天空(山边小溪) 阅读(5841) | 评论 (0) 编辑
摘要: HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。下面给大家分享一个 HTML5 Canvas 绘制的 3D 布料图案效果。阅读全文
posted @ 2014-08-11 20:20 梦想天空(山边小溪) 阅读(2852) | 评论 (0) 编辑
摘要: 今天我们要为您展示如何使用 CSS 动画, SVG 和 JavaScript 创建一个简单的页面预加载效果。对于网站来说,这些预载入得画面提供了一种创造性的方法,使用户在等待内容加载的时候不会那么无聊。阅读全文
posted @ 2014-08-07 13:17 梦想天空(山边小溪) 阅读(5177) | 评论 (0) 编辑
摘要: 这是一个模拟可撕裂布料效果的 HTML5 Canvas 应用演示,效果逼真。你会看到,借助 Canvas 的强大绘图和动画功能,只需很少的代码就能实现让您屏息凝神的效果。阅读全文
posted @ 2014-08-04 08:59 梦想天空(山边小溪) 阅读(3845) | 评论 (5) 编辑
摘要: 闪亮的进度条效果。我喜欢粒子演示作品,特别是那些能够应用于实际的,例如这个由 Jack Rugile 编写的进度条效果。看着这么炫的 Loading 效果,即使让我多等一会也无妨:)你呢?阅读全文
posted @ 2014-07-31 10:46 梦想天空(山边小溪) 阅读(4621) | 评论 (2) 编辑
摘要: 作为一个前沿的 Web 开发者,对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了8个前沿的 HTML5 & CSS3 效果,记得收藏哦:)阅读全文
posted @ 2014-07-17 15:12 梦想天空(山边小溪) 阅读(12153) | 评论 (23) 编辑
摘要: localForage 是一个 JavaScript 库,通过使用一个简单的、类似 localStorage 风格的 API 实现异步存储,帮助你提升 Web 应用程序的离线经验(通过 IndexedDB 或 WebSQL)。 localForage 同时支持回调和 Promises 模式两个 API,你可以根据自己的喜好进行选择。阅读全文
posted @ 2014-07-17 08:31 梦想天空(山边小溪) 阅读(1968) | 评论 (0) 编辑
摘要: 文件上传是网站和 Web 应用程序的常用功能,一直没有一款完美的文件上传组件,因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主,FLASH 为辅的现代文件上传组件。在现代的浏览器里面能充分发挥 HTML5 的优势,同时又不摒弃主流IE浏览器。阅读全文
posted @ 2014-07-15 14:44 梦想天空(山边小溪) 阅读(28845) | 评论 (13) 编辑
摘要: 在当今世界,有许多前端开发的框架。那么,为什么还要再造一个框架呢?Concise 建立的目的是使你有很多的开箱即用的选项,让你能够方便的搭建移动友好的网站和 Web 应用程序。另外还包括一个简单的网格系统,开发人员可以使用该框架来推动自己的创作。阅读全文
posted @ 2014-07-15 10:51 梦想天空(山边小溪) 阅读(2503) | 评论 (0) 编辑
摘要: 今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例。响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好,有很多惊人的效果,并能够在任何设备上浏览。阅读全文
posted @ 2014-07-14 15:44 梦想天空(山边小溪) 阅读(6471) | 评论 (4) 编辑
摘要: 第三届“HTML5峰会”——2000人规模的“iWeb峰会”将于8月16日在北京召开。本次大会由HTML5梦工场主办,是在前两届“HTML5峰会”基础上的延伸和升华。本次大会以“ 开放、生态、互动、助力”为主题,内容丰富,形式多样,包含主题峰会、工具应用专场、互动娱乐专场、前端开源专场等多个主题论坛和多种活动形式。阅读全文
posted @ 2014-07-07 13:22 梦想天空(山边小溪) 阅读(1539) | 评论 (2) 编辑
摘要: 响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好,有很多惊人的效果,并能够在任何设备上浏览。今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例。阅读全文
posted @ 2014-07-03 13:57 梦想天空(山边小溪) 阅读(8011) | 评论 (4) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第7期(总第28期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-07-01 23:11 梦想天空(山边小溪) 阅读(5034) | 评论 (4) 编辑
摘要: 网站或者应用系统的管理后台的设计虽然不像前台界面那样要求设计精美,但是也需要有清晰的管理模块划分,下面分享的这个后台管理模板的设计非常漂亮,特别是导航部分,头部还有未读的短消息和提醒的条数显示。阅读全文
posted @ 2014-06-12 15:38 梦想天空(山边小溪) 阅读(5972) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第6期(总第27期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-06-11 23:38 梦想天空(山边小溪) 阅读(7166) | 评论 (2) 编辑
摘要: Fort.js 是一款用于时尚、现代的表单填写进度提示效果的 JavaScript 库,你需要做的就是添加表单,剩下的任务就交给 Fort.js 算法了,真的非常简单。提供了Default、Gradient、Sections 以及 Flash 四种效果,满足开发的各种场合需要。阅读全文
posted @ 2014-06-04 13:21 梦想天空(山边小溪) 阅读(4033) | 评论 (7) 编辑
摘要: JSCapture 是用纯 JavaScript 和 HTML5 实现的屏幕捕捉库。它可以让从您的浏览器中截图和记录在桌面的视频。JSCapture 使用 getUserMedia 来实现屏幕捕获。目前的屏幕捕捉的 API 仅支持 Chrome 浏览器。阅读全文
posted @ 2014-05-30 10:53 梦想天空(山边小溪) 阅读(4073) | 评论 (2) 编辑
摘要: Draggabilly 是一个很小的 JavaScript 库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装。阅读全文
posted @ 2014-05-29 10:03 梦想天空(山边小溪) 阅读(2749) | 评论 (0) 编辑
摘要: 在显示复杂的表格数据的时候,相信 Web 开发人员都碰到过显示不下的情况。RWD Table Patterns 是一个很好的响应式表格解决方案。它采用移动优先以及渐进增强的设计理念,在不支持响应式的浏览器会使用滚动条代替。阅读全文
posted @ 2014-05-28 14:41 梦想天空(山边小溪) 阅读(2723) | 评论 (2) 编辑
摘要: 下面的列表集合了20款高质量的免费 HTML5 网站模板,这些专业的模板能够让你的网站吸引很多的访客。这些免费的 HTML5 模板虽然不是响应式的,不过都很实用。赶紧来看看。阅读全文
posted @ 2014-05-27 13:05 梦想天空(山边小溪) 阅读(11663) | 评论 (6) 编辑
摘要: 如果你看过三星企业设计中心网站,你肯定已经注意到了时尚的网格加载效果。在这篇文章中,我们想向您展示了如何使用 Masonry 网格砌体插件,结合 CSS 动画重现这种效果。另外在这里,我们还借助了 ColorFinder 来获得的图像的最突出的颜色来作为初始的加载背景色使用。阅读全文
posted @ 2014-05-27 09:39 梦想天空(山边小溪) 阅读(9081) | 评论 (12) 编辑
摘要: WTF forms 借助 CSS 提供友好的 HTML 表单控件,专为 IE9+ 以及最新的 Chrome、Safari 和 Firefox 浏览器。以文件输入控件的改进,使用 label 包裹在 input 的外贸,所以自定义控件可以正确触发文件浏览器,并且定义了点击时的样式,像复选框和单选框还有选中状态的样式。阅读全文
posted @ 2014-05-25 11:05 梦想天空(山边小溪) 阅读(2611) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第5期(总第26期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-05-22 09:35 梦想天空(山边小溪) 阅读(3595) | 评论 (7) 编辑
摘要: 这里给大家展示一个使用 HTML5 WebGL 实现超逼真的云朵效果。WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。阅读全文
posted @ 2014-05-20 10:11 梦想天空(山边小溪) 阅读(7463) | 评论 (11) 编辑
摘要: 下面的列表集合了20款响应式的 HTML5 网页模板,这些专业的模板能够让你的网站吸引很多的访客。除了好看的外观,HTML5 模板吸引大家的另一个原因是由于其响应性和流动性。一起来看看。阅读全文
posted @ 2014-05-16 14:45 梦想天空(山边小溪) 阅读(7540) | 评论 (2) 编辑
摘要: Ball Pool 是一个基于 HTML5 技术的实验,模拟现实物理效果,让你在 Web 中感受自然物体的运动。玩法介绍:可以随意拖动圆球、点击页面背景、晃动浏览器、双击页面背景或者按住鼠标左键,有不同的效果,赶紧来体验一下。阅读全文
posted @ 2014-05-14 10:45 梦想天空(山边小溪) 阅读(3870) | 评论 (13) 编辑
摘要: 对于我来说,Web 前端开发是最酷的职业之一,因为你可以用新的技术发挥,创造出一些惊人的东西。唯一的问题是,你需要跟上这个领域的发展脚本,因此,你必须不断的学习,不断的前进。本文将分享能够帮助您快速掌握 HTML5 的实例教程,值得好好学习。阅读全文
posted @ 2014-05-13 10:08 梦想天空(山边小溪) 阅读(9868) | 评论 (12) 编辑
摘要: store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。阅读全文
posted @ 2014-05-12 10:00 梦想天空(山边小溪) 阅读(20263) | 评论 (9) 编辑
摘要: Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架,保持你的 HTML 代码简洁。内置尽量使用占位符选择器,以减少你的 HTML 标记的大小,没有凌乱的 HTML 代码。快速创建网站的布局响应式将变成一件轻而易举的事。阅读全文
posted @ 2014-05-09 15:44 梦想天空(山边小溪) 阅读(2235) | 评论 (2) 编辑
摘要: Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项。在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮助提高他们的 Web 开发的生产力。阅读全文
posted @ 2014-05-05 14:46 梦想天空(山边小溪) 阅读(14866) | 评论 (21) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第4期(总第25期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-05-05 09:31 梦想天空(山边小溪) 阅读(5576) | 评论 (7) 编辑
摘要: Seen.js 渲染3D场景为 SVG 或者 HTML5 画布。Seen.js 包含对于 SVG 和 HTML5 Canvas 元素的图形功能的最简单的抽象。所有这个库的其它组件都是不用关心将要渲染的上下文的类型。阅读全文
posted @ 2014-05-04 09:51 梦想天空(山边小溪) 阅读(3725) | 评论 (0) 编辑
摘要: 这里分享的12款完全采用响应式设计的 HTML5 & CSS3 网站设计模板。每一个细节都精心设计,以创建一个美妙的用户体验。这些响应主题和模板最适合用于电子商务,商业门户网站,个人作品集以及应用程序展示网站。阅读全文
posted @ 2014-04-26 12:27 梦想天空(山边小溪) 阅读(11232) | 评论 (0) 编辑
摘要: Method Draw 是一款在线 SVG 编辑器,是 SVG Edit 的一个分支。Method Draw 的目的是改进 SVG Edit 的可用性和用户体验。它移除了 line-caps/corners 等功能以提供一个简单愉悦操作体验。阅读全文
posted @ 2014-04-24 15:37 梦想天空(山边小溪) 阅读(44363) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第3期(总第24期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-04-22 22:58 梦想天空(山边小溪) 阅读(6409) | 评论 (0) 编辑
摘要: Framework7 是一个功能很全的 HTML 框架,用来构建 iOS7 应用程序。 Framework7 允许您灵活搭建列表视图(表视图) 。你可以让他们作为导航菜单,你可以在列表里面使用图标,输入框以及任何元素,甚至使它们嵌套。Framework7 使用 Ajax 在页面之间导航。赶紧体验一下。阅读全文
posted @ 2014-04-16 09:49 梦想天空(山边小溪) 阅读(20611) | 评论 (7) 编辑
摘要: CutJS 是轻量级的,快速的,基于 Canvas 开发的 HTML5 2D 渲染引擎,可以用于游戏开发。它是开源的,跨平台的,与现代的浏览器和移动设备兼容。CutJS 提供了一个类似 DOM 树的数据模型来编写应用程序,并在内部管理渲染周期,绘制你的应用程序。阅读全文
posted @ 2014-04-15 14:04 梦想天空(山边小溪) 阅读(1513) | 评论 (0) 编辑
摘要: Web 技术的不断发展让我们能够开发各种好玩的功能。这里给大家分享一个使用 HTML5 技术实现的在线乐谱,可以播放的哦,也可以选择一个片段进行循环播放。赶紧来体验一下:)阅读全文
posted @ 2014-04-04 18:53 梦想天空(山边小溪) 阅读(2021) | 评论 (0) 编辑
摘要: 网站的加载速度在一定程度上来说是决定网站能否成功的关键。如果您是网站所有者,一定知道网站速度的重要性。因为没有人愿意为了打开一个网页而等老半天,换句话说,如果你的网站打开速度很慢,将流失大量的访客,甚至出现多米诺效应的不良影响。阅读全文
posted @ 2014-04-02 14:00 梦想天空(山边小溪) 阅读(11128) | 评论 (20) 编辑
摘要: skelJS 是一个轻量级的前端框架,用于构建响应式站点和应用程序。让设计人员和开发人员可能够使用四个强大的组件:CSS 网格系统,响应式处理程序,CSS的快捷方式和插件系统。阅读全文
posted @ 2014-04-02 10:52 梦想天空(山边小溪) 阅读(3934) | 评论 (2) 编辑
摘要: ShareDrop 是苹果 AirDrop 服务的 HTML5 版本,你可以直接在设备之间传输文件,而无需先上传到任何服务器。它使用 WebRTC 来实现安全的点对点文件传输。目前 ShareDrop 只允许您发送文件到同一个本地网络的其他设备,即设备使用相同的公共IP地址。阅读全文
posted @ 2014-03-31 10:26 梦想天空(山边小溪) 阅读(1365) | 评论 (0) 编辑
摘要: Furatto 是一个基于 Bootstrap & Foundation 的前端开发框架,用于快速开发网站。这个框架采用流行的扁平化设计和响应式设计。除了布局和网格之外,所有的主要元素都有预定义的样式,例如按,表格,表单等,而且还有各种各样的 JavaScript 组件,像模态弹窗,工具提示等等。阅读全文
posted @ 2014-03-30 12:29 梦想天空(山边小溪) 阅读(2604) | 评论 (0) 编辑
摘要: Web 应用程序有离线功能,如保存大量数据集和二进制文件。你甚至可以做 缓存 MP3 文件 这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是,如何选择合适技术,如何方便灵活的实现。阅读全文
posted @ 2014-03-27 14:46 梦想天空(山边小溪) 阅读(6197) | 评论 (9) 编辑
摘要: 使用 HTML5,CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式。这里收录了几款 iOS 风格的手机应用程序开发框架,帮助您使用擅长的 Web 技术来开发移动应用程序。这些工具大多都基于 HTML & CSS,而另一些则可能需要使用 JavaScript 库。阅读全文
posted @ 2014-03-25 15:09 梦想天空(山边小溪) 阅读(11283) | 评论 (14) 编辑
摘要: HTML5 Dashboard 是一个 Mozilla 推出的项目,里面展示了最前沿的 HTML5,CSS3,JavaScript 技术。每一项技术都有简洁,在线演示以及详细的文档链接。这些技术将成为未来一段时间 Web 开发的顶尖技术,如果不想落伍的话就赶紧来看看吧。阅读全文
posted @ 2014-03-25 10:28 梦想天空(山边小溪) 阅读(4003) | 评论 (3) 编辑
摘要: 《Web前端开发精华文章推荐》2014年第二期(总第二十三期)和大家见面了。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀jQuery插件,展示前沿的HTML5和CSS3技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的Web开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-03-18 15:20 梦想天空(山边小溪) 阅读(5931) | 评论 (0) 编辑
摘要: 这篇文章收集了20个免费的 JavaScript 游戏引擎分享给开发者。这些游戏引擎能够帮助游戏开发人员更快速高效的开发出各种好玩的游戏。使用 HTML5、CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏,比如:3D 动画效果,Canvas,数学,颜色,声音,WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。阅读全文
posted @ 2014-03-17 15:08 梦想天空(山边小溪) 阅读(1225) | 评论 (0) 编辑
摘要: 这篇文章挑选了 Web 开发人员不能错过的10个 HTML5 开发教程,能够帮助你快速掌握 HTML5 高级开发技巧。HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。阅读全文
posted @ 2014-03-14 10:33 梦想天空(山边小溪) 阅读(12740) | 评论 (11) 编辑
摘要: Molecule 框架由拥有超过五年手机游戏开发经验的游戏开发者开发。由于移动浏览器与实际的 HTML5 规范的兼容性的改进和内部硬件的自然进化,HTML5 手机游戏真正有可能流行起来。阅读全文
posted @ 2014-03-07 13:03 梦想天空(山边小溪) 阅读(1608) | 评论 (0) 编辑
摘要: 飞扬的小鸟(Flappy Bird)无疑是2014年全世界最受关注的一款游戏。这款游戏是一位来自越南河内的独立游戏开发者阮哈东开发,形式简易但难度极高的休闲游戏,很容易让人上瘾。这里给大家分享一篇这款游戏的 HTML5 版制作教程,借助 Phaser 框架,只需65行 JavaScript 代码即可实现。阅读全文
posted @ 2014-03-05 13:34 梦想天空(山边小溪) 阅读(6439) | 评论 (0) 编辑
摘要: 这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的。这些优秀的 jQuery 插件能为你的网站提供各种各样强大的功能和效果。阅读全文
posted @ 2014-03-04 10:35 梦想天空(山边小溪) 阅读(12431) | 评论 (0) 编辑
摘要: XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的 send() 方法来异步的提交表单。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。阅读全文
posted @ 2014-02-26 23:39 梦想天空(山边小溪) 阅读(52264) | 评论 (10) 编辑
摘要: 下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。阅读全文
posted @ 2014-02-24 13:10 梦想天空(山边小溪) 阅读(33802) | 评论 (0) 编辑
摘要: HTML5 游戏开发是一个热门的话题,开发人员和设计人员最近经常谈论到。虽然不可能迅速取代 Flash 的地位,但是 HTML5 凭借它的开放性和强大的编程能力,取代 Flash 是必然的趋势。你会看到,越来越多的界面设计精美、效果很酷的 HTML5 游戏不断涌现出来。阅读全文
posted @ 2014-02-20 14:48 梦想天空(山边小溪) 阅读(5568) | 评论 (7) 编辑
摘要: 这篇文章挑选了10个高端大气上档次的 HTML5 网站分享给大家。作为下一代网页语言,HTML5 加入中众多的语义化标签,例如 video、audio、section、article、header、footer 和 nav 等,HTML5 正引领网页制作技术革命。希望下面集合中的优秀 HTML5 网站示例能帮助大家更好的学习 HTML5 网站的设计和制作。阅读全文
posted @ 2014-02-18 23:01 梦想天空(山边小溪) 阅读(47351) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2014年第一期(总第二十二期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2014-02-18 10:00 梦想天空(山边小溪) 阅读(8016) | 评论 (8) 编辑
摘要: 作品名称——Shape Shifter,基于 Canvas 的粒子图形变换实验。在页面下方的输入框输入文本,上面就会进行变换出对应的粒子效果文本动画。CodePen 作品秀系列向大家展示来自 CodePen 网站的最优秀的 Web 效果,上面的那些 Demo 可以说都是艺术品,相信你看之后和我一样会被惊呆的!阅读全文
posted @ 2014-02-17 22:58 梦想天空(山边小溪) 阅读(5147) | 评论 (8) 编辑
摘要: modern.IE 是微软推出的一个开发人员中心,提供免费的工具和资源,旨在使您能够花更少的时间来测试各种版本的 Internet Explorer,并留出更多时间在现代 Web 上构建重要的内容。modern.IE 在支持旧版 IE 的同时,可使您更加轻松地利用 Web 标准(例如 HTML5 和 CSS3)构建创新体验,从而帮助推动 Web 的发展。阅读全文
posted @ 2014-02-17 09:51 梦想天空(山边小溪) 阅读(1698) | 评论 (0) 编辑
摘要: 下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。阅读全文
posted @ 2014-02-11 14:49 梦想天空(山边小溪) 阅读(40443) | 评论 (12) 编辑
摘要: CodePen 是一个在线的 HTML、CSS 和 JavaScript 代码编辑器,能够编写代码并即时预览效果。你在上面可以在线展示自己的作品,也可以看到其他人在网页中实现的各种令人惊奇的效果。今天这篇文章就为大家挑选出8个超炫的 Web 效果演示,这些 Demo 可以说都是艺术品,让小伙伴们都惊呆了!阅读全文
posted @ 2014-01-23 14:24 梦想天空(山边小溪) 阅读(30119) | 评论 (75) 编辑
摘要: 这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具。对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工具对于你来说都是新的领域,那么这篇文章是非常有用的,因为这些实用的工具将让你的工作更有效率。阅读全文
posted @ 2014-01-20 14:21 梦想天空(山边小溪) 阅读(12554) | 评论 (16) 编辑
摘要: HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。这篇文章挑选了适合中级开发者的10个 HTML5 进阶教程,带你深入学习 HTML5 技术。阅读全文
posted @ 2014-01-18 13:37 梦想天空(山边小溪) 阅读(4685) | 评论 (0) 编辑
摘要: HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应用程序。这篇文章挑选了10个适合初学者的 HTML5 入门教程,带你踏上 HTML5 之旅。阅读全文
posted @ 2014-01-11 16:21 梦想天空(山边小溪) 阅读(14246) | 评论 (8) 编辑
摘要: 这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。阅读全文
posted @ 2014-01-10 14:11 梦想天空(山边小溪) 阅读(10669) | 评论 (13) 编辑
摘要: 当开始学习如何创建 Web 应用程序或网站的时候,最流行的建议之一就是阅读教程,并付诸实践。也有大量的 Web 开发的书,但光有理论没有实际行动是无用的。现在由于网络的发展,我们有很多的工具可以用于创建令人惊叹的网站。HTML5 开发了无限可能的大门,它提供了一种方法来创建你想要的东西。阅读全文
posted @ 2014-01-06 09:43 梦想天空(山边小溪) 阅读(19935) | 评论 (0) 编辑
摘要: 感谢大家在过去一年对《梦想天空》博客的支持,2014年我会继续向大家分享更多更好的前端开发相关的技术文章、资源和素材。祝大家在新的一年里心想事成,马到成功!这篇文章挑选了10篇2013年最受欢迎的前端开发博文,看看有没有你错过的精彩内容。阅读全文
posted @ 2014-01-02 14:35 梦想天空(山边小溪) 阅读(6412) | 评论 (10) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第九期(总第二十一期)和大家见面了。梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-12-25 09:53 梦想天空(山边小溪) 阅读(4156) | 评论 (4) 编辑
摘要: Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现。Dynatable 的目的是提供一种简单的、可扩展的 API,能够轻松的浏览和操作大规模的数据集。Dynatable 提供包括排序,搜索和过滤等常用的数据处理功能。阅读全文
posted @ 2013-12-20 11:32 梦想天空(山边小溪) 阅读(6001) | 评论 (2) 编辑
摘要: heX 是网易有道团队的一个开源项目,允许你采用前端技术(HTML,CSS,JavaScript)开发桌面应用软件的跨平台解决方案。heX 是你开发桌面应用的一种新的选择,意在解决传统桌面应用开发中繁琐的UI和交互开发工作,使其变的简单而高效,特别适合于开发重UI,重交互的桌面应用软件。阅读全文
posted @ 2013-12-10 14:02 梦想天空(山边小溪) 阅读(19686) | 评论 (7) 编辑
摘要: Skytte 是一款浏览器里的 2D 射击游戏。使用 Canvas 元素和大量的 JavaScript 代码实现。Skytte 是用我们的开源和现代的前端技术创造的。经典,快节奏的横向滚动射击游戏,探索新的 HTML5 Canvas 功能,使我们能够建立一个全新的互动式网站和应用程序的套件。阅读全文
posted @ 2013-12-08 10:55 梦想天空(山边小溪) 阅读(2457) | 评论 (0) 编辑
摘要: Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。阅读全文
posted @ 2013-12-04 09:38 梦想天空(山边小溪) 阅读(8443) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第八期(总第二十期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章和资源能够帮助到您。阅读全文
posted @ 2013-11-28 15:33 梦想天空(山边小溪) 阅读(4889) | 评论 (0) 编辑
摘要: 数以百万计的设计师和工程师采用 Foundation 作为他们的产品和网站设计的前端框架。Foundation 是第一个响应式、语义化和移动优先的开源框架。最近发布的 Foundation 5 建立了一个新的命令行工具,可以让你更快速的建立起 Foundation 项目,这些项目现在将使用 Libsass——后端的 Sass 编译库,这将大大加快执行速度。阅读全文
posted @ 2013-11-26 09:23 梦想天空(山边小溪) 阅读(6684) | 评论 (2) 编辑
摘要: Ideal Forms 是建立和验证响应式 HTML5 表单的终极框架。它刚刚发布 V3 版本,更小,更快,更具可扩展性。它支持实时验证,完全自适应(适应容器,没有 CSS 媒体查询需要),键盘支持,自定义复选框、单选框和文件输入,无缝集成 jQuery UI 的日期选择器,支持第三方扩展和本地化。阅读全文
posted @ 2013-11-25 09:51 梦想天空(山边小溪) 阅读(3152) | 评论 (0) 编辑
摘要: Resumable.js 是一个 JavaScript 库,通过 HTML5 文件 API 提供,稳定和可恢复的批量上传功能。在上传大文件的时候通过每个文件分割成小块,每块在上传失败的时候,上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。阅读全文
posted @ 2013-11-18 09:58 梦想天空(山边小溪) 阅读(3824) | 评论 (2) 编辑
摘要: Normalize.css 是一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异,精确定位需要重置的样式。这是一个现代的,HTML5-ready 的 CSS 重置样式集。阅读全文
posted @ 2013-11-14 11:21 梦想天空(山边小溪) 阅读(24024) | 评论 (4) 编辑
摘要: HTML 超容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你提高开发速度。阅读全文
posted @ 2013-11-08 07:45 梦想天空(山边小溪) 阅读(12766) | 评论 (16) 编辑
摘要: HTML5 正在迅速改变创建和管理网站的方式。HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。这篇文章收集了20款优秀的 HTML5 Web 应用程序,值得添加到您的HTML5的工具箱中,他们能够帮助你开发项目更快,更容易。阅读全文
posted @ 2013-11-06 07:45 梦想天空(山边小溪) 阅读(4754) | 评论 (4) 编辑
摘要: HTML5 众多强大特性让我们不需要多么高深技术就能创建好玩的网页游戏,同时证明了开放的 Web 技术能与任何其他在游戏开发中使用的技术竞争。正如标题所说,这篇文章推荐的几款很棒 HTML5 游戏开发工具能够帮助你开发出优秀的,好玩的游戏。阅读全文
posted @ 2013-11-04 09:16 梦想天空(山边小溪) 阅读(6722) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第七期(总第十九期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-10-30 13:57 梦想天空(山边小溪) 阅读(7257) | 评论 (18) 编辑
摘要: 大家都都知道,HTML5 具备所有最新的技术和功能,帮助我们创造平滑过渡,花式图像滑块和动画。如果你正在考虑使用HTML5 来设计自己的网站,那么这个集合能够帮助你。在过去的10年里,网页设计师使用 Flash、JavaScript 或其他难用的软件创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。阅读全文
posted @ 2013-10-29 23:04 梦想天空(山边小溪) 阅读(7360) | 评论 (0) 编辑
摘要: 在过去的10年里,网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是 HTML5 。这篇文章向大家展示20个创新的 HTML5 网站。看看这些惊人的 HTML5 网站,从这些优秀的 HTML5 网站获取灵感并应用在自己的网站中。希望你会喜欢这个集合。阅读全文
posted @ 2013-10-22 23:14 梦想天空(山边小溪) 阅读(19250) | 评论 (2) 编辑
摘要: 对于视差滚动(Parallax Scrolling),关注网页设计的朋友都不会陌生。在网页设计中,视差滚动是一种很特别的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3D 运动效果,有很强的视觉冲击力。 前阵子视差被用来提供一个漂浮在屏幕周围的元素,有很多的网站使用这种效果,有点势不可挡的趋势。阅读全文
posted @ 2013-10-21 22:34 梦想天空(山边小溪) 阅读(3965) | 评论 (5) 编辑
摘要: Google Web Designer 可以帮助你创建引人入胜,互动的基于 HTML5 的设计和动画,可以在任何设备上运行。如果你喜欢自己动手,设计背后的所有的代码都是可以手工编辑的。虽然可视化工具是很有帮助的,但它永远不能代表你的创造力,想象力。这就是为什么你可以来回翻转设计“视图和”代码“视图,可以立即看到设计中所做的任何更改的都能在代码中体现。阅读全文
posted @ 2013-10-21 10:08 梦想天空(山边小溪) 阅读(4301) | 评论 (2) 编辑
摘要: Clank 是一个自由和开放源码的 HTML/CSS 框架,可以帮助你轻松创建本地手机或平板电脑应用程序的原型。它着重于提供一致的用户界面,不会刻意去模仿一个特定的 OS 。该框架是基于组件的,这样我们就可以选择和使用所需的部分,组件包括按钮,表格,滑块,切换等等。阅读全文
posted @ 2013-10-20 13:30 梦想天空(山边小溪) 阅读(4373) | 评论 (0) 编辑
摘要: 如果您已经使用了 CSS 或前端框架,创建响应式布局应该不难。 然而,如果你刚涉足这类布局,Responsive Web CSS 可以帮助你快速上手。这是一个基于 Web 的工具,使任何人都可以通过拖放创建一个具有响应性的布局原型。你可以简单地添加任意数量的页面,DIV,定义百分比的宽度,也支持嵌套网格,还可以自动生成下载文件。阅读全文
posted @ 2013-10-19 23:31 梦想天空(山边小溪) 阅读(2740) | 评论 (4) 编辑
摘要: HTML5 Canvas 元素给网页中的视觉展示带来了革命性的变化。Canvas 能够实现各种让人惊叹的视觉效果和高效的动画,在这以前是需要 Flash 支持或者 JavaScript 才能实现的。HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,功能强大。今天这篇文章向大家展示9个让人难以置信的 HTML5 Canvas 应用演示。阅读全文
posted @ 2013-10-15 14:34 梦想天空(山边小溪) 阅读(23536) | 评论 (21) 编辑
摘要: 在网络上能找很多免费的 PSD 格式素材,但是很少有 HTML/CSS 界面组件下载。在这篇文章中,收集了14套免费的 HTML/CSS 界面源码分享给前端设计师和开发者们。这些组件包括按钮、滑块、表单、搜索栏、进度条等。阅读全文
posted @ 2013-10-14 10:01 梦想天空(山边小溪) 阅读(9680) | 评论 (0) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第六期(总第十八期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-09-17 15:22 梦想天空(山边小溪) 阅读(7527) | 评论 (14) 编辑
摘要: Screenfly 让你能够在各种设备的屏幕和分辨率下查看你的网站。输入网址,并点击GO开始浏览网页。Screenfly 可以使用代理服务器来模拟设备,当您查看您的网站,代理服务器模仿您所选择的设备的用户代理字符串。阅读全文
posted @ 2013-09-17 10:42 梦想天空(山边小溪) 阅读(4512) | 评论 (5) 编辑
摘要: 快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验。这里推荐的优秀 HTML5 框架和开发工具可以帮助你开发项目更快,更容易。推荐阅读:《推荐25款很棒的 HTML5 开发框架和开发工具【上篇】》阅读全文
posted @ 2013-09-12 14:29 梦想天空(山边小溪) 阅读(8781) | 评论 (2) 编辑
摘要: Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主题创建工具。您可以轻松地创建您自己的 Twitter Bootstrap 主题,可以立即看到你的内容变化。您还可以添加来自 Google Webfont 的很棒的网页字体。阅读全文
posted @ 2013-09-11 10:14 梦想天空(山边小溪) 阅读(10584) | 评论 (4) 编辑
摘要: jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了。浏览器兼容性: IE6+*, Firefox 3+, Chrome, Safari 3+, Opera,对于 IE9 以下的版本会使用 Downloadify 来实现文件下载功能。阅读全文
posted @ 2013-09-04 09:42 梦想天空(山边小溪) 阅读(11703) | 评论 (11) 编辑
摘要: 每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。阅读全文
posted @ 2013-09-02 14:05 梦想天空(山边小溪) 阅读(4126) | 评论 (6) 编辑
摘要: Intention.js 提供一个轻量级的和明确的方式,帮助你动态重组 HTML,成为响应式的方式。操作方法都放在了元素自己里面,所以灵活的布局看起来就似乎不会那么的抽象和凌乱。您可以轻松地增加布局的选择和灵活性,缩短开发时间和减少样式表覆盖媒体查询驱动的必要性。你可以轻松地添加自己的上下文或者创建自己的自定义组。阅读全文
posted @ 2013-09-02 09:42 梦想天空(山边小溪) 阅读(2543) | 评论 (0) 编辑
摘要: 优秀网页作品赏析《第四季》,精彩继续每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。阅读全文
posted @ 2013-08-29 10:09 梦想天空(山边小溪) 阅读(2938) | 评论 (0) 编辑
摘要: HTML5 在不同的领域让网页设计更强大的。快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5。HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验。这篇文章整理了25款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快,更容易。阅读全文
posted @ 2013-08-27 14:30 梦想天空(山边小溪) 阅读(63479) | 评论 (21) 编辑
摘要: Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的,直观的和强大的移动优先的前端框架,用于更快,更容易的 Web 开发。几乎一切都已经被重新设计和重建,更好的支持移动端设备。最新的 Twitter Booststrap 包含四层网格类​​——手机,平板电脑,台式机,和大型桌面,你可以做一些超级疯狂的布局。定制器进行了重新设计,现在在浏览器中编译,而不是 Heroku 上,有更好的依赖性支持,甚至有内置的错误处理。阅读全文
posted @ 2013-08-21 10:46 梦想天空(山边小溪) 阅读(21299) | 评论 (16) 编辑
摘要: 每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。阅读全文
posted @ 2013-08-20 15:27 梦想天空(山边小溪) 阅读(3650) | 评论 (8) 编辑
摘要: Codrops 给我们分享了一个多层菜单的实现教程。他们试图探索创建一个嵌套的多级菜单,是非常有用的东西,可以有很多的内容,如网上商店的导航菜单。 这个 Push Menu 效果理论上可以包含无限嵌套的子菜单。阅读全文
posted @ 2013-08-20 10:22 梦想天空(山边小溪) 阅读(2083) | 评论 (0) 编辑
摘要: 今天,我们想与您分享一个实验性的3D效果。它涉及到一个3D移动设备和一些移动应用程序截图。点击切换按钮时,我们将让移动设备转动并移动每个画面,使我们能看到一个分层的视图。你可能之前没见过这种应用程序演示模式,使用 CSS 来实现这样的效果是十分有趣的事情。阅读全文
posted @ 2013-08-19 14:10 梦想天空(山边小溪) 阅读(2652) | 评论 (0) 编辑
摘要: HTML5 Maker 是一个在线动画制作工具,帮助你使用 HTML,CSS 和 JavaScript 创建动态,互动的内容。它非常容易使用,同时可以帮你实现非常好的效果。它可以制作跨浏览器的动画内容,如 JavaScript 和 HTML5 动画,幻灯片,简报等等。阅读全文
posted @ 2013-08-14 09:43 梦想天空(山边小溪) 阅读(34627) | 评论 (0) 编辑
摘要: 最近,我需要做一个非常基本的网页内容编辑功能。我不想使用 iframe ,我也不想要一个功能特别多的复杂编辑器,只需要很基本的内容编辑功能,例如粗体,斜体,列表,对齐等等。这篇文章介绍一种方法,借助 HTML5 特性,使用10行 JavaScript 实现世界上最简单的文本编辑器。阅读全文
posted @ 2013-08-12 14:09 梦想天空(山边小溪) 阅读(30132) | 评论 (81) 编辑
摘要: 前端开发并不容易,除了掌握基本的 HTML、CSS 和 Javascript 之外,因为不同版本的浏览器和平台,你需要知道如何做一个跨浏览器的网站。而最新的发展趋势——响应式设计,它不仅使 Web 项目开发更难,也需要花费更多的开发时间。不过,有很多优秀的框架可以帮助到你,这篇文章挑选了14个响应式的前端框架。我列出了它的 UI 组件和 Javascript 插件,几乎所有的都使用了响应式网格系统。阅读全文
posted @ 2013-08-07 14:48 梦想天空(山边小溪) 阅读(19747) | 评论 (25) 编辑
摘要: 每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。阅读全文
posted @ 2013-08-02 14:49 梦想天空(山边小溪) 阅读(3358) | 评论 (3) 编辑
摘要: WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。今天,本文向大家展示8个惊艳的 WebGL 应用实验。阅读全文
posted @ 2013-07-31 14:32 梦想天空(山边小溪) 阅读(23869) | 评论 (36) 编辑
摘要: 每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。阅读全文
posted @ 2013-07-29 14:37 梦想天空(山边小溪) 阅读(3737) | 评论 (4) 编辑
摘要: Manifesto 是一个 HTML5 离线应用程序缓存校验工具,提供了快速校验 HTML5 manifest 文件有效性的方法。离线应用程序缓存在使用中最困难的部分之一就是无法正常工作的时候没有明显的特征,因此不容易被发现。有了 Manifesto,这个问题就简单了,它会帮助你检测 manifest 文件中出存在问题。阅读全文
posted @ 2013-07-29 10:19 梦想天空(山边小溪) 阅读(2767) | 评论 (4) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第五期(总第十七期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。阅读全文
posted @ 2013-07-25 14:45 梦想天空(山边小溪) 阅读(24808) | 评论 (21) 编辑
摘要: Popline 是一个基于 HTML5 实现的富文本编辑器工具栏,设计灵感来自 PopClip ,相比传统的文本编辑器工具,Popline 能够浮动在编辑的文本周围,操作起来十分方便。阅读全文
posted @ 2013-07-19 13:39 梦想天空(山边小溪) 阅读(7649) | 评论 (4) 编辑
摘要: Webydo 是一款专业的在线建站应用,使平面设计师可以创建和管理 HTML 网站,而无需编写代码。设计人员可以设计任何类型网站,只需要点击按钮,就能够发布先进的 HTML 网站。阅读全文
posted @ 2013-07-18 09:47 梦想天空(山边小溪) 阅读(3669) | 评论 (1) 编辑
摘要: MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用。有了 MontageJS,开发人员可以创建可重用的用户界面组件和模块,组件和控制器之间的绑定属性,并且同步 DOM 查询和更新,以确保流畅的用户体验。阅读全文
posted @ 2013-07-10 11:03 梦想天空(山边小溪) 阅读(6226) | 评论 (0) 编辑
摘要: Pure 是一组轻量的,响应式的 CSS 模块,您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用,保持文件体积尽量小,每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建,并提供布局以及 原生 HTML 元素的风格,加上最常见的 UI 组件。相信这些都是你需要的。阅读全文
posted @ 2013-07-07 13:45 梦想天空(山边小溪) 阅读(3898) | 评论 (2) 编辑
摘要: HTML Inspector 是一款代码质量检测工具,帮助你编写更优秀的 HTML 代码。HTML Inspector 使用 JavaScript 编写,运行在浏览器中,是最好的 HTML 代码检测工具。阅读全文
posted @ 2013-07-05 09:38 梦想天空(山边小溪) 阅读(4402) | 评论 (2) 编辑
摘要: Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页面,包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。阅读全文
posted @ 2013-07-01 09:29 梦想天空(山边小溪) 阅读(255947) | 评论 (101) 编辑
摘要: Aristochart 是基于 HTML5 Canvas 的折线图功能库,具有高定制性和灵活性的特点。Aristochart 会帮助你处理图形显示,让你能够专注于业务逻辑处理。阅读全文
posted @ 2013-06-26 10:04 梦想天空(山边小溪) 阅读(4277) | 评论 (0) 编辑
摘要: 2013,HTML5 峰会再度来袭,一场属于 HTML5 守望者的盛宴!HTML5 作为新兴技术,未来光明但道路曲折。不管 HTML5 是遥不可及的幻想,还是眼下移动互联网的救命稻草?需要我们携手共建产业生态链走向蓬勃发展。大会主题:共享、共赢、共行动,让我们一起坚守,共谱新篇章!阅读全文
posted @ 2013-06-13 09:42 梦想天空(山边小溪) 阅读(4163) | 评论 (6) 编辑
摘要: Fries 是一个移动开发框架,让开发者仅使用 HTML,CSS 和 Javascript 创建出 Android 应用程序界面。Fries 的灵感来自于 Ratchet(开发 iPhone 应用原型的优秀框架),作者把根据 Ratchet 的思路把一些很酷的东西引入到 Android 开发中。令人惊讶的是,Fries 能够很好的兼容 PhoneGap。Fries 旨在使 Android 应用程序开发更快速,更容易。阅读全文
posted @ 2013-06-08 09:43 梦想天空(山边小溪) 阅读(4068) | 评论 (0) 编辑
摘要: 转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》,让我们一起看看2013年的浏览器现状。阅读全文
posted @ 2013-06-05 15:41 梦想天空(山边小溪) 阅读(37587) | 评论 (32) 编辑
摘要: Ratchet 让移动开发人员仅使用简单 HTML,CSS 和 Javascript 组件就能够快速的制作出 iPhone 应用程序的原型。Ratchet 提供了众多效果类似原生应用的界面组件,另外 Push.js 可以帮助开发人员把页面链接起来并在 iPhone 上预览。阅读全文
posted @ 2013-06-03 10:09 梦想天空(山边小溪) 阅读(6616) | 评论 (2) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第四期(总第十六期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-05-22 14:20 梦想天空(山边小溪) 阅读(12651) | 评论 (20) 编辑
摘要: 简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站?是的,LayoutIt 是一个 Twitter Bootstrap 界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。阅读全文
posted @ 2013-05-02 09:13 梦想天空(山边小溪) 阅读(21213) | 评论 (28) 编辑
摘要: 《Web 前端开发精华文章推荐》2013年第三期(总第十五期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-04-23 09:36 梦想天空(山边小溪) 阅读(11241) | 评论 (28) 编辑
摘要: 设计和开发者社区发展飞快,以致于我们的步伐很难跟上发生在我们身边的这一切。这就是为什么我喜欢聚集最新发布的优秀资源和工具,以使我们的工作和生活更轻松。这篇文章也是这样的,从文本编辑器到帮助你构建网格系统的插件,我敢肯定这些你会发现这些工具非常有用。阅读全文
posted @ 2013-04-19 09:01 梦想天空(山边小溪) 阅读(7092) | 评论 (3) 编辑
摘要: Flat Surface Shader 是一个超炫的 3D 模拟照明效果,可以配置使用基于 Canvas 的 2D 上下文或者基于 SVG 多边形数组绘制三角形。它还采用原生的 Float32Arrays 存储数字数据,进行高度优化的计算。可以调整颜色参数预览效果,而且可以导出图像。阅读全文
posted @ 2013-04-15 12:00 梦想天空(山边小溪) 阅读(4895) | 评论 (2) 编辑
摘要: Metro UI 是一种界面展示技术,是 Windows 8 的主要界面显示风格。Metro 界面和 iOS、Android 界面最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。同时在视觉效果方面,这有助于形成一种身临其境的感觉。如果你的下一个设计的网站或Web 应用程序想使用新的Windows 8 Metro 风格,那么下面列表中收集的10套流行的 Metro UI 风格的 Bootstrap 主题和模板一定不能错过。Enjoy !阅读全文
posted @ 2013-04-11 09:35 梦想天空(山边小溪) 阅读(186591) | 评论 (75) 编辑
摘要: Bootstrap 和 Foundation 是目前使用最广发的前端开发框架,不过有的时候我们需要的是一个更轻量的方案,IVORY 也许就是你需要的。IVORY 基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。阅读全文
posted @ 2013-04-09 16:23 梦想天空(山边小溪) 阅读(4529) | 评论 (0) 编辑
摘要: 今天这篇文章向大家展示20佳设计精美 HTML5 的网站作品,让大家感受一下 HTML5 的魅力。HTML5 新增了许多重要的特性,像 video、audio 和 canvas 等等,这些特性使得能够很容易的网页中包含多媒体内容,而不需要任何的插件或者 API。而其它的新元素,例如 section、article、header 和 nav 等,则是用来丰富网页内容。阅读全文
posted @ 2013-03-28 16:18 梦想天空(山边小溪) 阅读(15265) | 评论 (8) 编辑
摘要: 2013年第一期(总第十三期)《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-03-25 14:45 梦想天空(山边小溪) 阅读(14220) | 评论 (21) 编辑
摘要: 不管你是多么优秀的程序员,你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候,若有现成的在线手册可参考则可以为你节省很多时间。为了方便各位朋友,我向大家推荐一个非常棒的在线手册索引网站——overapi.com,这个网站收集了众多对开发人员非常有用的手册,记得分享和推荐一下哦。阅读全文
posted @ 2013-03-21 17:01 梦想天空(山边小溪) 阅读(15767) | 评论 (34) 编辑
摘要: Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上。目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区)。而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB。颜色,字体,边框和它们的尺寸都可以定制,图表可以动画的形式加载,非常炫。阅读全文
posted @ 2013-03-19 16:25 梦想天空(山边小溪) 阅读(33470) | 评论 (3) 编辑
摘要: 提高网站的速度对网站的成功有巨大的影响,因为网站的加载速度直接影响到用户体验和搜索引擎排名。Browser Diet 是一个非常好的指南,列出了前端性能优化的各种技巧和工具。这是一个由 HTML,CSS,JS,服务器,图像和网站相关领域的众多专家组成的团队编写的,相比网络上的其它内容,这个指南图文并茂,生动有趣。此外,该指南不仅列出性能优化的步骤,同时还详细的介绍了如何实现阅读全文
posted @ 2013-03-15 10:55 梦想天空(山边小溪) 阅读(3680) | 评论 (2) 编辑
摘要: 这篇文章是前端优秀讲座和讨论列表系列连载第七篇,介绍前端性能优化技巧。前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思想和理念才能让自己跟上时代的步伐,保持自己的技术优势。阅读全文
posted @ 2013-03-04 09:52 梦想天空(山边小溪) 阅读(4166) | 评论 (2) 编辑
摘要: Form Follows Function 是一组绚丽的互动体验网站的集合,目前共收集了14个极具创意的网站,每一个站点都有自己独特的设计和功能。这些精美的网站作品都是基于 HTML5 创建的,在台式机和平板电脑上都能很好的浏览和体验。阅读全文
posted @ 2013-02-28 10:33 梦想天空(山边小溪) 阅读(5506) | 评论 (0) 编辑
摘要: 2013年第一期(总第十三期)《Web 前端开发人员和设计师必读文章》和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2013-02-25 10:02 梦想天空(山边小溪) 阅读(13556) | 评论 (33) 编辑
摘要: Cool Kitten 是一个具备视差滚动特效的响应式框架,由 Jalxob 编写,是 Github 上的开源项目。实质上是一组设计师和开发人员使用的 HTML/CSS 以及 JavaScript 文件的集合。Cool Kitten 是响应式的,这使得网站能够在电脑、平板和移动设备中都能良好的呈现;同时还支持视差滚动(Parallax Scrolling)特效,给网站带来绚丽的视觉效果。阅读全文
posted @ 2013-02-21 15:51 梦想天空(山边小溪) 阅读(2778) | 评论 (0) 编辑
摘要: Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5,CSS & JavaScript 工具包。使用 Groundwork,您可以快速构建 Web 应用程序,能在各种设备上工作。Groundwork 拥有一个令人难以置信的灵活,可嵌套,流体的网格系统,是 Github 上的开源项目。阅读全文
posted @ 2013-02-20 13:55 梦想天空(山边小溪) 阅读(3234) | 评论 (0) 编辑
摘要: 这篇文章收集了Google 前端工程师 Addy Osmani 分享在 Speaker Deck 的15个精彩幻灯片,每个都是精华中的精华,真正的干货!相信你认真阅读之后一定会有收获!Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator,出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本书籍,还是著名 jQuery、Modernizr 以及 Backbone.js 框架的贡献者。阅读全文
posted @ 2013-01-29 09:51 梦想天空(山边小溪) 阅读(13208) | 评论 (32) 编辑
摘要: 在2012年,HTML5 游戏开发迈出了一大步。众多优秀的 HTML5 游戏让我们明白,我们并不需要高科技的演示或例子就能知道 HTML5 已经足够成熟,同时证明了开放的 Web 技术能与任何其他在游戏开发中使用的技术竞争。正如标题所说,这篇文章推荐的10款精彩的 HTML5 游戏把技术发挥到了极致,用事实证明,HTML5 能够可以创建出真实的,好玩的游戏。阅读全文
posted @ 2013-01-15 14:56 梦想天空(山边小溪) 阅读(11929) | 评论 (14) 编辑
摘要: 2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措,幸运的是,很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此,我们有了很多优秀的小工具和库,每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表。阅读全文
posted @ 2012-12-28 10:06 梦想天空(山边小溪) 阅读(13837) | 评论 (24) 编辑
摘要: 2012年,Web 开发领域继续在快速的发展,HTML5 仍然在展示其跨平台的优越性,CSS3 被人们更多的应用到实际项目中,响应式设计(Responsive Design)技巧也被人越来越多的人熟知和使用。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架,这是一个非常值得收藏的工具列表,从功能全面的 IDE 到美观、充满异国情调的小框架,小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度,节省时间和精力。阅读全文
posted @ 2012-12-18 15:15 梦想天空(山边小溪) 阅读(30277) | 评论 (83) 编辑
摘要: Collie 是一个 JavaScript 库,用于创建高度优化的 HTML5 动画和游戏。Collie 可以运行在 PC 和手机上,使用 HTML5 Canvas 和 DOM。Collie 能够多线程稳定的处理多个对象,支持很多实用的功能,包括精灵动画和用户事件。稳定支持 iOS 和 Android,并为每个平台的渲染提供优化的方法。阅读全文
posted @ 2012-12-17 12:28 梦想天空(山边小溪) 阅读(10235) | 评论 (6) 编辑
摘要: 2012年涌现出众多独特的,令人印象深刻的 CSS 网站作品,要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战,因为 CSS 涵盖了媒体查询(CSS3 Media Queries)、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表,如果你有收藏更好的作品,欢迎留言向大家分享。阅读全文
posted @ 2012-12-14 13:26 梦想天空(山边小溪) 阅读(13001) | 评论 (29) 编辑
摘要: 2012年12月12日,【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您。阅读全文
posted @ 2012-12-12 14:30 梦想天空(山边小溪) 阅读(55183) | 评论 (46) 编辑
摘要: HTML5 新增了许多重要的特性,像 video、audio 和 canvas 等等,这些特性使得能够很容易的网页中包含多媒体内容,而不需要任何的插件或者 API。而其它的新元素,例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 JavaScript API,下面这5个 HTML5 API 你可能不知道,通过今天这篇文章可以了解一下。阅读全文
posted @ 2012-11-15 14:04 梦想天空(山边小溪) 阅读(19295) | 评论 (31) 编辑
摘要: 这篇文章继续给大家带来最近两个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示前沿 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-11-06 09:22 梦想天空(山边小溪) 阅读(9230) | 评论 (29) 编辑
摘要: Google 的 Chrome 浏览器实验室展示了很多基于 HTML5 和 JavaScript 的创意实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果。其中很多实验项目使用了前沿的 WebGL 技术,为了能体验到绚丽的效果,建议在最新的 Chrome 浏览器中浏览(部分 WebGL 实验项目需要显卡支持)。阅读全文
posted @ 2012-10-26 10:30 梦想天空(山边小溪) 阅读(21109) | 评论 (33) 编辑
摘要: Bootstrap 是基于 HTML,CSS,JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。为了能够充分利用 Bootstrap 的强大功能,下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。阅读全文
posted @ 2012-09-11 14:11 梦想天空(山边小溪) 阅读(106711) | 评论 (60) 编辑
摘要: 这篇文章给大家带来最近两个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。阅读全文
posted @ 2012-08-15 09:34 梦想天空(山边小溪) 阅读(15267) | 评论 (47) 编辑
摘要: 互联网经过这么多年的发展,已经出现了众多的 Web 开发技术,像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说,不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今,网上有各种开发技术的相关网站,有大量开发资料可以参考。下面是我收集的15个非常优秀的学习 Web 开发技术的国外网站,如果大家有收藏更好的网站,欢迎推荐!阅读全文
posted @ 2012-08-10 09:17 梦想天空(山边小溪) 阅读(42929) | 评论 (54) 编辑
摘要: 《HTML5 网站大观》系列文章自去年7月至今已总共发布了12篇,向大家分享了基于 HTML5 制作的企业网站、个人网站、博客网站、单页网站、作品集网站等等各种类型的优秀 HTML5 网站设计作品,现收集于此,供大家查阅。阅读全文
posted @ 2012-08-07 09:33 梦想天空(山边小溪) 阅读(6043) | 评论 (6) 编辑
摘要: 过去的几年,网页设计和制作人员就已开始关注和使用 HTML5 了,如今 HTML5 得到了更加广泛的应用,国外已有很多基于 HTML5 制作的网站。所以,今天这篇文章给大家带来的是35款基于 HTML5 和 CSS3 的非常精致的网站模板,大家可以借助这些优秀网站模板制作出自己的 HTML5 网站。这些网站模板大部分都是免费的,虽然有些要付费,但是都提供了在线演示,所以……你懂的:)阅读全文
posted @ 2012-08-03 08:35 梦想天空(山边小溪) 阅读(183548) | 评论 (151) 编辑