<Glad to meet you />

本文链接：Web开发人员和设计师必读文章推荐【系列九】　　这篇文章主要收录了最近两个个月发布在梦想天空的优秀文章，特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的 设计素材 和优秀的 Web 开发工具。希望这些文章能帮助到您。

原文链接：http://liumiao.me/html/wd/W3C/54.html      看了不少朋友的个人网站，有一个小问题，似乎很多朋友都忽略了，那就是版权声明的写法。虽然那只是一小行字，不过作为设计师也好，作为个人的爱好也好，版权的标志都是满重要的。　　从法律角度看，加入了伯尔尼公约的国家，版权保护是随着作品(无论是文字，还是图片)的问世的即刻就得到版权的保护的，并不是

文章链接：http://actgod.com/archives/77/ gae是google的免费项目托管服务。可以进行很多网络项目的开发和托管，提供1g的空间和每天1g流量。目前google对gae的使用有各种资源限制，以前以gae为基础，python开发的blog的程序，火了一阵后，在新的资源限制条款下，变的有点鸡肋，蜘蛛跑的欢了点，配额就不够用了。不过

或许真的有和我一样想通过 SSH 进行本地文件上传或者下载的同学吧， SSH 的好处是让文件在传输过程中更加安全，我却不是因为这个原因产生这个想法，只是觉得一边用 FTP 工具上传一边用 PuTTy 来解压或者压缩真的是挺傻的。其实用 SecureCRT 可以比较方便地实现，但是它是收费软件，我不喜欢，所以我坚持使用 PuTTy。严格来说，通过 SSH 进行本地文件的上传或者将 Linux

网页显示高亮代码有很多插件和方法，这里介绍一个简单的方法--SyntaxHighlighter。1. 下载SyntaxHighlighter：http://alexgorbatchev.com/SyntaxHighlighter/download/2. 在需要显示高亮代码到网页中添加如下代码（以高亮JavaScript代码为例） 3. 需要高亮显示的代码放在 ""标

当你需要编辑或改变网站设计时，CSS 起着重要的作用。 透过一些 CSS工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。今天，我们为你编制了30个有用的CSS工具和应用程序。使用下列工具，您将能够以任何顺序进行CSS属性的排序，能够将您的Photoshop图层转成CSS样式，可以创建自己的响应Web系统。希望你能从这些工具和应用中发掘对自己有用的内容。1. Metro

前言最近项目组中有较多新成员需要阅读熟悉项目中已有的程序代码，好多成员一时间对项目代码摸不清头绪，这里在网络上收集了相关源代码阅读分析的一些方法，整理于此。正文摘自(繁体中文Traditional Chinese):http://www.ithome.com.tw/itadm/article.php?c=47717简体中文版原文链接：http://www.cnblo

前言：最近团队中新加入了十几位成员，主要任务是负责Web前端项目的开发，鉴于大家对Web开发的基础知识了解不是很多，有些成员对HTML也还是初学，这里简单整理了一些Web开发的入门学习资料，主要是为了帮助新加入的成员快速掌握Web开发的基础知识，在这里也分享给大家，希望对初学者有些帮助。部分总结不是很全面，有待后续添加补充…内容：一．基础知识及学习资料1. HTML入门学习：

一些Linux有用的操作命令记录1. 查看Linux版本：cat /proc/version 2. 查看软件安装路径：whereis softwareName3. 删除/复制文件夹：删除文件夹： rm -rf [FolderDir]复制文件夹： cp -rf [SrcDir] [DstDir]-r 若 source 中含有目录名，则将目录下之档案亦皆依序拷贝

1,先建立一个项目，项目名称建议填写自己的用户名加github.com这样的格式，像我的，joke568.githu.com填这样的名称其它的都可以省略不填，直接点击这个create repository。2.选择这个admin在github pages里选择3.不用选择任何的选择直接点击哪个continue to Layouts选项

这里介绍一下BlackBerry PlayBook simulator 黑莓平板模拟器在Linux上安装的方法，很简单，现介绍如下：1. 软件下载:(1) BlackBerry PlayBook simulator 黑莓平板模拟器(2) VMware Player2. 安装(1) BlackBerry PlayBook simulator 黑莓平板模拟器终端进入软件下载文件

在使用一些国外的WordPress模板时，有时会发现在文章列表中文章标题中无法显示汉字，文章标题中的汉字会自动被过滤掉。解决这个问题到方法很简单，介绍如下：1. 进入WordPress管理后台。2. 主题-> 编辑。3. 编辑 顶部“header.php”文件（也有可能在其他文件中）：在文件中找到这行代码：Cufon.replace('h1',{hover: true})('h

前言本文将对Web开发中常用的两种数据存储交换格式JSOM和XML进行用法和一些细节的比较，内容整理主要由网络收集，希望对大家在Web开发中有所帮助。正文一．基础知识简介1.      XML介绍（1）      http://www.xml.com/（2）      http://www.w3school.com.cn/xml/2.      JSON介绍（1

有一个为 iPad 设计的用来查时区的 HTML5 软件 everytimezone.com 最近引起了一些注意。它简单、到位，可以离线使用，并且速度极快。由于 HTML5 软件本质上只是一个网页，故不需要通过苹果的 App Store 商店发行，用户只要用 iPad 访问 everytimezone.com，然后将书签存到桌面，下一次打开就变成了一个与原生软件几乎无异的东西。everytim

根据项目需求判断Web客户端访问设备类型，从而根据不同的设备（PC or 移动设备）来为用户导向不同的url，下面为PHP和Js实现的代码示例。Web客户端访问设备类型判断方法-Js function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var b

介绍一个Linux 文件下载工具：aria2。安装：sudo apt-get install aria2用法：文件断点续传下载：aria2c -c urltorrent文件下载：aria2c -T torrent_file_path/fileName.torrent更多用法参考：man aria2

前言本文主要整理了Web前端设计开发的相关规范，主要由网络收集，希望对大家在Web设计和开发的过程中有一些帮组。目录一、界面设计规范细则二、CSS编写和命名规范三、JavaScript编程规范正文一、界面设计规范细则根据日常软件和系统界面设计中存在的一些问题和用户一些使用习惯，并且在基于对用户体验相关知

现在各大网站都在搜索框中加入了语音输入功能，不过目前只有Chrome 11及以上版本才支持。实现起来也非常简单，为input添加名为 x-webkit-speech 的属性就行了。<input type="text" x-webkit-speech />相关的属性设置：lang设置语言种类：<input type="text" x-webkit-sp

作为前端，了解浏览器的工作原理还是很有必要的，这篇文章可以帮助我们把很多前端知识串起来，读了之后受益良多，所以转了过来。文章非常长，译文的排版不是很清晰，我对照原文重新排了个版，并且修正了一些明显的翻译问题，本文省略了原文中文法解析部分，因为感觉这部分太深入了，对前端工作帮助不大；如果对这部分感兴趣可以查看原文或译文原文在这里：http://taligarsiel.com/Projects/h

本文链接：学习 Web 开发技术的最佳16个国外网站推荐互联网经过这么多年的发展，已经出现了众多的 Web 开发技术，像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说，不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今，网上有各种开发技术的相关网站，有大量开发资料可以参考。下面是我收集的15个非常优秀的学习 Web 开发技术

原文链接：http://www.noupe.com/jquery/cool-and-useful-jquery-image-and-content-sliders-and-slideshows.htmljQuery Image And Content SlidersCloud Carousel (demo | download)Here is a 3-D carouse

本文链接：Web前端开发人员和设计师必读文章推荐【系列十】　　《Web前端开发人员和设计师必读文章推荐系列十》给大家带来最近两个个月发布在《梦想天空》的优秀文章，特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 W

转载链接：http://www.cnblogs.com/lhb25/archive/2010/06/19/1760790.htmlWeb 设计与开发师的一个重要工作环节是跨浏览器测试，谁让我们生活在这个既幸福又痛苦的时代，有那么多浏览器摆在我们面前，还有那个噩梦般总也摆脱不掉的 IE6。本文讲述了与跨浏览器测试有关的各种问题与知识，包括渲染，平台，设备以及 JavaSc

转载链接：http://www.cnblogs.com/lhb25/archive/2009/07/09/1519863.htmlCheat Sheet 一词在中文中并没有很贴切的对译，大概是考试作弊条一类的东西，这要求 Cheat Sheet 必须短小精悍又覆盖广泛，作为 Web 开发与设计师，免不了在工作时查询大量资料，某个 Web 色值，某个 JavaScript 库

转载链接：http://www.cnblogs.com/lhb25/archive/2012/07/24/font-end-code-standards-and-best-practices.html　本文向大家推荐来自 isobar（全球顶级数字公司）的前端开发编码标准和最佳实践。这份文档涵盖 HTML、CSS 和 JavaScript 编码标准，可访问性，性能优化，浏览器兼容和测试

今天Git提交代码突然遇到了一个403错误，在这里找到来解决办法：https://help.github.com/articles/https-cloning-errors官方讲解的很详细，这里就不多说了。

因为需要使用较新版本的Git，下载Git最新源码安装是比较合适的方法，这里记录一下Git源码安装的方法。1. Git 已安装版本查看sudo git --version2. Git 源码下载http://git-scm.com/downloads或https://code.google.com/p/git-core/downloads/detail?name=git-1

原文链接：http://liumiao.me/html/wd/W3C/27.html小技巧：利用Css巧妙保护邮箱地址 在我们搭建网站的时候，通常会把自己的联系方式加入进去，但如果不进行保护则可能被别人搜索出来，尤其是邮箱地址，不加以保护则可能被迫接受大量的垃圾邮件。下面就是利用Css的处理书写方向的功能对需要保护的资料进行反转处理，已达到保护的目的。 代码示例如下：我

原文链接：http://liumiao.me/html/wd/W3C/269.htmljQuery1.4.4中文参考手册(CHM)CSS2.0 中文参考手册(CHM)CSS3.0 中文参考手册(CHM)CSS中文参考手册(CHM涵盖2.0/3.0)微软JScript中文参考手册(CHM)微软VBScript中文参考手册(CHM)微软Windows脚本手册

推荐一个关于HTML5新功能介绍的演示，直观易懂。英文：http://slides.html5rocks.com/#landing-slide中译：http://www.iinterest.net/demo/html5/html5.html#slide1参考：1. http://www.iinterest.net/2010/04/29/html5-demo/

PS：请使用支持CSS3的浏览器，如Chrome、Firefox3.5+、Safari4+、Opera文字阴影 text-shadowtext-shadow是最为简单及常用的效果，而且有很多变换，这里列举一些有代表性的：1.普通：.text-shadow{ text-shadow:1px 1px 2px #2c5103; color:#60ad0d; }Here i

CSS3非常强大，发挥想象力便可以用它制作出非常绚丽的效果，这里就使用CSS3的两个属性来制作具有立体感的效果。效果图如下：使用的两个CSS3属性：box-shadow、transform，基本语法：box-shadowbox-shadow:5px 2px 6px #000;数值从左至右：阴影水平偏移值（正值向右，负值向左）；阴影垂直偏移值（正值向下，负值向

未知大小的图片在已知大小的容器中垂直居中,这是网站设计中经常涉及到的效果,实现的方法很多,这里介绍一种非常简单的方法.先来看看demo:iinterest-图片垂直居中*{ margin:0; padding:0;}.imgbox{ width:400px; height:400px; margin:30px; border:1px solid #ddd; text-

“文字垂直居中”这个算是老话题,网上也有很多解决方式,我这里就介绍一种较为简单的实现方法.具体来说应该有两种情况:1.单行文字    这种情况比较好处理,直接设置与height相等的line-height就OK,或者使用padding.2.多行文字在已知高度的容器里垂直居中    曾经用table布局的时候要达到这个效果非常容易,但现在就需要费点心思:    对

CSS + DIV 经典布局，DIV统一自适应高度布局：左右栏宽多固定，中间栏宽度自适应；各栏高度统一自适应；代码： #wrap { overflow: hidden; } div { word-wrap: break-word; } #left { background: red; float: left