Dialog 移动端弹窗 v2

移动端弹窗插件,包括常见的 alert、confirm。toast、notice 四种类型弹窗,支持 jQuery 和 Zepto 库。

特性

  • 支持常见的 alert、confirm、toast、notice 四种类型弹窗
  • 可选择使用 IOS 或者 Material Design 风格的弹窗
  • 可自定义按钮的文字、样式、回调函数,支持多个按钮
  • 多个弹窗状态改变回调函数
  • 同时支持 jQuery 和 Zepto 库
  • 可扩展性强

新增

  • 弹窗可选 IOS 或者 Material Design 风格
  • 可自定义多个按钮
  • 按钮排版样式,并排或者堆叠
  • notice 弹窗的位置,居中或者底部

移动端Dialog弹出对话框插件,同时支持jQuery和Zepto

移动端 Dialog 弹出对话框插件,支持 jQuery 和 Zepto。已经在 Internet Explorer 9+、Firefox 22+、Opera 9+、Google Chrome 和 Safari 浏览器上被验证过,并且应该可以再更多浏览器上工作。

移动浏览器(例如:Chrome mobile、 Safari mobile 和其它浏览器)也被支持。已经在 iOS (iPad、 iPhone、 iPod)、Android 设备上进行了测试。其他基于 Chrome 内核的移动浏览器也基本上支持。

NodeJs本地搭建服务器,供手机访问电脑静态HTML文件

不知道你在项目开发过程中,有没有遇到过有过以下场景:
一般是做移动Web项目时,都是制作好静态页面,通过浏览器模拟手机的窗口大小进行测试。然而项目正式上线后,在某个手机设备上出现排版错位或其他问题,但是通过浏览器模拟手机显示却是比较正常,无法把出问题还原。此时,我们要修复此类的样式问题过程就是:修改样式 –>> 上传更新 –>> 问题依旧 –>> 修改样式 –>> 上传更新 …… 陷入无休止的重复循环。

如果能够手机直接访问电脑本地的静态HTML文件,我们就可以本地修改,即刻手机查看效果,这样就能够避免很多重复性的工作了,以下我们就通过 nodejs 实现。

关于CSS[几乎]没人知道的3件事

你真的了解CSS吗?在六个月前,我提供了一个在线免费 CSS 测试系统。测试结果表明很多一线开发者并没有如他们所想的那样了解 CSS。目前有超过 3,000 人参加了该项测试,平均成绩只有 55 分。平均分本身并没有什么意思,我更加关心大家都栽在了哪些问题。在这篇文章中,将其中三个出错程度最高的问题列出来。我们来讨论每个问题,告诉你哪个答案是被选择的最多,然后解释正确答案。

可以肯定地说,如果你读完这篇文章后再参加测试,将会有不公平的优势!

rem Chrome bug:rem单位的字号在Chrome浏览器中过大

rem作为CSS3新增的一个相对单位(root em,根em),它是相对于HTML根节点,这个单位可谓集相对大小和绝对大小的优点于一身,通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

但是,用过之后就知道它会出现一个问题:用Chrome打开网站,在初始化页面时,有时候会出现字体很大的情况。但是刷新一下页面就好了。如下图所示:

轻松应对响应式网站!10个响应式导航菜单jQuery插件

对于大多数人来说,构建一个响应布局中最困难的部分是导航菜单的设计和编码。由于没有真正久经考验的常用解决方案,你采用的菜单形式将视乎于正在构建的网站整体排版布局。

如 果是一个小型网站,一个 select下拉菜单或者一个基本的“三线”切换菜单就可以满足了。但如果是一个比较大型的网站(以一个电子商务 商店为例)在其PC版网站是依靠一个复杂的导航菜单,那么在屏幕较小的设备上最能够帮助你的是一个抽屉式或动画的侧面导航菜单。