博客水木

简 介 LESS是一种由Alexis Sellier设计的动态层叠样式表语言，受Sass所影响，同时也影响了Sass的新语法：SCSS。 LESS是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，LESS可以在客户端上运行（IE6+、Webkit、Firefox），也可以在服务端运行（Node.js、Rhino）。 ...继续阅读

大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。 为什么要将icon做成字体？ 在很多网站项目中，我们常常会用到各种透明小图标，然后网站要兼容各个浏览器，...继续阅读

这篇文章介绍JavaScript的在线指南和教程。不管你是刚刚起步，想先学习JS基础，还是已然成为老鸟，想继续进一步修炼和提升，这些在线资源对你都有帮助。 《Codecademy JS课程》（英文） Codecademy是一个最容易上手学习如何用JS编程的方式之一。它是一种交互式在线学习平台，非常有趣，你也可以和小伙伴一起来学习。 《J...继续阅读

可能网上早就有几个flappy-bird的html5版本啦，到这个时候flappy-bird可能也没有之前那么火了，但是作为一个新手，自己思考，自己动手写一个flappy-bird的demo还是很有成就感的。 flappy-bird的html5版无非是通过canvas来画的，可能网上也有webgl版本的，但是我貌似没见过，如果你发现了，希望告诉我一声，咱们一起讨论讨...继续阅读

一、简 介 AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。 通常，我们是通过以下技术来解决静态网页技术在构建动态应用上的不足： 类库 – 类库是...继续阅读

2013悄然离去，2014已来到我们面前。去年伊始，The Next Web对2013年Web设计领域的十大趋势做了预测，如响应式设计、排版的重要性、空白区域设计及与社交网络整合等。2014年，该领域又将迎来哪些新的发展变化？The Next Web同样进行了预测。下面是该网站给出的2014年10大Web设计趋势预测结果。 1.排版字体更具特色，...继续阅读

如今，我们拥有许多新鲜有用的HTML5，JavaScript以及jQuery相关的工具和资源，这对设计者和开发者来说都有着极大的帮助。 HTML5是一种为了提高用户体验和可用性而设计的标记语言。它非常有用，并且变得越来越热门。作为一个网络开发者或者设计者，你需要跟上最新的信息，学习最新的技术。 jQuery plugins能帮你从任何网...继续阅读

在网页设计里，字体的显示是个问题。最普遍用的是宋体，但是宋体在 Win 7 下的表现真的很难看。雅黑端庄一些，但是随着字体大小，感觉汉字的大小也会有区别。小站现在用的字体是是宋体 + Arial/Georgia，因为习惯了也没多在意，其实对于英文字体有其它更好的选择。 比如 Bitter 字体，用来做标题倒是不错： 1 <...继续阅读

Bootstrap前端框架 基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。 由匠人建，为匠人用 和您一样，我们乐于创造出色的web应用，于是想帮助更多象我们一样的匠人更为高效快捷地构建产品。Bootstrap因此而生。 适应各种技术水平 Bootstrap适应不同技术水平的从业者，无论是设计师还是程序员，大牛...继续阅读

前端开发并不是一个容易的工作，不仅需要掌握HTML、CSS和JavaScript，针对不同的浏览器版本和平台，还需要了解如何设计出跨平台的网站。如今随着响应式设计的流行，前端开发变得越来越困难，且花费的时间更长。 本文收集了14个响应式前端开发框架，可以帮助前端开发人员大大简化开发过程。针对每个框架，文中均指出了它所...继续阅读