焦秋野 | 关注网站设计

未来的技术展望

在这个片子里，我们似乎看到了未来科技的发展方向，确切地说是作者对触屏技术在未来应用中的一个憧憬。

在那时，计算机将脱离原来的笨重主机介质，而使用者可以轻而易举的从各种地方获取所需要的信息，交互更强，

通过声音输入，同步翻译，解决了不同语言之间的交流问题，大家合作更加愉快。可是我还有点小小的担忧，习惯了

一个鼠标操作的我们，那是会不会因为两个手滑来滑去而感到疲惫？或许那时我们会进化成章鱼~呵呵

css口诀

今天标准之路的一个交流群一个朋友发了一个这样的口诀，我感觉很好，发出来分享~

在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？

　　一、IE边框若显若无，须注意，定是高度设置已忘记；

　　二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；

　　三、三像素文本慢移不必慌，高度设置帮你忙；

　　四、兼容各个浏览须注意，默认设置行高可能是杀手；

　　五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；

　　六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。

　　七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。

　　八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。

　　九、IE浮动双边距，请用display：inline拘。

　　十、列表横向排版，列表代码须紧靠，空隙自消须铭记。

微软将在欧洲执行浏览器可选方案，何时来中国？

2月20日消息，据国外媒体报道，微软周五宣布，从下周起，将陆续在欧洲各国执行浏览器可选方案。

2007年12月，Opera针对微软在Windows中捆绑IE的行为向欧盟投诉。2009年1月，欧盟对微软提起正式指控。

为避免遭受新一轮的制裁，微软7月向欧盟妥协，同意在Windows 7中捆绑IE浏览器的同时，还提供其他浏览器安装选项。

12月，欧盟批准了微软的修改建议。根据该建议，用户可以选择安装Firefox、Safari、Chrome、Opera或IE 8作为主浏览器，而这些浏览器的排列顺序是随机的。

从下周开始，微软将率先在英国、比利时和法国实施该方案，而3月1日后将逐渐推广到其它欧洲国家。

CSS书写标准及最佳实践

CSS用来定义网站的用户界面，并实现页面展现与内容的分离。CSS在几乎所有的网站都会用到，下面让我们花些精力来确保你的CSS书写的是否标准、合理。这些提示对CSS初学者同样会有很大的帮助。

1. 样式表索引样式表头部索引定义可以帮助你和其它人弄清楚该样式表文件的相关信息，它一般是一段格式化的CSS注释文本。
   • 给出该css文件作者的相关信息
   • 定义站点的布局（几栏，静态布局/动态布局）
   • 记录文件版本号（利于多作者协作及将来更新）
   样式表索引  Read the rest of this entry »

FireFox的24个web开发插件

对于前端开发工程师来说，基于Firefox丰富的Web开发辅助插件无疑就是最好的利器。下面就与大家分享24款武装Firefox的Web开发插件。

1.  Web Developer 1.1.8

https://addons.mozilla.org/en-US/firefox/addon/60
以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息，使我们进一步的了解当 前所浏览的网页。
说明：超强的web分析工具，开发人员必装。通常用他查看页面的源代码。

2.  Firebug 1.5.0

https://addons.mozilla.org/en-US/firefox/addon/1843
Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等，但FireBug最吸引我的就是javascript调试 功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari），简直难以置信。除此之外，其他功能还很强大。比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具。
说明：查看，编辑，Debug页面的CSS,HTML,JavaScript。超强的开发调试的工具，开发人员必装。我用firefox完全是因为这个插件，十分强大。

Read the rest of this entry »

6种看网站权重的方法

如何看网站的权重：网站权重应该如何查看呢，很多人都有这样的疑问。SEO论坛中也冲刺着不同的判断标准，今天向大家分享一下我自己分析网站权重的6种方法。 

    1.看PR值。PR值是网站权重最最直接的表现形式，不过并不是唯一标准。

    2.看收录。权重是需要累积的，收录量大，说明很多文章经过时间的累积而被收录了，权重也会相应提升。

    3.看更新。看SE的快照更新速度，如果更新周期太长，说明SE对该站并不十分重视，权重也相应偏低。

    4.看外链。多且好的外链对网站的权重影响重大，看外链要看数量，同时要看质量。

    5.看排名。我们知道权重高的网站，其关键词排名一般较好，因此，反过来，假如主词排名有优势，也可从这个点说明该站权重向好；抽样查询该站关键词排名情况，也是验证网站权重的一个方法。

    6.看域名。一般情况下，域名时间长的网站，经过了时间的沉淀权重也会随着积累。

PHP优化

我们在编写程序时，总是想要使自己的程序占用资源最小，运行速度更快，代码量更少。往往我们在追求这些的同时却失去了很多东西。下面我想讲讲我对PHP优化的理解。优化的目的是花最少的代价换来最快的运行速度与最容易维护的代码。
进行大范围的优化，而不是死啃某些程序代码
我这里所说的优化，基本上都是从服务器，Apache,数据库这些方面来进行的优化，而并不是对你的PHP代码加以改进从而提高程序的运行速度，因为比起你将程序中的正则优化为字符串处理函数从而提升程序速度来说，在大范围内进行的优化所需要的代价要比这个小的多，而获得报酬却要丰厚的多。
在非代码处进行优化有以下好处,通常情况下能够大大提高效率, 不会危及到代码的完整性,能够快速部署.
缓存技术
Read the rest of this entry »

推荐一些所谓的CSS的“顶级”技巧

在一行内声明CSS对比下面两个：
h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}
h2 {
　　font-size:18px;
　　border:1px solid blue;
　　color:#000;
　　background-color:#FFF;
　　}
第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。
以前我也是写成类似第二种方式，但是逐渐发现就像文章说的一样，没多大用。一行看起来又爽快又省地方还能让文件更小。

Read the rest of this entry »