background preloader

Activating Browser Modes with Doctype

Activating Browser Modes with Doctype
In order to deal both with content written according to Web standards and with content written according to legacy practices that were prevalent in the late 1990s, today’s Web browsers implement various engine modes. This document explains what those modes are and how they are triggered. Summary for the Impatient The main conclusion to draw from this article is that you should start all your HTML documents (i.e. anything that gets served as text/html ) with <!DOCTYPE html> as the first thing in the source. If you want to take extra care to make sure that users of IE8, IE9 or IE10 cannot press a button that makes your site regress as if it was being viewed in IE7, either configure your server to send the HTTP header X-UA-Compatible: IE=Edge for text/html or put <meta http-equiv="X-UA-Compatible" content="IE=Edge"> in the head of your HTML documents (before any scripts). The Scope of This Document The Modes Here are the various modes: Common Modes for text/html Content Quirks Mode Chrome Quirks

Notepad++ Explorer vs Light Explorer 15 Sep 2009 The Notepad++ Plugins directory offers two different “File Explorer” plugins, with very little detail on what makes them different. The difference between the two is very significant, and one should be used over the other in almost all scenarios. The “Light Explorer” plugin claims that it’s “[light] not only in weight but also in speed.” This plugin is very bare bones, the extent to what you can do with it is browse, delete, rename, and assign ‘Favorite’ folders. Light Explorer 2.0 Download Light Explorer (2.0) The second option is simply called “Explorer”. The ‘Filter’ box at the bottom makes it easy to find only certain types of files, or quickly find one file in a large listing. Explorer 1.8.2 Download Explorer (1.8.2)

Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs inShare33 The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. This isn't one of those rants about IE6 or a campaign to try to kill it. I've scoured the web for resources and also included some of my own fixes for IE6 and now I've put it all together in this cheatsheet/reference manual as a resource for anyone who has to deal with Internet Explorer 6. This massive IE6 guide took a while to put together, so bookmark it, share it, tweet it, and use it to save yourself and your coworkers hours of screaming at your monitor and banging your head against your desk or other inanimate objects. Update: Yann Faurie has graciously provided a French translation of this article. Table Of Contents Strategies Before addressing IE6-specific bugs and fixes, it's important to first visit some strategies that will help minimize the occurence of troublesome issues. Contents | Top IE6 Market Share Plan Your Design and Keep It Simple Use A Correct Doctype HTML 4.01 Strict A Simple Reset

读书札记:Fiddler--中文版(本人自己汉化的)下载 - 慕容听雨工作室 - ctfysj - 和讯博客 五种必会软件: SubSonic CodeSmith Professional 4.1 HttpWatch Professional IE Developer Toolbar Fiddler 是一个web调试代理。 微软的Fiddler 包含一个简单却功能强大的基于JScript .NET 事件脚本子系统,他非常灵活性非常棒,可以支持众多的http调试任务。 Fiddler支持断点调试概念,当你在软件的菜单—rules—automatic breakpoints选项选择beforerequest,或者当这些请求或响应属性能够跟目标的标准相匹配,Fiddler就能够暂停Http通讯, 情切允许修改请求和响应。 用户可以加入一个Inspector插件对象,来使用.net下的任何语言来编写Fiddler扩展。 通过显示所有的Http通讯,Fiddler可以轻松的演示哪些用来生成一个页面,通过统计页面(就是Fiddler左边的那个大框)用户可以很轻松的使用多选,来得到一个WEB页面的“总重量”(页面文件以及相关js,css等)你也可以很轻松得看到你请求的某个页面,总共请求了多少次,以及多少字节被转化了。 另外,通过暴露HTTP头,用户可以看见哪些页面被允许在客户端或者是代理端进行缓存。 Fiddler是Donnet编写的,目前网上没有中文版,于是自己想汉化这个软件,汉化过程遇到很多困难,终于完成,如果有些汉化不准确的,请大家多多包涵,并提出汉化意见,我会为大家及时汉化更新,下面就贴张效果图。 下载地址:Fiddler中文版 其他资源 Fiddler的使用方法介绍 Fiddler:Web调试代理 监视所有HTTP 请求和响应的工具Fiddler工具介绍(分享) Fiddler工具使用说明

Firefox 4: HTML5 Forms Firefox 4 will come with better support for HTML5 forms. In the latest beta we are experimenting with a set of new features: more inputs types (email, url, tel, search), new attributes (placeholder, autofocus, list), decoupled forms and different validation mechanisms. This is thanks mostly to the hard work of Mounir Lamouri. Some examples will work in other browsers, but you’ll need Firefox 4 beta to see all of them. New input field types In the same fashion as new HTML5 elements, we have new field types to better express what kind of input we want. In this beta, Firefox comes with four new kind of inputs : Of the four new input types, url and email will also validate their content. We also have support for a new kind of field: You can use this element to represent an area of the page that reacts to the interaction with a form. Text fields have been improved with <datalist> support. New input attributes Autofocus When you add this to a field, it will receive focus as soon as possible. url

为NotePad++添加function list功能,针对PHP function的喔..亲.. | Anshao微博客 NotePad++是什么地球人都知道了..很不错的东东喔…俺是ubuntu下VIM(装XX用的..呵呵)…WIN下NotePad++(写写代码用的…)…之前还一直不知道可以有function list功能…然后就上网搜了一下插件…嘿嘿…方便多了…插件一下就出来了..就是用到下面这个插件了…插件下载….下载完成之后..解压..里面有一个dll文件..和一个config文件夹…都是重要东西哈.. 首先..先将解压出来的FunctionList.dll放到NotePad++安装目录下… 然后..将解压后的config文件夹里面的两个文件(c++.flb和FunctionListRules.xml)复制到插件配置信息目录..我是WIN7 64Bit 系统..我就放到这里了…C:\Users\anshao\AppData\Roaming\Notepad++\plugins\config\…自己找找看吧… 最后就是修改一下规则咯..由于是针对PHP的…所以只要修改针对PHP的规则就OK了…看代码哈.. (1)先打开FunctionListRules.xml文件.然后搜索下面一段文字: (2)然后用下面代码覆盖</Language>标记前的内容..记住要覆盖对喔…(原文请看这里) (3)然后就是重启NotePad++,然后快捷键Alt+Shift+Ctrl+L启动Function List 功能啦… FunctionList插件效果

CSS3 PIE: CSS3 decorations for IE PHP会被淘汰吗?(下) - 朱崴 LAMP体系是以Linux, apache, mysql, php为基础的web开发体系。当然也可以用 python, perl, ruby, javascript等语言来代替php。其实,从更广泛的定义来说,LAMP中的P应该定义为 Programming Language更合适一些。因为任何语言其实都可以在LAMP体系下运转的很好。 动态语言取代静态语言已经是大势所趋,Ruby的优雅,JS的灵活我都非常喜欢。 对于一个非计算机专业的朋友,想要进入互联网行业,不管是工作还是淘金,那PHP一定是首选,简单,快速,高效,直接。 有些时候我总是会在浏览论坛的时候发现一些所谓的资深程序员攻击PHP。 虽然我身处IT业,但是我从来没有认为我必须靠写程序为生(我不是富二代)。 最近三年我最尊敬的几个网站:美团网(www.meituan.com),百姓网(www.baixing.com),新浪微博(weibo.com),淘宝网(www.taobao.com),大家可以去分析一下他们的技术。 如果大家还是对PHP有什么不认可的话,那我这里还有一堆例子 www.fandongxi.com, www.meilishuo.com, www.fanfou.com, www.fanfan.com, www.diandian.com, www.tuita.com, t.qq.com ... 最后为我的机构做一下宣传 www.xinpuit.com 新普IT教育,如果你想成为一个带有一点点理想主义气质的IT精英,那么请来听一听。 新普IT教育 版权所有 转载请注明出处

Related: