随笔档案「2012年7月」 - 脉凌网络

跨浏览器兼容性检查的最佳工具

摘要：跨浏览器测试是网站设计和开发过程中不可或缺的重要组成部分。这不是一件容易的事。现在有那么多的操作系统和浏览器可在网上，如果没有专业的测试工具一个个的测试会是非常麻烦的。即使如此，你不能跳过这个过程，通过测试你可以发现你网站存在的问题。不是专业的测试人员，不会对测试这个东西很重视，因为他们不知道一个网站在不同浏览器当中的效果不同，在IE能正常打开，在火狐下面就有错位可能。因此，要确保网站运行良好，至少要做到兼容谷歌，火狐，ie，至于浏览器测试而言，你可以从网上下载很多。今天就给大家推荐一些免费的又好用的测试兼容性的工具。browsershots BrowserLabbrowseraExpress 阅读全文

posted @ 2012-07-31 12:29 脉凌网络阅读(286) 评论(0) 推荐(0)

解析网页头部的Meta

摘要：meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似网页中meta标签的使用，关键字下面这段的html代码： <head> <meta http-equiv="content-Type" content="text/html; charset=gb2312" /> </head> 也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。meta标签的组成 meta标签共有两个属性，它们分阅读全文

posted @ 2012-07-27 09:29 脉凌网络阅读(718) 评论(0) 推荐(2)

zen-Coding在Notepad++中的使用

摘要：zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，如UltraEdit，Notepad++等。zen-Conding下载地址：http://code.google.com/p/zen-coding/downloads/list(进入下载页，选择相应的编辑器插件下载)一、Notepad++安装zen-Coding1.下载zen-Coding的Notepad++插件;(zen-Coding for Notepad++)2.解压后将压缩包中的文件放入阅读全文

posted @ 2012-07-26 17:23 脉凌网络阅读(443) 评论(0) 推荐(0)

页面模块的常用命名

摘要：以下为页面模块的常用命名：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll小技巧：tips 阅读全文

posted @ 2012-07-24 08:48 脉凌网络阅读(500) 评论(0) 推荐(0)

IE的双倍边距BUG

摘要：如果某条边与浮动方向同向，则向该边上的浮动框应用边距时，在IE6下边距会增加一倍。这时我们可以考虑使用hack来解决！HTML代码：<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>解决IE6下双倍边距的BUG</title><style type="text/css">body{margin:0; padding:0} 阅读全文

posted @ 2012-07-23 12:36 脉凌网络阅读(397) 评论(1) 推荐(0)

2012五大主流浏览器HTML5 和CSS3兼容性大比拼

摘要：2012年浏览器领域的竞争有增无减，Firefox 成为新的“版本帝”但依然未能摆脱被 Chrome 超越的命运，支持更多标准的 IE10 将随着 Windows 8 在10月底正式发布，淡定的 Opera 也在上个月发布了新版本，国内的各大浏览器厂商更是掀起一轮又一轮的HTML5跑分竞赛。浏览器厂商的竞争促使各大浏览器对HTML5和CSS3的支持越来越完善，下面的图表列出了 IE，Chrome，Firefox， Safari，Opera 五大主流浏览器，在 Mac 和 Windows 两个平台，对 HTML5 和 CSS3 各种特性最新的支持情况的详细清单（个别数据可能有误，大家可以通过ca 阅读全文

posted @ 2012-07-22 10:53 脉凌网络阅读(496) 评论(0) 推荐(0)

CSS 颜色代码

摘要：css颜色代码大全：（网页设计师和平面设计师常用）现在给大家献上颜色对照码：FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000#CC0000#AA0000#880000#FFC8B4#FFA488#FF7744#FF5511#E63F00#C63300#A42D00#FFDDAA#FFBB66#FFAA33#FF8800#EE7700#CC6600#BB5500#FFEE99#FFDD55#FFC 阅读全文

posted @ 2012-07-20 09:26 脉凌网络阅读(614) 评论(0) 推荐(1)

Web前端：11个让你代码整洁的原则

摘要：写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片：上图展示了两段代码，我想大家都只会喜欢第一种，我们先不说其语义，至少他的结构让我们看上去清爽，而第二种呢？一看就是糟糕的代码的代码，让人讨厌的代码。那么要怎么样才能写出一个好的代码，整洁的代码呢？下面我们就从以下十二个方面一起来学习，只要大家以后在写代码的时候能坚持下面的十二个原则，保准你的代码质量能上去，阅读全文

posted @ 2012-07-16 11:01 脉凌网络阅读(898) 评论(6) 推荐(3)

用纯CSS实现三列DIV等高布局的方法

摘要：散列等高<body><div id="wrap"> <div id="left"> <p style="height:500px">style="height:500px"</p> </div> <div id="center"> <p style="height:600px">style="height:600px"</p> </div> 阅读全文

posted @ 2012-07-15 17:45 脉凌网络阅读(553) 评论(1) 推荐(0)

聊聊网页中的平面构成

摘要：什么东西都离不开基础，建房子需要地基，解方程式需要先学会乘法表，唱歌需要先会“哆、来、咪”。页面设计也同样需要基础，这个基础就是平面构成。网页设计风格种多样，除去一些场景化设计和给力的素材支持，剩下的就全靠平面构成和排版了。刚开始接触网页设计的时候，常常会钻到某个局部中去，页面风格还没出现，就开始做字体细节，结果可想而知咯。经过一段时间的学习和实践，发现原来做网页跟绘画是一样，先把内容和想法都丢上去，排布出整体风格（这里就需要的是平面构成排版能力啦），然后再慢慢细化各部分内容。一、基础中的基础：点、线、面点构成线，线构成面，这些是平面构成中的基本要素，也是所有平面设计的基本要素。那么将这些基阅读全文

posted @ 2012-07-13 15:04 脉凌网络阅读(439) 评论(0) 推荐(0)

9款别出心裁的jQuery插件

摘要：jQuery插件开发正在以惊人的速度快速增长，因其强大且易用的jQuery框架，使得我们的工作变得更加轻松！除了jQuery，还有 Flash，HTML5/CSS3以及一些强大的Web浏览器的支持，可以说JavaScript已经打造了交互式网站设计的一片艳阳天。在这篇文章中，我们收集了9款强大的jQuery插件，希望对你有所帮助。1.jSignaturejSignature是一款JavaScript小部件（jQuery插件），你可以利用鼠标、手写笔或手指在浏览器中绘制签名。2.Scoll Effects很酷的CSS3滚动效果。3.SigmaJSSigmaJS是一款开源的轻量级JavaScri 阅读全文

posted @ 2012-07-12 09:59 脉凌网络阅读(791) 评论(0) 推荐(0)

30个高质量的免费jQuery滑块PSD文件

摘要：在今天的网站上你看到90％的网站都有一个jquery图片滑动效果。它们大都应用在一个简单的博客，企业站，大型门户完整，他们都有主页上的jquery滑块。这样做的目的有助于提高用户体验，尤其是在那些摄影网站，今天我为你提供30个高品质的免费jquery滑块PSD文件。1.烟囱图像滑块的PSD这是一个时尚的图形图像滑块，图形，半透明的前进/后退和各种有吸引力的进展按钮。这是一个简单和吸引人的设计2.优雅的照片滑块3.为您的网站的滑盖设计这是一个滑盖设计，您可以编写，并使用它在你未来的网页设计，有一个干净的布局，精心组织，最小的和具有现代气息的设计简单。4.黑暗的内容滑块5.现代Web滑块6.暗滑块阅读全文

posted @ 2012-07-11 10:23 脉凌网络阅读(555) 评论(0) 推荐(1)

华夏名网Discuz虚拟主机论坛空间推荐

摘要：华夏名网第7代Discuz虚拟主机<- 利用 Discuz! 站长能够在最短的时间内，花费最低的费用，采用最少的人力，架设一个性能优异、功能全面、安全稳定的社区论坛平台。华夏名网Linux主机完美支持discuz伪静态，支持一键快速安装。您还在用windows主机？Discuz专用linux主机来了！免费预装最新版Discuz程序！虚拟主机支持子目录绑定（子站点），流量统计，精确访问日志。高速web服务器引擎（httpd）超越普通服务器10倍速度特殊调整的MYSQL，让您获得更多并发数据库连接。伪静态全面支持完美php5+mysql5。品质功能全面超越官方主机，您想到的我们能做到。资深阅读全文

posted @ 2012-07-10 15:00 脉凌网络阅读(230) 评论(0) 推荐(0)

最常用的100个ClassName集合

摘要：about关于account账户action操作ad,advertisment广告arrow箭头图标article文章aside边栏audio音频avatar头像background背景banner条幅，广告bar条branding品牌化breadcrumbs面包屑button按钮caption标题，说明category分类chart图表clearfix清除浮动close关闭column列comment评论community社区container容器content内容copyright版权current当前态，选中态default默认description描述details细节disabled 阅读全文

posted @ 2012-07-09 10:23 脉凌网络阅读(622) 评论(0) 推荐(1)

ASP+AJAX+ACCESS数据库实例讲解

摘要：其实说起AJAX的初级应用是非常简单的，通俗的说就是客户端(javascript)与服务端(asp或php等)脚本语言的数据交互。看完本篇ajax实例教程，我相信你也可以轻松做出一个初级的AJAX应用。你也可以直接访问：http://www.alixixi.com/Dev/web/ajax/jiaocheng.html预览此篇ajax教程的源码示例。好，下面我们就始一步步让你了解AJAX+ASP基础应用，我们将分三步讲解，如下。1. 前台AJAX代码（javascript）的创建。2. 后台服务端ASP AJAX代码的编写。3. ASP+AJAX+数据库的实例演示及讲解。第一步：前台AJAX代阅读全文

posted @ 2012-07-08 10:21 脉凌网络阅读(1052) 评论(1) 推荐(1)

js中prototype用法

摘要：prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解：首先，我们要先了解一下类的概念，JavaScript 本身是一种面向对象的语言，它所涉及的元素根据其属性的不同都依附于某一个特定的类。我们所常见的类包括：数组变量(Array)、逻辑变量(Boolean)、日期变量(Date)、结构变量(Function)、数值变量(Number)、对象变量(Object)、字符串变量(String) 等，而相关的类的方法，也是程序员经常用到的. 阅读全文

posted @ 2012-07-05 09:39 脉凌网络阅读(534) 评论(1) 推荐(0)

同步异步动态引入js文件的几种方法

摘要：动态加载js文件有时候我们需要根据参数不同来引入不同的js文件，用html直接写标签满足不了我们的需求，总结几种方法，以及同步异步加载的各种需求一.直接加载<div id="divId"></div><script>一.异步加载，并发执行，但引入js内容不能直接使用//1.1 直接document.write document.write("<script src='test.js'><\/script>"); //1.2 动态改变已有script的src属性 //页面中有< 阅读全文

posted @ 2012-07-04 10:47 脉凌网络阅读(1472) 评论(0) 推荐(0)

6 个超酷的 3D 特效网站设计

摘要：作为独特的网站设计风格，使用3D特效设计的网站会带给访问者超酷的视觉冲击，今天本文将介绍最近收集的8个超酷的3D网站设计，希望带给大家灵感！1.愤怒的小鸟workspace绝对有趣的3D网站设计，你可以看到一个随机的小鸟会跟随页面滚动而移动。2. The Story of SendGoogle的一个超酷的3D特效，你可以看到一个运动的Gmail图标跟随着导线传递，相当有创意的网站特效。3. 2Brand一个带有滚动特效的3D首页，你可以看到漂浮的云和气泡。4. The Amazing Spider-Man蜘蛛人游戏的网站，非常漂亮的3D动画和展示。5. Pneuservis Praha a a 阅读全文

posted @ 2012-07-03 09:31 脉凌网络阅读(416) 评论(0) 推荐(0)

CSS实现文本高度不定的垂直居中方案

摘要：这种方式主要是针对文本高度不确定度情况，可能是一行或多行文本。实现方式分两种情况，第一种是古董浏览器，IE6/7，第二种是现代浏览器IE8/9/FF/Chrome等。IE6/7需要三个元素层：外层是包裹层，也可以当为模块层，必要属性是position/height，中间层是偏移层，必要属性是position/top:50%，内层是文本层，必要属性是position/top:-50%。设置top一正一负刚好抵消偏移，保证文本层始终在中间。IE8/9/FF/Chrome不需要那么麻烦，只需要两个层，外层同样是包裹层，必要属性：display:table，内层是文本层，可直接包含文本，必要属性：di 阅读全文

posted @ 2012-07-02 11:48 脉凌网络阅读(441) 评论(0) 推荐(1)

脉凌网络

07 2012 档案