随笔分类 - 我的博文
我的作品
摘要：正则表达式通常被用来检索或替换符合某个模式的文本内容，编写正则是开发人员的必备技能。简单的正则表达式一下就能看懂含义，但是复杂的正则理解起来就很困难了。Jeff Avallone 开发了一款 JavaScript 正则表达式可视化工具，是 GitHub 上的开源项目，它能够让正则表达式字符串以 Railroad 形式图形化，便于阅读和理解。
阅读全文
摘要：2012年，Web 开发领域继续在快速的发展，HTML5 仍然在展示其跨平台的优越性，CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。技术的快速发展让 Web 开发人员学习起来不知所措，幸运的是，很多优秀的开发者和设计人员在努力寻找各种有特色的解决方案。 因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表。
阅读全文
摘要：一年一度的圣诞节又到了，首先祝大家好运一串串，健康一年年，平安到永远！在这个特殊的日子里，处处洋溢着节日的气氛，空中飘落的雪花更显得浪漫！今天就教大家如何在博客中添加纷纷扬扬的下雪效果。
阅读全文
摘要：梦想天空博客即日起推出《CSS3 探索发现》系列文章，分享和展示各种让人惊奇的 CSS3 示例。梦天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具。
阅读全文
摘要：这篇文章向大家介绍一套免费的 Photoshop 线框图套件，这个线框图套件中包括通知、图片和视频，表单字段，标题，段落，项目符号列表，导航，广告横幅和普通网站的元素，如：搜索框，电子邮件注册表单等等。这个套件的使用非常简单。新建一个空白的 Photoshop 文档并在打开线框图套件的 PSD 文件，然后把你需要的元素从套件中拖放到自己的原型文件里。
阅读全文
摘要：对于一个给定的输入框，如果在文本超过输入框的时候能显示当前光标在整个输入的字符串中所在的位置和剩余多少文本，那将会非常棒！如果可以在任何网站不修改DOM就可以实现这个功能，那该多好。在这篇文章中，我们使用 jQuery 实现智能输入框光标的位置。它不需要图像，是使用纯粹的 CSS 实现的，而且实时、准确，这意味着你在添加或删除文本的时候它会自动适应。使用事件代理机制实现，所以不用担心性能问题。
阅读全文
摘要：2012年涌现出众多独特的，令人印象深刻的 CSS 网站作品，要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战，因为 CSS 涵盖了媒体查询（CSS3 Media Queries）、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表，如果你有收藏更好的作品，欢迎留言向大家分享。
阅读全文
摘要：
2012年12月12日，【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
2012年12月12日，【《Web 前端开发人员和设计师必读文章》系列十二】和大家见面了。梦想天空博客关注 前端开发 技术，分享各种增强网站用户体验的 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心推荐的文章能够帮助到您。
阅读全文
摘要：这篇文章向大家推荐几个漂亮的 jQuery 图片切换效果插件。jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择。其中，jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些让人惊叹的图片切换效果。
阅读全文
摘要：这篇文章向大家分享最新出炉的12张高清的2012年圣诞节桌面壁纸，供大家免费下载。桌面壁纸是电脑桌面所使用的背景图片，可以根据大小和分辨率来做相应调整。 桌面壁纸让我们的电脑看起来更漂亮，更有个性，赶紧为你的电脑桌面换装吧！
阅读全文
摘要：结合 HTML5 和 CSS3 能够制作出效果精美网页，国外已有很多基于 HTML5 和 CSS3 制作的网站案例。为了紧跟潮流，今天这篇文章给大家带来的是15款基于 HTML5 和 CSS3 的制作的精致网站模板，大家可以借助这些优秀的网站模板轻松的实现自己的网站。这些网站模板都是免费的并提供了在线演示和下载链接，记得分享和推荐一下：）
阅读全文
摘要：倒计时功能是非常有用的一个小功能，可以告诉用户多久以后您的网站将会发布或者关闭进行维护，还可以用于举办活动的开始和停止的倒计时。今天，在这篇文章中收集了12优秀的倒计时脚本，有一天你可能会用到的。
阅读全文
摘要：在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中，这样，在不改变文档内容的情况下，不同的设备可以使用不同的界面外观。阅读这篇文章学习 CSS3 Media Queries 的基本功能和国外使用 CSS3 Media Queries 的优秀网站案例。
阅读全文
摘要：之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件，今天这篇文章向大家推荐10个纯 CSS3 实现精美加载进度条动画效果的方案。加载动画和进度条在网站和 Web 应用中的使用非常流行，特别是在使用 Ajax 技术加载内容的应用场景中，使用时尚的加载动画和进度条告诉用户内容正在加载中是一种非常友好的方式。
阅读全文
摘要：Pomelo 是基于 Node.js 的高性能、分布式游戏服务器框架。它包括基础的开发框架和相关的扩展组件（库和工具包），可以帮助你省去游戏开发枯燥中的重复劳动和底层逻辑的开发。 Pomelo 不但适用于游戏服务器开发， 也可用于开发高实时 Web 应用，它的分布式架构可以使 Pomelo 比普通的实时 Web 框架扩展性更好。
阅读全文
摘要：在 Web 开发中经常会碰到需要动态监听输入框值变化的情况，例如类似发表微博时候显示剩余的可输入字数等等。如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话，监听不了右键的复制、剪贴和粘贴这些操作，处理组合快捷键也很麻烦。因此，这篇文章介绍一种完美的解决方案：使用 oninput & onpropertychange 来监听输入框值变化。
阅读全文
摘要：使用一张大图片作为网页的背景是吸引访客眼球最快捷的方法。高质量的精美照片和抽象的设计图片能够给网站的外观带去深刻的影响。在使用大背景图片的时候有几项事情需要注意，首页需要确保背景图片能够和页面中的文本完美的融合。下面分享了16个大背景图片应用在网页设计的优秀案例，能够帮助你提高网页设计技巧。
阅读全文
摘要：光阴似箭，日夜如梭，不知不觉又快到十二月了。本文向大家分享12张高清的2012年12月桌面日历壁纸免费下载。桌面壁纸是电脑桌面所使用的背景图片，可以根据大小和分辨率来做相应调整。 壁纸让我们的电脑看起来更好看，更漂亮，更有个性。今天我为大家收集的这批高清桌面日历壁纸有多种尺寸可以选择，赶紧为你的桌面换装吧！
阅读全文
摘要：data URIs 是由 RFC 2397 定义，允许将一个小文件进行编码后嵌入到另外一个文档里。data URI 图片是 base64编码的图片文件，可以嵌入到 HTML 或者 CSS 文件中，能够减少 HTTP 请求，提高网页加载速速。Duri.me 使用非常简单，把图片拖放到框内，然后点击 Generate Base-64 Code 按钮就会自动生成编码，Duri.me 帮你生成了图片、CSS和Base64字符串三种形式的代码，可以根据需要进行拷贝。
阅读全文
摘要：在浏览网页的时候碰到404错误是让人非常扫兴的，因此很多网站都会设计一个新颖的错误页面，以吸引用户继续浏览其它的内容。这篇文章向大家分享一组漂亮的404错误页面模板下载，其中部分是免费的，有部分是需要付费的。
阅读全文