摘要：文章来源：Best “must know” open sources to build the new Web。个人感觉这个收集贴收集成相当的全。学习HTML 5编程和设计★HTML5 Rocks: Major Feature Groups 的学习HTML5 的资源(HTML5 演示, 教程 ).源码很不错的HTML5 Dashboard– Mozilla，效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。★StackOverflow: 大名鼎鼎的技术问答式论坛。★Addyosmani, jQuery 和 JavaScript 文章教程Sohtanaka, 阅读全文
程序员技术练级攻略 作者：酷壳
2011-07-26 08:15 by youxin, 494 阅读, 0 推荐, 收藏, 编辑
摘要：月光博客6月12日发表了《写给新手程序员的一封信》，翻译自《An open letter to those who want to start programming》，我的朋友（他在本站的id是Mailper）告诉我，他希望在酷壳上看到一篇更具操作性的文章。因为他也是喜欢编程和技术的家伙，于是，我让他把他的一些学习Python和Web编程的一些点滴总结一下。于是他给我发来了一些他的心得和经历，我在把他的心得做了不多的增改，并根据我的经历增加了“进阶”一节。这是一篇由新手和我这个老家伙根据我们的经历完成的文章。我的这个朋友把这篇文章取名叫Build Your ProgrammingTechni 阅读全文
写给新手程序员的一封信
2011-07-26 08:10 by youxin, 263 阅读, 0 推荐, 收藏, 编辑
摘要：首先，欢迎来到程序员的世界。在这个世界上，不是有很多人想创造软件并解决问题。你是一名hacker，属于那些愿意做一些有挑战性的事情的人。 “当你不创造东西时，你只会根据自己的感觉而不是能力去看待问题。” – WhyTheLuckyStiff 对于下面的文字你不必完全接受，所有这些来自一个其貌不扬的程序员。我喜欢把事情做到最好，而不是对原来的东西修修补补。 仅仅是因为爱好开始做一些创新，这是一个很好的开始！如果你说“我要先学习一下再开始做”那么你永远不会真正开始。每个人都需要从某个地方开始，所以现在打开你的编辑器开始写代码吧。 下面是一些很重要的建议，虽然有人并不认同，但我保证你看完我的分析以. 阅读全文
Web设计中的中国传统色彩速查表
2011-07-25 23:52 by youxin, 386 阅读, 0 推荐, 收藏, 编辑
摘要：诗词中有：“名花韵在年晴初，雨沁胭脂脸更敷。”，你知道胭脂是什么颜色么？“回眸一笑百媚生，六宫粉黛无颜色。”中的这个“黛”又是指什么颜色呢？“漆黑一片”里漆黑真的就是完全的黑色吗？在下面这个Web设计中的中国传统色彩速查表，你可以得到准确的答案。原文作者：青女附注及色样添加：Quester████粉红(#ffb3a7)，即浅红色。别称：妃色 杨妃色 湘妃色 妃红色████妃色 妃红色(#ed5736)：古同“绯”，粉红色。杨妃色 湘妃色 粉红皆同义。████品红(#f00056)：比大红浅的红色（quester注：这里的“品红”估计是指的“一品红”，是基于大红色系的，和现在我们印刷用色的“品红 阅读全文
CSS书写标准及最佳实践
2011-07-25 23:50 by youxin, 319 阅读, 1 推荐, 收藏, 编辑
摘要：CSS用来定义网站的用户界面，并实现页面展现与内容的分离。CSS在几乎所有的网站都会用到，下面让我们花些精力来确保你的CSS书写的是否标准、合理。这些提示对CSS初学者同样会有很大的帮助。样式表索引样式表头部索引定义可以帮助你和其它人弄清楚该样式表文件的相关信息，它一般是一段格式化的CSS注释文本。给出该css文件作者的相关信息定义站点的布局（几栏，静态布局/动态布局）记录文件版本号（利于多作者协作及将来更新）样式表索引命名锚点命名锚点是用来规划整个CSS文件结构的（就好像书签一样），从而使整个CSS文件获得良好的组织。命名锚点一般也是书写在样式表头部的索引注释中。CSS本身没有内部的锚点系统 阅读全文
功能强大易用的Web视频播放器——Flowplayer（使用方法及演示）
2011-07-25 23:48 by youxin, 2713 阅读, 0 推荐, 收藏, 编辑
摘要：早在07年，煎蛋上的一篇文章就曾推荐过使用Flowplayer建立个人视频网站。如今，Flowplayer已经发展到3.1.1版本，我试用了一下，表现十分优秀，功能强大，接口丰富，关键是易用！使用它你可以非常轻松的在网页或博客中嵌入视频，在本页面就可以看到一个示例。闲话不多说，下面就来详细讲一下它的使用。首先在Flowplayer的下载页面下载Flowplayer的安装包。Flowplayer是一款开源软件，在该页面你同时可以下载到源代码。另外，Flowplayer提供了免费版本及商业版本，它们在功能上是完全一致的，唯一区别是免费版本在视频封面上有Flowplayer的水印logo，商业版本没 阅读全文
改善CSS编码的5个在线幻灯片教程
2011-07-25 23:47 by youxin, 260 阅读, 0 推荐, 收藏, 编辑
摘要：幻灯片（PPT）是快速学习知识关键点的有效途径。之前本博客发布的“一个简单的、循序渐进的CSS幻灯片教程”，就为大家介绍过一个幻灯片教程，今天再为大家推荐5个以改善CSS编码为主题的幻灯片教程。这5个幻灯片主要帮助大家了解如何写出高效的、可维护的CSS代码，学习CSS中的属性继承、行高(line-height)相关知识，认识CSS系统论及面向对象的CSS编码。提示：(1) 幻灯片中的旁白用的是英文，不过都比较简单。 (2) 点击幻灯片下方的”full”按钮，全屏浏览，ESC键退出全屏。(3)如对幻灯片中的讲解有疑问，欢迎留言提出，大家一起讨论学习。1. 高效、可维护、模块化、不使用Hack的C 阅读全文
在网页中嵌入任意字体的解决方案
2011-07-25 23:42 by youxin, 240 阅读, 0 推荐, 收藏, 编辑
摘要：字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2.图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。【第一步】获取 阅读全文
一个简单的、循序渐进的CSS幻灯片教程
2011-07-25 23:38 by youxin, 287 阅读, 0 推荐, 收藏, 编辑
摘要：国外著名Web设计博客MaxDesign的博主为我们分享了他在公司培训中用到的CSS幻灯片教程。我简单看了下，可以说简单明了，通俗易懂，讲到了不少CSS学习中必须掌握的关键点。下面把它分享给大家，希望对学习CSS的朋友有所帮助。提示：(1) 幻灯片中的旁白用的是英文，不过都是比较简单。 (2) 点击幻灯片下方的”full”按钮，全屏浏览，ESC键退出全屏。CSS Cascade View more presentations from Russ Weakley 阅读全文
head区的代码详解
2011-07-25 16:11 by youxin, 340 阅读, 0 推荐, 收藏, 编辑
摘要：head区是指首页HTML代码的<head>和</head>之间的内容。必须加入的标签：1.公司版权注释<!—ThesiteisdesignedbyMaketown,Inc06/2000—>2.网页显示字符集简体中文：<METAHTTP-EQUIV=”Content-Type”CONTENT=”text/html;charset=gb2312″>繁体中文：<METAHTTP-EQUIV=”Content-Type”CONTENT=”text/html;charset=BIG5″>英语：<METAHTTP-EQUIV=”Conte 阅读全文