webdev
关注
分享
扫一扫
文章平均质量分 83
bluedusk
交流才能进步
展开
-
Javascript Console用法
javascript consoleconsole.log(object[, object, ...])在控制台输出一条消息。如果有多个参数，输出时会用空格隔开这些参数。第一个参数可以是一个包含格式化占位符输出的字符串，例如：console.log("The %s jumped over %d tall buildings", animal, count);...原创 2012-03-20 21:31:45 · 315 阅读 · 0 评论 -
JavaScript,5种调用函数的方法
JavaScript,5种调用函数的方法这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助!一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性, 当我们选择面对它的时候,这将...原创 2009-03-11 11:36:25 · 147 阅读 · 0 评论 -
CSS Reset 方法总结
在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不同的解释和呈现。 当今流行的浏览器(如:Firefox、Ope...原创 2009-03-11 11:23:22 · 138 阅读 · 0 评论 -
整理及优化CSS代码的7个原则
本文英文原文 作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascript对网站用户体验的强化，使得这种现象越来越普遍，尤其是对于大型网站来说，仅仅一个...原创 2009-03-11 11:20:48 · 245 阅读 · 0 评论 -
CSS代码的命名惯例
CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素，来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。 CSS类命名的语义化VS结构化方式 一般而言，CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的”用意”，独立于它的”定位”或确切的特性(结构化方式)。像left-bar, red-text, small-t...原创 2009-03-11 11:17:13 · 208 阅读 · 0 评论 -
使用CSS完美实现垂直居中的方法
使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题，作为网页设计师或前端开发工程师，这个垂直居中问题也是必须掌握的技巧之一，一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法，该方法是由aka Yuhů发明的，这个方法也是目前暴风彬彬觉得最完美最简洁的CSS垂直居中实现方法。下面来看看暴风彬彬曾经总结的笔记，大家有不同...原创 2009-03-11 11:15:16 · 137 阅读 · 0 评论 -
10个CSS简写技巧让你永远受用
CSS简写就是指将多行的CSS属性声明化成一行，又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小，其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候，你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。 今天，暴风彬彬整理了一些CSS简写技巧，它们其实是CSS最常用的写法，但是太多的人使用Dreamweaver...原创 2009-03-11 11:13:52 · 174 阅读 · 0 评论 -
纯css网页特效实力
1.Hoverbox 图片集一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。 2.高级CSS菜单一款很有创意且复杂的CSS导航方案。3.滑动影集手风琴效果的影集，悬停便可拉伸图片。4.Lightbox幻灯片题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。5.图片的阴影效果在...原创 2009-03-11 11:10:54 · 363 阅读 · 0 评论 -
使用CSS创建三列固定布局结构
我的讲解会包含一些标准元素，如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense 120X600广告的右侧列。所以您完全可以将这些代码快速拷贝并重新利用在自己的前端开发项目中。HTML结构下图说明了我在页面中添加的HTML/CSS元素。 这个结构其实已经可以直接使用了。您只需再重新定义字体、背景颜色、每个层和HTML标签的字体风格和一些其他自定义...原创 2009-03-11 11:06:11 · 171 阅读 · 0 评论 -
10种JavaScript特效实例让你的网站更吸引人
今天的话题是如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新。 我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。 这里收集了...原创 2009-03-11 11:04:31 · 827 阅读 · 0 评论 -
《TIME》评选的08年50个最棒的网站
原文地址: http://www.time.com/time/specials/2007/article/1,28804,1809858_1809957,00.html TIME评选出了08年50个最棒的网站，随便看了看，还真亏那些老外想的出来。真是五花八门！只要你想不到的，没有他们涉及不到的。找几个我们也合用的给大家介绍一下，有些可能大家都知道了，就当我小白了哈！NO.2:Howcast 这...原创 2009-03-11 15:30:46 · 493 阅读 · 0 评论 -
精选15个国外CSS框架
什么是css框架 实际上还是让我们从框架说起吧。框架就是一个你可以用于你的网站项目的基本的概念上的结构体。css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：typography.css 基本排版规则grid.css 基于网格的布局layout.css 通常的布局form.css for 表单样式general.css 更多通...原创 2009-03-11 17:19:51 · 114 阅读 · 0 评论 -
JavaScript编写的胸罩罩杯尺寸计算器
JavaScript出能能为网页添加更多互动元素、为网页的视觉效果锦上添花之外，还能干些什么？今天这个答案也许会出乎你的意料，外国一位设计师Ed Spencer用JavaScript为一个内衣网站编写了胸罩罩杯尺寸计算器。我们在使用JavaScript完成日常工作之余，其实也能编写这种有趣的程序。 只在周末放松一下。 近来Ed Spencer为一个更具诱惑性网站中的一个工作，这家网站是专卖...原创 2009-03-11 17:20:58 · 1583 阅读 · 0 评论 -
jquery高效率提示
很久没有关注jQuery了，最近重新看了一下，看到一些不错的文章，转来坐一下笔记。 其内容和一些新提供的方法还是很多有值得学习的地方。 1. 使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。 下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $('.elem') $('.el...原创 2012-03-16 14:47:14 · 265 阅读 · 0 评论 -
Lighttpd、Nginx 、Apache 隐藏响应头信息的Server信息和版本信息
web server避免一些不必要的麻烦，可以把apache和php的版本信息不显示隐藏 Apache 版本信息/etc/apache2/apache2.conf 或 /etc/httpd/conf/httpd.confServerTokens ProductOnlyServerSignature Off重启 apache现在 http 头里面只看到:Server: A...原创 2010-06-11 15:20:08 · 1143 阅读 · 0 评论 -
windows下安装配置Nginx+PHP
我的安装测试环境是：Windows XPNginx/Windows 0.8.40PHP 5.2.9-1步骤如下：1.配置PHP.ini cgi.fix_pathinfo=1[Zend]zend_extension_manager.optimizer_ts="E:\Zend\ZendOptimizer-3.3.0\lib\Opt...原创 2010-06-11 14:13:14 · 133 阅读 · 0 评论 -
Apache子目录指向主域名&Discuz静态化配置
要注意的是，如果配置了主域名指向子目录；下面的discuz静态化就作为独立主机来处理（见discuz帮助） # .htaccess main domain to subdirectory redirect# Copy and paste the following code into the .htaccess file# in the public_html folder o...2010-06-01 10:19:47 · 426 阅读 · 0 评论 -
Apache2的rewrite规则不起作用
注意1.LoadModule rewrite_module modules/mod_rewrite.so 2.<Directory "E:/Apache2.2/htdocs"> # # Possible values for the Options directive are "None", "All", # or any com...原创 2010-08-04 21:32:49 · 392 阅读 · 0 评论 -
十大国外虚拟主机对比 国外虚拟主机购买指南(第二版)
在国外购买主机大概有几年的历史了，前前后后也用过不少，对比过不少，前几年刚开始买时国内使用国外主机的很少，在国内几乎找不到有关国外虚拟主机的介绍评论等资料，都是在国外的主机论坛一页一页翻着看来对比，希望能找到便宜的适合自己用的主机空间。几年过去了，现在也积累了一些经验，对国外的不管是虚拟主机，VPS主机(虚拟个人服务器，root权限)，还是专用服务器等，从价格、功能、商家服务服务等各方面都有了一...原创 2009-03-15 16:09:37 · 1354 阅读 · 0 评论 -
10+设计资源和灵感的必备网站
在这个互联网，并不是的有人都掏心掏肺让你可以真正学到东西。所以，找到一个有高质量，有内容的资源和灵感网站并不是一件容易的事。自从自己学习网页设计以来，收集了不少网站，这里，分享10+必备设计资源和灵感的网站，或许，会有你一直寻找，但并未真正找到的：1. CSS Globe - 你可以不看A list Apart，但这个我想是必备的。这样的说法多少有些争议，毕竟ALA是受大部分人推崇的。不过，这...原创 2009-03-12 09:40:42 · 94 阅读 · 0 评论 -
10个非常棒的Ajax及Javascript实例资源网站
向大家推荐10个相当棒的Ajax和Javascript国外资源网站或博客，它们提供了相当多的高质量Ajax、Javascript实例及教程，喜欢Ajax和Javascript的朋友绝对不能错过。1.Ajax Rain AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。 Aja...原创 2009-03-11 17:31:02 · 232 阅读 · 0 评论 -
推荐3个网页设计在线配色网站
Color Hunter Color Hunter使用全球知名在线相册 Flickr中的照片来自动生成相应的不同调色板，也就是配色方案。如果你想寻找某种风格的配色方案，可以在网站上方的搜索区域进行相应的搜索。你可以输入tag名称、16进制颜色值或Flickr网站中的照片(图片)网址进行搜索。如果在你的电脑里有想进行分析的图片，也可以上传上去，然后可以得到这张图片的相应配色。Color...原创 2009-03-11 17:29:12 · 753 阅读 · 0 评论 -
Best posts of 2008 for developers
The second in series of best posts of 2008 for designers, developersand bloggers. This second post contains a collection of more than 2008tips, tricks, scripts, examples and tools for developers....原创 2009-03-11 10:40:54 · 261 阅读 · 0 评论 -
2008年最佳Web设计/前端开发技巧、脚本及资源总结
工具&Web应用13个可能会让你说”Thank You”的必不可少的开源应用14个免费工具让你了解为什么人们会放弃访问你的网站40+CSS生成器74个我们可能已经忘记的适合网页设计师的很棒的Web应用50+能提高你的网站速度和性能的技巧和资源15个可以监视网站人气的工具20个免费的SEO网站分析工具(已翻译成中文)11个功能强大甚至可以替代标准应用程序的F...原创 2009-03-11 10:37:44 · 134 阅读 · 0 评论 -
精选2008年最佳设计素材资源&灵感
2008年已经接近尾声，暴风彬彬今天将同大家一起来回顾今年的一些网页设计共享资源，在这里我收集了一些2008年我很喜欢的免费资源。在这篇文章中您将看到涵盖网页设计图标素材、Wordpress主题、网页设计字体、网页设计材质素材乃至生成背景图案的网站应用程序的一些不错的资源，它们有的能对你的网站项目有所帮助，有的则会给你带来更多设计灵感。还等什么，继续往下看吧… 您还可以参考以下网页设计...原创 2009-03-11 10:24:40 · 134 阅读 · 0 评论 -
2008年75个最佳Web设计资源
2008年75个最佳Web设计资源 Web 设计资源大全，包括字体，CSS 资源，Logo 设计资源，图标，设计启发，教程，Photoshop 素材下载，以及 WordPress 资源。每个类别又包含数十套该类别下的具体资源，可能是有关 Web 设计...原创 2009-03-10 21:14:28 · 251 阅读 · 0 评论 -
15招快速减少页面载入时间
15招快速减少页面载入时间 也许是因为越来越多的人用上了大号的水管，前端程序员差不多将网页的优化工作都抛在脑后了。越来越多的 widget 和 javascript代码被加在网页上，以致网页越来越慢。瞬间的载入速度让你感觉就像呼吸到一口新鲜空气。...原创 2009-03-10 21:08:44 · 146 阅读 · 0 评论 -
300多个Jquery, CSS, MooTools 和 JS的导航菜单(二)
300多个Jquery, CSS, MooTools 和 JS的导航菜单 21. jdMenu 多层次菜单插件 ， jQuery框架 - 纵向多级下拉菜单列表22. 难以置信的Apple风格导航菜单:23.折叠风格JQuery菜单...原创 2009-03-10 21:03:49 · 168 阅读 · 0 评论 -
300多个Jquery, CSS, MooTools 和 JS的导航菜单(一)
300多个Jquery, CSS, MooTools 和 JS的导航菜单 如果你是网站前端开发人员，那么对你来说，也许做一个漂亮导航菜单会很得心应手。但今天我要为大家总结各种导航菜单的资源，以便让大家的网站前端开发的工作更方便更快速，只要选择现成的...原创 2009-03-10 21:02:17 · 160 阅读 · 0 评论 -
8个有关干净网页设计的常识
8个有关干净网页设计的常识 原为地址在底部~ 有一些关于“我”的事情大多数人可能都不了解：虽然我做设计已经5年了，但我第一个工作是 Flash 工程师，大部分时间都工作在 ActionScript 上。事实上，我的所有教育背景都有关电脑程序设计...原创 2009-03-10 20:50:01 · 118 阅读 · 0 评论 -
15招快速减少页面载入时间
15招快速减少页面载入时间 原文地址: http://my.chinahtml.com/fast-page-load-time也许是因为越来越多的人用上了大号的水管，前端程序员差不多将网页的优化工作都抛在脑后了。越来越多的 widget 和 java...原创 2009-03-10 20:42:00 · 162 阅读 · 0 评论 -
缩短网页开发时间的十大方法
缩短网页开发时间的十大方法 在当今的开发环境之下：快即是好。当今诸如“快速应用开发 ”，“敏捷软件开发 ”以及“异步JavaScript和XML “（如今我们甚至无法耐心地等待网页的重新载入）的流行词汇和术语让你见识到我们究竟身处于怎样一个快节奏...原创 2009-03-10 20:15:29 · 515 阅读 · 0 评论 -
css兼容ie和firefox
CSS布局在web开发中的作用变的日益重要的同时,其浏览器兼容性的问题也给我们带来了很多困扰.下面搜集了常见的不兼容以及处理方法,全部来自网络. IE VS FireFoxCSS 兼容要点：DOCTYPE 影响css处理,<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标...原创 2009-03-09 10:15:41 · 96 阅读 · 0 评论 -
css中clear属性
运行代码,查看Clear层的作用 参考地址: http://www.w3school.com.cn/css/pr_class_clear.asp<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...2009-03-07 16:00:46 · 265 阅读 · 0 评论 -
30+优秀的CSS Gallery画廊免费网站
30+优秀的CSS Gallery画廊免费网站 个设计爱好者，几乎都会浏览Gallery画廊站点。在这些站点里面，你可以欣赏到最优秀，最具创意，最有技术性的网页设计。它们当中有好有坏，如果你仅限于欣赏，挑一些适合你自己的。如果你正准备自己创建一个...原创 2009-03-10 21:18:07 · 614 阅读 · 0 评论 -
JavaScript实现的滑动的下拉菜单
JavaScript实现的滑动的下拉菜单 这个轻巧的JavaScript实现的下拉菜单脚本（ 大约1.6kb ）可以让你轻松的在你的网站上添加平滑下拉选单。点击这里查看示例。这样的选单能够用来导航，下拉列表，信息提示框等。该脚本已经在IE6, I...原创 2009-03-10 21:54:23 · 961 阅读 · 0 评论 -
xhtml中doctype声明为tranditional 和strict的区别
在推广Web标准的今天，那些崇尚Web标准的人经常说XHTML比HTML更加严格，当然从某种意义上说是的，比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种（加上FramesetDOCTYPE的话算三种，本文不讨论），Transitional（过渡型）和Strict（严格）DOCTYPEs。并且HTML4.01也有同样的文档声明。从字面上就可以看出来意思：T...原创 2009-03-11 10:17:07 · 262 阅读 · 0 评论 -
具有亲和力的文字隐藏方法
一个新的，更加具有亲和力的CSS隐藏文字方法介绍，来自sonspring.com，说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。1.display:none;的缺陷搜索引擎可能认为被隐...原创 2009-03-11 09:53:57 · 187 阅读 · 0 评论 -
25 种能马上改善网站、提高浏览量的方法
要做好一个网站是非常辛苦的，通常有没有捷径，但以下这个清单应该能为您提供几点建议。这是我为了在最短时间内改善网站、提高浏览量而编制出的一份清单，只需要几分钟，你就可以按照这 25 条对你的网站做出修改，提高浏览量（我修改后，浏览量提高了不少）：...原创 2009-03-11 09:52:30 · 297 阅读 · 0 评论 -
PC World 编辑们最喜欢的 100 个 Blog
PC World 的编辑们日前评出了最喜欢的 100 个 Blog，基本上都是英文 Blog，并不包含其他语种。详细推荐表如下：【科技】1.Slashdot (slashdot.org)2.Engadget (www.engadget....原创 2009-03-11 09:50:57 · 98 阅读 · 0 评论