随笔分类 - html5
html5
摘要：原文链接：http://caibaojian.com/html5-audio.html HTML5中的新元素标签 这些属性和<video>元素标签的属性很类似 如何工作 同样 <audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的：· 常用的控制函数： 只读的
阅读全文
摘要：HTML中的下拉列表： Html代码 <select> <option value ="1">Volvo</option> <option value ="2">Saab</option> <option value="3">Opel</option> <option value="4">Audi<
阅读全文
摘要：本例来自于《HTML5 Canvas核心技术 图形、动画与游戏开发》 在线演示 （图有点多，请多刷新几次） 本例还有一点代码不理解，我用注释和问号标注出来了，有大神看到求解答，谢谢 本例子难点主要在通过当前的FPS计算图像下一帧的显示坐标，这也是我不理解的地方 还有就是requestAnimatio
阅读全文
摘要：实现思路：1、需要有一个层将body遮住，放在body上方。2、修改body的overflow属性值为：hidden废话不多说了，将关键代码贴出来了，兼容火狐，谷歌，ie遮罩层的样式代码，红色部分是关键的部分复制代码代码如下:.cover {position:fixed; top: 0px; rig...
阅读全文
摘要：http://docs.emmet.io/cheat-sheet/
阅读全文
摘要：mmet DocumentationSyntaxChild: >nav>ul>li Sibling: +div+p+bq Climb-up: ^div+div>p>span+em^bq div+div>p>span+em^^bq Grouping: （）div>（header>u...
阅读全文
摘要：http://www.cnsecer.com/460.html安装Sublime Text 3插件的方法：朋友们，小站活着不容易，全靠广告费养着了，如果本文对你有帮助。麻烦动下手点下页面的广告吧，谢谢！直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录...
阅读全文
摘要：因为开始做web项目，所以最近在用sublime编辑器，知道了一个传说中的emmet，原名是zen coding。html神插件可以说是。文章部分内容转自http://www.cnblogs.com/meetrice/archive/2013/01/27/2878548.html在sublime 中...
阅读全文
摘要：作者：Lucida微博：@peng_gong豆瓣：@figure9博客园：@figure9原文链接：http://zh.lucida.me/blog/sublime-text-complete-guide/博客园链接：http://www.cnblogs.com/figure9/p/sublime-...
阅读全文
摘要：http://beforweb.com/node/6/page/0/3开始第一篇。老规矩，先无聊的谈论天气一类的话题。十一长假，天气也终于开始有些秋天的味道，坐在屋里甚至觉得需要热咖啡。话说两年前也是在国庆假期里开始做Joomla文档翻译的；长假好时光，总会可以抽出一两天，安静的窝在家里做做博客、学...
阅读全文
摘要：做 过wap站、做过siteApp、做过第三方，也做过独立APP，现在又做了个自适应的模板。所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。就是输入本站域名，手机、平板、PC端显示的效果不同的，但是 URL确是...
阅读全文
摘要：http://www.w3cschool.cc/bootstrap/bootstrap-modal-plugin.htmlBootstrap模态框（Modal）插件模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供...
阅读全文
摘要：现在很流行微信网页小游戏，用html5制作的小游戏移过来，可以放到微信浏览器中打开，关键是可以做成微信分享朋友圈的形式，大大提高游戏的传播，增强好友的游戏互动。微信浏览器中打开网页游戏效果还不错，对手机要求不高，而且微信网页游戏不用考虑手机兼容性问题，采用html5，而且大部分手机浏览器，特别是微信...
阅读全文
摘要：http://www.blueidea.com/download/product/2010/7513.asp#comment1.从头到尾对一遍>，不懂的地方可以暂时掠过，给自己对javascript有一个大体的印象2.认认真真的读完这本书：>，从编码规范，技巧，模式，等各个方面深入体会javascr...
阅读全文
摘要：Axure RP Pro专为Rapid Prototype Design而生，它可以辅助产品经理快速设计完整的产品原型，并结合批注、说明以及流程图、框架图等元素将产品完整地表述给各方面设计人员，如UI、UE等等，并在讨论中不断完善。作为办公自动化辅助工具，Axure RP Pro更适合Web Pro...
阅读全文
摘要：DIV模拟select下拉菜单 sort buy: 1 2 3 View: 1 2 3 复制代码
阅读全文
摘要：ctrl+t:自由变换ctrl+shift+t:再次变换ctrl+shift+alt+t：复制一次，再次变换。
阅读全文
摘要：快速恢复默认值 有些不擅长Photoshop的朋友为了调整出满意的效果真是几经周折，结果发现还是原来的默认效果最好，这下傻了眼，后悔不该当初呀！怎么恢复到默认值呀？试着轻轻点按选项栏上的工具图标，然后从上下文菜单中选取“复位工具”或者“复位所有工具”。1、 单独常用的快捷键。 ESC取...
阅读全文
摘要：JetBrains WebStorm 7.0 Build 131.202 (Win/Mac/Liniux) | 121.6/106/133 MbWebStorm 7 — Everything you need, at your fingertips, without compromise. WebStorm 7 provides new tools to keep up with the latest and greatest web development innovations, helping you get more out of new technologies every day.
阅读全文
摘要：1.谷歌Google Web Designerhttps://www.google.com/webdesigner/这个工具不能在xp上运行，可以在win7 win8上运行http://www.portablesoft.org/google-web-designer/2.Adobe Edge Animate这个工具不能在xp上运行，可以在win7 win8上运行http://www.portablesoft.org/adobe-edge-animate/3.TopStylehttp://www.portablesoft.org/topstyle/
阅读全文
