HTML5/CSS/Bootstrap - 随笔分类(第4页) - freeliver54

[转]Web性能监控自动化探索之路–初识WebPageTest

摘要：本文转自：http://www.webryan.net/2013/01/use-webpagetest-to-analyze-web-performance/无论是从Velocity 2012还是在web技术沙龙，亦或前端同学的学习月报里，相信大家对PageSpeed的概念和原理都有了一定的了解。那么下一步我们要做的就是，将PageSeed分析方法应用到我们日常的发布中去。包括两部分：1、发布系统上，提测之后，性能报告自动输出（主要针对内网环境，未发布）2、日常性能回归检查（主要针对外网环境，已发布）这里henry就不卖关子了，直接给出结论：通过WebPageTest可以满足我们需求。下面是得阅读全文

posted @ 2013-09-24 09:51 freeliver54 阅读(4332) 评论(0) 推荐(0) 编辑

[转]Speeding Up Websites With YSlow

摘要：本文转自：http://net.tutsplus.com/tutorials/other/speeding-up-websites-with-yslow/We all know there are countless reasons why web page load-times skyrocket, however, pinpointing the problem may be costly in both time and money. So why waste the effort when someone else—or something else—can do all the di 阅读全文

posted @ 2013-09-24 09:33 freeliver54 阅读(344) 评论(0) 推荐(0) 编辑

在线缩小png图片大小

摘要：http://tinypng.org/ 阅读全文

posted @ 2013-09-23 17:24 freeliver54 阅读(636) 评论(1) 推荐(0) 编辑

CSS-Sprite-Generator丨CSS雪碧在线生成器

摘要：http://cn.spritegen.website-performance.org/Css Sprite Tools实现背景图片整合http://www.onlinedown.net/softdown/100396_2.htmhttp://zhaochao.net/post/2012-11-17/40041114867http://css-sprit.es/ 阅读全文

posted @ 2013-09-23 17:16 freeliver54 阅读(677) 评论(1) 推荐(1) 编辑

[转]W3C 验证 there is no attribute target for this element

摘要：http://validator.w3.org/本文转自：http://hi.baidu.com/linkbestlove/item/d7fff865aefa5f0ba1cf0f04我们要在新窗口中打开链接通常的做法是在链接后面加target="_blank"，我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题，但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时，这个方法将通不过W3C的校验，会出现如下错误提示："there is no attribute target for this elem 阅读全文

posted @ 2013-09-16 10:55 freeliver54 阅读(398) 评论(1) 推荐(0) 编辑

[转]设置背景图自适应大小

摘要：转自：http://wyz.67ge.com/css-autosize-background-image/突然有人问我这个问题，说网上CSS filter的方法在非IE浏览器下不奏效。思考之后，问题之外让我感慨万千啊，很多我们所谓的难题，都会随着时代的发展迎刃而解，或被新的问题所取代。当CSS背景图片拉伸这个问题产生时，CSS3也只是浮云....对于IE而言网上常见的方法是使用CSS滤镜，但那时Firefox还小，Chrome还没出生，IE称霸天下....。但如今，我们用三四行简短的代码就能实现全浏览器兼容的方法：[css].bg{ background:url(http://wyz.67ge 阅读全文

posted @ 2013-08-21 14:39 freeliver54 阅读(714) 评论(0) 推荐(0) 编辑

IE Firefox Safari 下通过Div“隐藏”设置Accesskey的submit input

摘要：实现效果：进入页面后通过快捷键如Alt+C 调用相关的隐藏按钮实现功能操作正常情况下设置 button => input type="submit" accesskey="字母" 即可目前的需求是该快捷按钮需要隐藏简单的使用的Display:none Width="0px" 来隐藏按钮都不能兼容IE Firefox Safari所以通过变通方法通过div来包含“隐藏”相应的快捷按钮具体实例代码如下：通过快捷键a 来触发隐藏按钮的js事件弹出alert中间隐藏按钮阅读全文

posted @ 2013-07-22 17:41 freeliver54 阅读(569) 评论(0) 推荐(0) 编辑

[转]HTML accesskey 属性

摘要：本文转自：http://www.dreamdu.com/xhtml/attribute_accesskey/17.2. HTML accesskey 属性accesskey 属性 -- 代表链接的快捷键访问方式定义了accesskey的链接可以使用快捷键(ALT+字母)访问.主菜单与导航菜单使用accesskey,通常是不错的选择.取值:字母引用网址:http://www.dreamdu.com/xhtml/attribute_accesskey/示例(按住Alt键)点击键盘上的h按钮，再按回车(IE)就可以直接链接到HTML教程.HTML accesskey 属性示例 -- 可以尝试编辑HT 阅读全文

posted @ 2013-07-22 13:44 freeliver54 阅读(361) 评论(0) 推荐(0) 编辑

[转]div里table居中的问题 Div与body顶部间隙

摘要：本文转自：http://www.cnblogs.com/jinhui/archive/2008/09/24/1297729.html将div的text-align设为center，然后将table的margin设为auto，即：这样在几种浏览器中都可以实现居中Div与body页面顶部有间隙这是由于浏览器的CSS默认值造成的，一般的浏览器的HTML或BODY的margin-top默认值为10px左右，加上一句: body,html{ margin:0px; } 阅读全文

posted @ 2013-07-05 14:48 freeliver54 阅读(1919) 评论(0) 推荐(0) 编辑

摘要：' width="100" /> 阅读全文

posted @ 2013-07-05 10:06 freeliver54 阅读(152) 评论(0) 推荐(0) 编辑

[转]js页面跟随滚动条两侧漂浮广告

摘要：本文转自：http://www.noonenet.cn/newshtml/newsinfor/js-float-ad.html代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http 阅读全文

posted @ 2013-04-22 10:12 freeliver54 阅读(6397) 评论(1) 推荐(0) 编辑

[转]《精通css》笔记1：css选择器与优先级

摘要：本文转自：http://www.cnblogs.com/webmoon/archive/2012/12/02/2798183.htmlcss选择器一、基础选择器css基础选择器有标签选择器、类选择器、id选择器、通用选择器1.标签选择器每个html页面都由很多个标签组成，通过标签选择器可以对某类标签应用相应的样式，如对p标签应用下面的样式，则页面中所有的p标签都会生效1p{ font-size:12px; color:red; background:blue; }2.类选择器类选择器是css非常常用的选择器，在html中可以为某个标签增加class属性，如1<div class=&q 阅读全文

posted @ 2013-03-18 16:58 freeliver54 阅读(176) 评论(0) 推荐(0) 编辑

[转]XSL 语言

摘要：本文转自：http://bbs.itxyz.net/xsl/xsl_languages.asp.htm它起始于 XSL，结束于 XSLT、XPath 以及 XSL-FO。起始于 XSLXSL 指扩展样式表语言（EXtensible Stylesheet Language）。万维网联盟 (W3C) 开始发展 XSL 的原因是：存在着对于基于 XML 的样式表语言的需求。CSS = HTML 样式表HTML 使用预先定义的标签，标签的意义很容易被理解。HTML 元素中的 <table> 元素定义表格 - 并且浏览器清楚如何显示它。向 HTML 元素添加样式是很容易的。通过 CSS，很容阅读全文

posted @ 2013-03-18 16:13 freeliver54 阅读(194) 评论(0) 推荐(0) 编辑

[转][html5游戏开发]经典的推箱子

摘要：本文转自：http://blog.csdn.net/lufy_legend/article/details/8607933开言：lufylegend.js引擎已经更新到1.6以上了，虽然我陆陆续续发布了一些教程，也提供了一些简单的游戏示例，但是一直以来也没有制作几款完整的作品来，实在也是自己一个人时间太有限了，接下来的时间，我会尽可能的使用lufylegend.js引擎开发几款完整的作品，来增加一下这个引擎的说服力，希望喜欢html5，喜欢游戏开发的朋友多提些意见。这一次先来看一个经典的推箱子游戏，相信大家也都知道这款游戏，推箱子游戏最早源于日本，是一款极其锻炼逻辑思考能力的游戏，箱子只能推不阅读全文

posted @ 2013-03-01 11:33 freeliver54 阅读(753) 评论(1) 推荐(0) 编辑

[转]为什么有的网页打开图片是从上到下逐行打开，有的则是先显示低分辨率图片再逐渐加入细节？

摘要：本文转自：http://www.zhihu.com/question/19773824alswl，前端爱好者感谢@吴亚桐回答给我找到线索，感谢提问者的好问题，我为这个问题曾经困惑了多年。这种渐进式载入方法容易和其他渐进式载入混淆。我这里小总结一下几种渐进式载入办法。 js延迟载入，当浏览器滚动条拉到下面时候才显示出图片，参考http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/ 使用两张一大一小照片，小的先显示，等大图片完全下载好之后再载入。参考 http://blog.rexsong.com/?p=929 图片渐进阅读全文

posted @ 2012-12-24 14:54 freeliver54 阅读(2109) 评论(0) 推荐(0) 编辑

[转]javascript图片放大效果

摘要：本文转自：http://www.cnblogs.com/sohighthesky/archive/2009/11/15/imagezoom.html类似京东的商品展示效果，先查看演示示例1.图片和放大使用不同的图片，并指定显示的方位（大小图片要比例相同）也可以指定放大倍数（相对于小图片计算） new imageZoom("img1",{//mul:6,//指定放大的倍数viewerPos:{h:-10},//显示到指定位置(默认值为：{h:10,v:0})，h:-10表示左边偏移10像素onShow:function() {document.title="show 阅读全文

posted @ 2012-11-20 11:28 freeliver54 阅读(365) 评论(1) 推荐(0) 编辑

[转]UED大全

摘要：http://www.baiduux.com/百度UFOhttp://ued.sohu.com/搜狐UEDhttp://ued.taobao.com/淘宝UEDhttp://www.ued163.com/网易UEDhttp://www.uedblog.com/YAHOO!CNUEDhttp://ued.ctrip.com/携程UEDhttp://fed.renren.com/人人网FEDhttp://cdc.tencent.com/腾讯CDChttp://isd.tencent.com/腾讯ISDhttp://www.sndaued.com/盛大UEDhttp://ued.koubei.com 阅读全文

posted @ 2012-10-25 16:20 freeliver54 阅读(384) 评论(0) 推荐(0) 编辑

[转]html5之Canvas坐标变换应用-时钟实例

摘要：本文转自：http://www.cnblogs.com/whitewolf/archive/2011/03/02/1969398.html在上一篇中我们了解html5的Canvas ，在这一篇中不用多说，写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及html5 Canvas的路径绘图，beginPath，closePath，rect，arc等，还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制，save，restore。多的也不说了，直接上代码，有不解的欢迎提问，以及对我的建议指教都可以，。ff下效阅读全文

posted @ 2012-02-08 16:34 freeliver54 阅读(353) 评论(0) 推荐(0) 编辑

[转]HTML5设计原理 Jeremy Keith在 Fronteers 2010 上的主题演讲

摘要：今天我想跟大家谈一谈HTML5的设计。主要分两个方面：一方面，当然了，就是HTML5。我可以站在这儿只讲HTML5，但我并不打算这样做，因为如果你想了解HTML5的话，你可以Google，可以看书，甚至可以看规范。实际上，确实有人会谈到规范的内容。史蒂夫·福克纳（Steve Faulkner）会讲HTML5与可访问性。而保罗·艾里什（Paul Irish）则会讲HTML5提供的各种API。因此，我今天站在这里，不会光讲一讲HTML5就算完事了。说老实话，在正式开始之前，我想先交待清楚我所说的HTML5到底是什么意思。这话听起来有点搞笑：这会子你一直在说HTML5，难道我阅读全文

posted @ 2011-12-03 17:34 freeliver54 阅读(285) 评论(0) 推荐(0) 编辑

[转] HTML 5 Intellisense for Visual Studio 2010 and 2008

摘要：http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d/ 阅读全文

posted @ 2011-05-28 14:29 freeliver54 阅读(335) 评论(2) 推荐(0) 编辑

Love in coding...

随笔分类 - HTML5/CSS/Bootstrap