这篇文章主要收录了十二月份发布在梦想天空的优秀文章，特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。
-
先看一段代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv=&qu ...
-
静态页htm传参数 2010-03-14 来自：CSDN博客 字体大小：【大 中 小】 摘要：本文介绍静态页htm传参数//从转向过来的URL中截取参数 开始function SplitUrl(key){var fstr=key;var getstr='';var url=document.URL.toString();url=url.toLowerCase();//转为小写var loc=url ...
2012年04月09日 00:000
-
由于公司的系统对Chrome支持得比较差，但是公司是不会因为小众人使用其他浏览器而改系统，所以我决定自己写Chrome插件让办公系统兼容Chrome。 chrome的教程看官网，虽然英文但是很好懂，大赞一下google；有空我再写写中文的入门心得以及一些诡异的用法，请不要期待。 因此下面的文章全部是在chrome环境下进行的，首先先解决一些格式错位：例如有一处文本框偏小，如下图中id为se ...
2012年04月08日 18:003
-
---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------前言：这是一篇简单的web开发知识点的总结，适用于刚开始学习编程的人来学习的。我是为了能够在熟记熟记这些知识点而总结的一篇文章。1 什么是浏览器？(1) 浏览器就是接收浏览者的操作(打开一个网址，点击一个 ...
-
先看一段简单的html代码：<html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style> div p{ color:red ...
2012年04月07日 16:004
-
HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。事实上，HTML5并没有对HTML4做什么重大的修改，它们很多东西都是相似的。可是，其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之 ...
-
begin try--SQL end trybegin catch --sql (处理出错动作)end catch我们将可能会出错的sql 写在begin try...end try 之间，若出错，刚程序就跳到紧接着的begin try...end try 的beign catch...end catch中，执行beign catch...end catch错误处理SQL。try..catch 是 ...
-
好了，让各位久等了，我们来看一下如何通过Javascript绘制矩形，圆形，线这三种简单图形吧。先来看一下Dome演示首先我们来学习几个通用方法设置绘图fillStyle:[value];填充颜色，这个值可以是颜色的值，可以是16进制值，也可以是rgb或rgba色彩；strokeStyle:[value];线（边框）颜色，取值同上；lineWidth:[value];线宽度，是一个数值；fillR ...
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html ="http://www.w3.org/1999/xhtml"&g ...
-
这次愚人节的时候，Google推出了水下搜索，当然，这只是一个愚人的小把戏，不过效果非常不错，进入页面后，第一眼是一个水面的效果，水下的鲨鱼在游来游去，然后Google logo和搜索框从水面上往下掉进水里，输入内容后点击搜索，会将搜索出来的图片从天而降掉进水里，点击水面还能引起波澜，如果点击手气不错，会掉金币、宝甁、宝箱等，效果很愚人吧。现在仍然可以体验，体验网址：http://www.goog ...
-
在写网页的时候，有时候为了避免代码的重复，就在其他网页里面调用网页，方法如下：1.先编写被调用网页代码<html><head><title>调用的网页</title></head><body>这是正在调用的网页<?php<include ("diaoyong.html");>?>&l ...
2012年04月06日 19:001
-
Account at a Glance是由Dan Walin主持开发的一个Web应用程序，这是一个实际上线的产品，由真实的Team开发，并非是为了演示某些技术而做的Demo程序。前端基于HTML5+jQuery，后端基于ASP.NET MVC+EF Code First。前端使用了很多jQuery和HTML5的插件和库，实现多视图、拖拽、图表、视频等特性以及对老版本浏览器的支持。很好的展示了HTM ...
-
这是HTML------ <div id="picslist"> <h1>图片展示</h1> <asp:ListView ID="ListView1" runat="server"> <EmptyDataTemplate> 没有匹 ...
2012年04月06日 17:003
-
在Web开发中，下拉选中框，是使用非常多的一个组件。通常的写法是<select name="selece" id="id"> <option>选择..</option></select>常用的是这种写法。在我们选择中SELECT的一项内容时，SELECT获得了当前的焦点。 这时候我们滚动鼠标滚轮，会将se ...
2012年04月06日 16:001
-
html5通过支持&ldquo;audio&rdquo;和&ldquo;video &rdquo;标签来支持视频和音频，但格式有限其中 safari 和IE貌似还不准备支持这两个标签，而对于其他支持的浏览器\格式MP3aviwmaflvrmvb Chrome支持不支持不支持不支持不支持 Firefox不支持不支持不支持不支持不支持 Op ...
2012年04月06日 16:000
-
基本形状 SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了。废话不说了，直接看例子，这个最直接：<svg width="200" height="250"> <rect x="10" y="10" width="30" ...
-
近在几个群上经常看到有人问在一个类里的一个 function 怎么调用 this. 定义后公开的方法。现发一篇类实现的随笔。首先说说类，在一个类里我们会有以下的几个特征：1. 公有方法2. 私有方法3. 属性4. 私有变量5. 构造函数我们直接看一个例子：/***定义类***/var Class = function(){ var _self = this;//把本身引用负值到一变量上 ...
-
近年来，品牌化中标志表现形势上值得瞩目的就是&ldquo;多形态&rdquo;标志的不断涌现。在品牌化中&ldquo;多形态&rdquo; 标志起到的趋势&mdash;&mdash;个性新鲜而且显的有趣、更好的传递更多的信息；一个更积极的趋势&mdash;&mdash;显得品牌更具活力。而且当下品牌化的日益增长，包括国家品牌化，个 人 ...
2012年04月06日 11:001
-
视差滚动（Parallax Scrolling）是一种独特的网页内容表现形式，其基本原理是让多层背景以不同的速度移动，形成立体的运动效果，带来出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了这项技术。今天这篇文章向大家分享视差滚动的网页设计中应用的精美案例，一起欣赏（以拖动滚动条方式
-
曾经多次碰到过想要打开多个project的时候，可每次打开其他项目时，必须选择新窗口还是替换次窗口，如果新窗口的话就无法跟现在的项目在同一个webstorm中同时进行编辑，需要来回切换窗口，很是不方便，今天无意中发现同时打开多个project的方法。 具体步骤如下：file>new project>选择相应的总文件夹（包含所有项目的文件夹），点击打开就OK了。等待的时间 ...
-
很多CSS初学者往往很容易被浮动搞得晕头转向，经常碰到有朋友问&ldquo;为什么我把ul里面的li都向左浮动了，然后我的ul就没有背景了？&rdquo;等等之类的问题。此时，如果我们呢给ul加上1px的border的话，就会发现我们的ul从原来的一块变成了一条线，这就是长说的浮动带来的问题。其实解决这个问题，只需要短短的几个属性而已。我个人的理解是浏览器在解析到浮动的时候，会将浮 ...
-
<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。<form> <lab ...
2012年04月05日 13:001
-
一.浏览器优化浏览器对于每一个渲染动作并不是立即执行，而是维护了一个渲染任务队列，浏览器会根据具体的需要分批集中执行其中的任务。除了浏览器自身维护的定期调度之外，脚本中的某些操作会导致浏览器立即执行渲染任务，例如读取元素的Layout属性。var bodystyle = document.body.style;var computed;if (document.body.currentStyle) ...
2012年04月04日 16:001
-
目前，移动互联网飞速发展，越来越多的网站和应用开始向移动设备上迁移。但是，由于设备和操作方式的不同，移动Web设计和传统的Web设计之间有很多不同点，这就导致了一些错误的设计理念出现。 在设计过程中我们应该注意哪些问题呢？下面，让我们来看看本文作者&mdash;&mdash;Headscape的联合创始人之一Paul Boag是怎样看待这些问题的。以下为文 ...
-
本文讨论 HTML select 元素 disabled 属性在 IE、Chrome、Firefox、Safari、Opera 等主流浏览器中的表现。
-
...
-
今天写了一个页面，使用了sup标签！当时我把sup标签包在了h标签中使用。由于我设置了h标签的字体大为14px，在IE浏览器下，是按照我的想法，居然自动变成了12px的效果。在谷歌浏览器下也是正常的，可是在火狐下虽然看起来也是12px的效果，但是有一些加粗发虚的感觉，但事实上，我事先已经对其进行了不加粗处理。最后我将sup字体设置为12px，在火狐，谷歌浏览器下一切正常，可是在IE下却不能正常了， ...
-
之前看过hongru的事情没有想象中那么难--JX官网首页3D粒子效果，和当耐特砖家的HTML5实验室【三十八】--玩转像素系列【二】，因此自己也试着利用getImageData写一下粒子效果。原理上应该和他们的差不多，不过采用了输入即可得的形式，在文本框输入任何内容，可以在画布中得出输入内容的粒子
-
网站最基本的东西是什么？&mdash;&mdash;内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！内容再丰富的网站，如果慢到无法访问也是毫无意义的； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。 Make Fewer HTTP Requests 很少的HTTP ...
-
看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示，这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行，当然IE5并不支持这些演示。
-
大家都用过css中的float属性哈。不知道css的float？！！那就别看了肯定会浪费你的时间，还是做点你喜欢做的事情吧。昨天写前台代码的时候发现了一个很诡异的现象：顺便把代码（精简过的模型）贴出来html部分<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
2012年04月01日 17:000
-
在Html5中，每个元素新增了一个属性：contextmenu。新增了menu和menuitem 元素，我们可以用它们来实现右击菜单。
-
border-radius属性可以制作圆角效果border-radius属性值包括：ox-shadow: hoff voff bd sd color inset;box-shadow属性可以制做投影效果border-radius属性值包括：border-top-left-radius： 定义框的左上角。border-top-right-radius： 定义框的右上角。border-bottom-r ...
-
在Html5中，每个元素新增了一个属性：contextmenu。新增了menu和menuitem 元素，我们可以用它们来实现右击菜单。
-
Conditional comments only work in IE, and are thus excellently suited to give special instructions meant only for IE. They are supported from IE 5 onwards.Conditional comments work as follows:<!--[ ...
2012年03月31日 17:002
-
整体效果展示 这类新手提示的插件还真是少，无奈之下自己写了一个，不带任何图片，完全css实现。因为考虑到功能比较特殊，使用不会太频繁，就没写成插件的模式，所有都是写死的，可以看下HTML代码结构<div > <a href="###" title="关闭新手帮助">&times;</a> <div ...
-
概念性的概述this 当一个函数创建后，一个关键字this就随之(在后台)创建，它链接到一个对象，而函数正是在这个对象中进行操作。换句话说，关键字this可在函数中使用，是对一个对象的引用，而函数正是该对象的属性或方法。让我们来看这个对象：01.<!DOCTYPE html><html lang="en"><body> ...
-
网页设计师经常会去网上搜罗各种各样的页面素材，这些免费的素材不仅能帮助他们节省大量的时间，而且能有很好的效果。今天这篇文章收集了30套免费的高质量网页按钮素材，免费下载使用。非常感谢那些很有才华的设计师分享它们的劳动成果，让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)
2012年03月31日 09:001
-
*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签。所以要解决padding的兼容问题就要靠前面提到的标签。以sccas-site为例，左侧导航栏在padding上产生了ie6、ie7以及ff浏览器不兼容，修改代码如下：#menu7 li a { height:25px; ...
2012年03月30日 15:000
-
友言是什么？以下是官方的描述：简单、友好的社会化评论框!网站评论框不再是冷冰冰的用户名和email，而是来自各大微博及社交网络的真实用户的言论，增加了交流氛围和乐趣。只要使用如下代码即可在网站中使用： <!-- UY BEGIN --><div id="uyan_frame"></div><script type="tex ...
2012年03月29日 21:000
-
关于CSS sprite技术的详解，小弟在这里就不赘述了，因为伟大的英特网上有一篇伟大的技术文档介绍。请移步http://css-tricks.com/css-sprites/在CSS sprite中最重要的就是关于background这个属性的理解，所以本文比较详细的介绍了background这个属性，如有错误，劳请指教。background的集合有： 'background-color', ...
-
这篇文章和大家分享水彩在网页设计中应用的一些优秀案例。水彩它给人的感觉有2种，一种是给人“水”的感觉，非常流畅和透明；另一种是给人“色彩”的感觉，各种不同的色彩，刺激我们的大脑，给我们不同的感受，就像世界是多姿多彩一样。
-
HSLA colors版本：CSS3.0语法：<length> || <percentage> || <percentage> || <opacity>取值：<length> ：Hue(色调)。 0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；<percentage ...
-
关于CSS sprite技术的详解，小弟在这里就不赘述了，因为伟大的英特网上有一篇伟大的技术文档介绍。请移步http://css-tricks.com/css-sprites/在CSS sprite中最重要的就是关于background这个属性的理解，所以本文比较详细的介绍了background这个属性，如有错误，劳请指教。background的集合有： 'background-color', ...
-
在CSS的实际应用中，往往是将CSS以独立文件（如：style.css）的形式导入到HTML文档中。导入CSS文件主要有两种方式： 链接式（link）<link rel="stylesheet" href="style.css" type="text/css"/> 导入式（@impot）< ...
-
（1）浏览器间内核的差异是产生兼容性问题的根本原因。（2）工作模式：工作模式起源于IE6，IE6的发布增强了对CSS1的兼容，这使得IE6对CSS的渲染和它前面的版本有了很大的不同，例如在盒子模型的理解上。为了保持良好的兼容性，IE为开发者提供了一个开关，来决定浏览器的工作模式。工作模式最初分为两种：（a）标准模式（b）怪异模式。IE 系列的&ldquo;混杂模式&rdquo;，将 ...
-
在经过了Css3的学习后，相信我们能够更容易的理解HTML5的Canvas画布，如果您还没有学习Css3而又对此感兴趣，请移步我的博客Css3系列，在今后的日子里，我们一起来学习一下HTML5的Canvas画布，领略它的神奇！Canvas元素是HTML5中新增的一个重要元素，专门用来绘制图形。在页面上放置一个canvas元素就相当于在页面上放置了一块&ldquo;画布&rdquo; ...
-
代码简介：CSS的Alpha滤镜效果，再配合JS来控制水平或者是垂直翻转，还是很实用的。代码内容：View Code <HTML><HEAD><META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"><TITLE>CSS让指定的图片实现水平/翻转特 ...
-
一、 网页中添加图片的方式有两种一种是：通过<img>标签直接插入到html中另一种是：通过css背景属性添加二、 怎样来判断添加图片方式？？&Oslash; 网页中的装饰性的图片，通过背景图片添加&Oslash; 用户图片，通过插入形式添加&Oslash; 按钮，有多个状态的效果图片，通过背景图片添加三、 ...
-
简介 人工智能(Artificial Intelligence) ，英文缩写为AI。它是研究、开发用于模拟、延伸和扩展智能的理论、方法、技术及应用系统的一门新的技术科学。本篇从严格意义上说属于人工智能的范畴，但也是基础中的基础。本篇的目的是要赋予小球解散和集合两项基本指令（智商），本篇内容子弹追踪等塔防类游戏当中。 基础类 二维向量(2D vector)可谓2D游戏或是动画里最常用型别了 ...
-
求指教<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html ="http://www.w3.org/1999/xhtml" ...
-
+ - 使用指南 基本使用： var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");cxt.fillStyle="#FF000 ...
-
偶尔还是会用到，老是忘记安装的顺序，在这儿mark一下。 用VS2008连接TFS 2010, 需要按照以下顺序安装一下组件： Install Visual Studio 2008 Install Team Explorer 2008 Install Visual Studio 2008 SP1 Install VSTS 2008 Forward Compatib ...
2012年03月27日 18:000
-
最近经常上同城网搜索同城信息，发现有几点很不方便的地方？ 首先，我说说我要自己周边的宽带信息。 Baixing： 首页，导航正规正距，恩，这个配色不错，我喜欢这个青绿色，留意一下我输入的宽带 点击搜索 看看出来的都是啥东西，导航只有大类 没有具体地区分类 有点失败 谁知道我要找的东西别人是发布到哪个位置？ 为啥不多一个地址选择筛选？ 继续看看 ，我选择生活服务。 坑爹啊 ...
2012年03月27日 17:001
-
说说目前常用的三种分类显示信息方法：常规翻页 信息滚动翻页 滚动条前者是横向翻页方式，后两者是纵向的信息翻页。分页作为很小的一个组件，大多数网站都不会花费什么精力去设计，设计也大同小异，用户已经使用习惯学习成本为0，但如果能够在细节上做的更细致贴心一些，用户的使用体验会有所提升。一、 先来看常规翻 ...
-
WEB前端程序员_人才招聘岗位_HiSWOT分享：【岗位要求】： 1、精通 CSS+DIV 技术，了解不同浏览器的差异，能编写结构良好，各浏览器兼容的CSS。 2、熟悉JavaScript、JQuery框架，能制作出页面上常用的一些JS效果。 3、对用户体验有一定的了解。 4. 有asp.net/php语言开发基础者优先。像上述是在招聘网站上面经常见到的.net程序员的人才招聘岗位的任职要求。hi ...
-
利用 CSS 框架，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。
-
又一篇css3教程来自http://qdgcs.co.cc 转载请声明。上一次我们一起学习了 CSS3属性Border-Radius[圆角]，这次，我们来看看box-shadow的具体使用方法。其实它的用法与CSS3属性text-shadow[文字特效]非常相似，有必要的同学可以复习一下。box-shadow的语法如下：box-shadow: <length> <leng ...
-
回顾 与“Angry Birds”一样，2010年发布的“割绳子”是一款火爆的手机游戏，首先推出的是iOS版，于去年6月份推出Android版。它的游戏内容是：一个叫Om Nom的绿怪兽饿了，你必须喂他糖果，而要得到糖果，你要先割断绳子以及操纵安全气袋和泡泡，过程中还要收集星星来获取额外积分。 为了进一步宣传IE9和华丽的Web应用程序，微软与该款游戏的开发商ZeptoLab联合推出了HTML ...
