随笔分类 - 我的博文
我的作品
摘要:选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务。开发人员可以使用框架实现的功能高效地达到他们的开发目标。这些预实现的组件采用优秀的设计模式和最佳实践,促进应用程序以标准化的方式开发。最重要的是,它让开人员在开发过程中得心应手。
阅读全文
摘要:Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,即时项目切换,多选择,多窗口等等。更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具——Package Control 可以方便安装和管理。
阅读全文
摘要:HTML5 Canvas 元素给网页中的视觉展示带来了革命性的变化。Canvas 能够实现各种让人惊叹的视觉效果和高效的动画,在这以前是需要 Flash 支持或者 JavaScript 才能实现的。HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,功能强大。今天这篇文章向大家展示9个让人难以置信的 HTML5 Canvas 应用演示。
阅读全文
摘要:HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。这里向大家展示一个使用 Canvas 和 JavaScript 创建逼真的下雨效果。
阅读全文
摘要:koala 是一个前端预处理器语言图形编译工具,支持 Less、Sass、Compass、CoffeeScript,帮助 Web 开发者更高效地使用它们进行开发。跨平台运行,完美兼容 Windows、Linux、Mac。
阅读全文
摘要:BackgroundCheck 是一个轻量的 JavaScript 库,能够根据元素后面的图片的亮度自动切换元素样式。例如在图片幻灯片功能中,根据图片亮度调整导航箭头的颜色,这样让图片和导航的颜色形成一定的对比度,更清晰。类似可以使用的地方还有固定导航,在滚动下拉的时候根据文本背面的图片自动修改颜色等等。
阅读全文
摘要:TogetherJS是一个免费、开源的 JavaScript 库,来自 Mozilla 实验室,可以实现基于 Web 的在线协作功能。把 TogetherJS 添加到您的网站中,您的用户可以在实时的互相帮助!当然还有很多其它的可以应用的场合,值得一试。
阅读全文
摘要:文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传、拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。
阅读全文
摘要:十月应该是一年中除了春节外最让人期待月份了。这个月有让上班族们期盼的国庆长假,可以外出好好玩一番。十月天气也逐渐转凉,非常舒适。这篇文章向大家分享一组精美的2013年10月桌面日历壁纸供大家免费下载。这些高清日历桌面壁纸都是精心挑选的,赶紧挑选一张为你的桌面换上吧。
阅读全文
摘要:EasyDropDown 是一个 jQuery 插件,你可以毫不费力地将简陋的 Select 元素设置为可定制风格的下拉菜单,用于表单或者一般的导航。和著名的下拉插件 Chosen 很像,但是具有自己的特点,例如:简洁,语义标记,兼容表单验证,完整的键盘控制,文本搜索,滚动支持,在触摸设备上降级为原生UI 等等众多优点。
阅读全文
摘要:jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。使用方法很简单,只要引入 jsPDF 库,然后调用内置的方法就可以了。浏览器兼容性: IE6+*, Firefox 3+, Chrome, Safari 3+, Opera,对于 IE9 以下的版本会使用 Downloadify 来实现文件下载功能。
阅读全文
摘要:每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。
阅读全文
摘要:Intention.js 提供一个轻量级的和明确的方式,帮助你动态重组 HTML,成为响应式的方式。操作方法都放在了元素自己里面,所以灵活的布局看起来就似乎不会那么的抽象和凌乱。您可以轻松地增加布局的选择和灵活性,缩短开发时间和减少样式表覆盖媒体查询驱动的必要性。你可以轻松地添加自己的上下文或者创建自己的自定义组。
阅读全文
摘要:元素固定效果在网页中应用得很多,比较常见的使用场景有改进导航,显示广告。Sticky-Kit 是一个非常方便的 jQuery 插件,简化了创建/管理粘元素,有复杂的使用功能。这些功能包括:处理多个固定元素,启用/禁用的行为取决于对元素在视口中的位置和回调。它也有一个函数重新计算尺寸,从而简化了在浏览器调整大小时的使用。
阅读全文
摘要:在 Web 项目中,浏览器兼容以及跨浏览器测试是最重要的也是最费劲的工作。DalekJS 是一个基于 JavaScript(或 Node.js) 的免费和开源的自动化测试接口。它能够同时运行测试一组流行的浏览器(Chrome,IE,Firefox 和 WebKit)。
阅读全文
摘要:长阴影其实就是扩展了对象的投影,感觉是一种光线照射下的影子,通常采用角度为 45 度的投影,给对象添加了一份立体感。长阴影快速发展为流行的设计趋势,并经常被应用到扁平设计方案的对象。更详细的介绍可以阅读《扁平化设计的最新趋势 – 长阴影》一文,相信看了之后你会长阴影设计有更深的了解。
阅读全文
摘要:优秀网页作品赏析《第四季》,精彩继续每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。
阅读全文
摘要:CSS 选择器赋予 CSS 强大的 HTML 元素匹配功能。作为前端开发人员必须要掌握的一部分,可能基本的大家都知道。但是你真的精通 CSS 了吗?挑战一下 CSS 选择器测验就知道。
阅读全文
摘要:FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择。FancySelect 使用方便,只要绑定页面上的任何 Select 元素,并调用就 .fancySelect() 就可以了。默认情况下,FancySelect 在移动设备上使用原生的选择功能和风格。
阅读全文
摘要:扁平化设计正被用于各个主流的移动操作系统以及许多流行的网站,这是一个不断上升的趋势。 这种趋势有其分支,其中之一是“长阴影 “的效果在元素上的使用。 采用角度为 45 度的投影,给对象添加了一份立体感。为了营造轻松的这样的效果,有一个免费的 PSD 文件称为 Long Shadow Generator ,可以帮助你在 Photoshop 中轻松实现长阴影效果。
阅读全文