博客水木

在刚刚过去的几年里，涌现的许多网页设计趋势正在逐渐成为主流，引领我们走向未来。其中，极简主义网页设计正式其中之一。极简设计风格不会随着时间褪色，随着现代主义运动至今，它一直活跃于各个与设计相关的领域，而如今，它为何不能成为网页设计的趋势呢? 除了看起来看起来比较漂亮之外，极简风格的设计还能提高用户体...继续阅读

MUI背景介绍 MUI是一套前端框架，由DCLOUD公司研发而成，提供大量H5和js语言组成的组件，大大提高了开发效率，可以用于开发web端应用、web app等应用。 MUI API简介 官方文档 窗口方面api 关闭页面 点击包含.mui-action-back类的控件 在屏幕内，向右快速滑动 Android手机按下back按键 //第一种方式 <button type...继续阅读

在CSS3中，可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理，本文将对此做详细介绍。 一.旋转 rotate 用法：transform: rotate(45deg); 共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。 二.缩放 scale 用法：transfor...继续阅读

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。 本文向你推荐 50 个 Bootstrap 的插件，可以考虑在你下一个项目中使用它们。 1. Bootstrap Multiselect 2. Bootstrap Dialog 3. Bootstrap Con...继续阅读

对于设计师而言，网站设计中的任意一环节都不容忽视。时下，借助网上的一些资源，只需简单的几个步骤你就可创建出更具吸引力的设计，包括菜单、背景、动画、眉头、body等设计。响应式Web设计不仅能够适用于任何屏幕尺寸，还为用户带来更完美的体验，本文将分享十款最佳的响应式Web设计，助你大大简化工作流程。 Gumby Fr...继续阅读

万维网联盟(W3C)宣布，经过将近8年的艰辛努力，HTML5标准规范终于最终制定完成并已公开发布。 其实，在这个标准制订完成之前，HTML 5已经使用多年。Firefox、GoogleChrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5，但直到今天，我们才看到“正式版”。W3C引用《2014 Vision Mobile Survey》报告指出，在...继续阅读

W3C最新公布了和移动WebApp有关的标准当前的状态及路线图，它汇总了和移动Web App开发相关的所有HTML5和CSS3标准以及他们当前的状态和未来路线，对使用HTML5进行移动Web App开发的开发者有着极大的指导意义。文档地址为：http://www.w3.org/2012/08/mobile-web-app-state/。 下面是该文档的主要内容。 ——...继续阅读

下面介绍一些有关webapp手机网站meta标记的例子及解释。 一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。 1、http-equiv 属性的 Content-Type 值（显示字符集的设定） 说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。...继续阅读

Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效： 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整...继续阅读

模块化结构已经成为网站开发的主流。 制作网站的主要工作，不再是自己编写各种功能，而是如何将各种不同的模块组合在一起。 浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，影响用户体验。 为...继续阅读