公告

随笔分类 - 前端相关

摘要：需求是分析音频，用图形化展示。思路： 1、回想当年使用的播放器，如XX静听一般就2种图形化展示一个是条形柱一个是波纹 2、分析数据转化成图像这个是canvas常用的，之前做过的canvas分析图像数据，做滤镜做变形都是一把好手，这里当然图形化也交给canvas了。 3、既然是分析音频... 阅读全文

posted @ 2015-09-18 14:28 堂Di 阅读(1326) 评论(0) 推荐(0)

虚拟机调试ionic项目

摘要：通过ionic emulate Android命令可以直接启动虚拟机，并启动应用程序，但是启动后，就断开了，这时候我们需要使用adb连接虚拟机或者Android设备查看日志信息。先在控制台执行adb命令，如果没有反应，需要把Android sdk目录下的platform-tools目录加入到环境变量... 阅读全文

posted @ 2015-05-10 11:15 堂Di 阅读(559) 评论(0) 推荐(0)

Chrome插件LiveStyle结合Sublime Text编辑器实现高效可视化开发

摘要：LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text编辑器（经测试ST2 ST3均可以支持）结合可实现可视化开发，一次配置，简单易用！ LiveStyle官方网站：http://livestyle.emmet.io/ LiveStyl... 阅读全文

posted @ 2013-09-26 11:30 堂Di 阅读(3925) 评论(1) 推荐(0)

EDM邮件重构总结

摘要：邮件模板，请严格按照下面的规则执行。邮件客户端和Web页面的需求不同，在编写代码的时候，考虑的方向也不一样。 1.原则，及思维出发点1. 不需要考虑DOM节点的精简和结构的优化。以完成设计样式为最优先。必要时，不必吝啬使用表格嵌套，不必吝啬使用空的表格元素来占据空间。2. 宁可冗余，也不可缺少必要... 阅读全文

posted @ 2012-11-19 14:18 堂Di 阅读(410) 评论(0) 推荐(0)

iframe 针对IE6 遮挡select和播放器

摘要：IE6将select和播放器视为窗口控件，z-index就不生效了然后我们就尴尬的发现select和播放器在ie6下坚强的置顶了~ 。。。解决办法： 1.虽说div直接盖不住select但是div可以盖iframe，而iframe可以盖select,所以，把一个iframe来当作div的底，这个... 阅读全文

posted @ 2012-11-10 18:01 堂Di 阅读(258) 评论(0) 推荐(0)

浮动框架的内容透明

摘要：IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。1.与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。2.在 iframe 内容源文档，background-color 或 body 元素的 bgColor 标签属性必须设置为 transparent。具体步骤： 1. 包含框架页的代码。<body bgColor="#eeeeee"><iframe allowTransparency="true" src="transparent.ht 阅读全文

posted @ 2012-11-10 18:00 堂Di 阅读(271) 评论(0) 推荐(0)

分享几个生成loading图的网站

摘要：http://preloaders.net/en/sciencehttp://loadinggif.com/http://fgnass.github.com/spin.js/分享几个生成loading图的网站阅读全文

posted @ 2012-10-23 11:54 堂Di 阅读(486) 评论(0) 推荐(0)

标题（H1-H6）标签的使用原则【转】

摘要：标题（H1-H6）标签是指网页html 中对文本标题所进行的着重强调的一种标签，以标签、、到依此显示重要性的递减，制作标签的主要意义是告诉搜索引擎这个是一段文字的标题，起强调作用。网站优化时怎么使用标题（H1-H6）标签？ 1、使用、、、、来部分说明文本中谁是主，谁是次。 2、... 阅读全文

posted @ 2012-09-24 10:26 堂Di 阅读(434) 评论(0) 推荐(0)

掌握三点即可轻松打造出良好的交互设计效果

摘要：交互设计，表现出来的呈现方式可谓是多种多样，一些事不过你只要掌握好了以下三点的使用技巧，同样可能轻松打造出良好的交互设计效果。互联网的一些事一些事 1.响应一些事对即将产生交互内容的区域提供给操作者一种响应机制。 yixieshi 参考实例：http://glyde.... 阅读全文

posted @ 2012-03-30 10:12 堂Di 阅读(233) 评论(0) 推荐(0)

“HTML Validator”—— FireFox下的验证利器

摘要：今天去Impact H.bin那聊天说起这验证他给介绍了这个这下就不用去W3C的在线网页验证了~ Html Validator是Firefox的一个附加组件，Html Validator验证起来很方便。本地验证速度比W3C的在线网页要快很多，页面打开就能查看存在多少个问题。几处错误几处警告... 阅读全文

posted @ 2011-11-01 23:30 堂Di 阅读(383) 评论(0) 推荐(0)

浅谈web标准、可用性、可访问性

摘要：前言：大家不难发现，只要是招聘UED相关的岗位，如前端开发工程师、交互设计师、用户研究员甚至视觉设计师，一般都对web标准、可用性和可访问性的理解有要求。那么到底什么是web标准、可用性、可访问性呢？一、web标准简单的说，就是HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript等。阅读全文

posted @ 2011-11-01 15:23 堂Di 阅读(220) 评论(0) 推荐(0)

(译)理解“渐进增强(Progressive Enhancement)”

摘要：原文：Understanding Progressive Enhancement 作者：Aaron Gustafson 译者：空帷 @ Taobao UED 自 1994 年开始，Web 开发社群就擂起了名为“平稳退化 (Graceful Degradation)”的大鼓。这是一个从工程界... 阅读全文

posted @ 2011-11-01 15:12 堂Di 阅读(344) 评论(0) 推荐(0)