摘要：
官网：http://www.microsoft.com/web/webmatrix/一直觉得dreamweaver已经过时了，很多新的库都不支持。而且，启动慢，占用内存多，是时候换一个ide了。http://www.cnblogs.com/aNd1coder/archive/2012/06/17/2552037.htmlhttp://www.iplaysoft.com/webmatrix.htmlhttp://blogs.msdn.com/b/scott_hanselman/archive/2012/09/25/webmatrix-2-web-asp-net-php-node-js.aspx 阅读全文
随笔分类 - web design
转：为什么中国的网页设计那么烂？
2013-08-07 18:47 by youxin, 365 阅读, 收藏, 编辑
摘要：
Nick Johnson，一个有12年经验的Web设计师在它的blog里写下了“Why is Chinese Web Design So Bad”，新浪，人人，百度，阿里巴巴，腾讯榜上有名。其中的观点相当的好，希望所有的中国人都读一下。我不全文翻译了，只是给大家看一些摘要。（保证不会像《环球时报》一样）——————————作者2005年的夏天来到中国，他说，他注意到了中国那复杂的文化和西方的有多么的不同。比如，语言，身体特征，政府的执政理念，等等，但是，有一些地方确是差别很少的，比如：幽默的sense，还有对艺术的表现形式的兴趣。很快，因为职业，他发现在中国的网站设计上完全没有引吸到他。于是他 阅读全文
转:Web Service介绍
2013-06-09 16:40 by youxin, 258 阅读, 收藏, 编辑
摘要：
一、Web service的概念想要理解Web service，必须先理解什么是Service（服务）。传统上，我们把计算机后台程序（Daemon）提供的功能，称为"服务"（service）。比如，让一个杀毒软件在后台运行，它会自动监控系统，那么这种自动监控就是一个"服务"。通俗地说，"服务"就是计算机可以提供的某一种功能。根据来源的不同，"服务"又可以分成两种：一种是"本地服务"（使用同一台机器提供的服务，不需要网络），另一种是"网络服务"（使用另一台计算机提供的服务，必须 阅读全文
网站目录，文件夹命名规范
2013-03-29 17:15 by youxin, 1765 阅读, 收藏, 编辑
摘要：
根目录下放哪些文件一般只存放index.htm及其它只可以放根目录的文件，一般来说是这几个：404.html、contact.html、index.rss，robots.txt 、Sitemap.xml等，一般十个就好了。觉得下面的一个图比较好：via;http://www.qcoke.com/myupload/web/Folder.html可以进一步参考:http://stackoverflow.com/questions/7715704/are-there-best-practices-for-the-structure-of-a-website 阅读全文
http meta 标签详解
2013-03-17 14:29 by youxin, 585 阅读, 收藏, 编辑
摘要：
在网页的HTML源代码中一个重要的代码“”（即通常所说的META标签）。META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。META标签可分为两大部分：HTTP-EQUIV和NAME变量。1 HTTP-EQUIVHTML代码实例中有一项内容是<meta http-equiv="Content-Type" content="text/html; charset=gb2312">其作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用 阅读全文
瀑布流布局
2012-08-18 14:49 by youxin, 502 阅读, 收藏, 编辑
摘要：
如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如Pinterest(貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 —瀑布流式布局。dynamic grid layouthttp://www.fengxiaoqiang.com/blog/2 阅读全文
meta 标记使用错误介绍
2011-10-30 22:42 by youxin, 324 阅读, 收藏, 编辑
摘要：
WEB1023 - <meta name="description"> 标记内容太长Expression Studio 4.0<meta name="description">标记包含的字符应不多于 150 个。说明超过 150 个字符的<meta name="description">标记可能会将网页标记为待审阅，或标记为使用欺诈行为。每个网页都应有一个以不超过 150 个字符准确反映网页内容的唯一描述。详细信息大多数搜索引擎会在搜索结果中显示<meta name="descrip 阅读全文
<meta http-equiv="refresh"> 元素正用于执行重定向
2011-10-30 22:37 by youxin, 362 阅读, 收藏, 编辑
摘要：
避免使用<meta http-equiv="refresh">标记进行重定向。说明使用<meta http-equiv="refresh">标记进行重定向可能会降低您的搜索引擎排名。注意：以正常方式刷新网页 (<meta http-equiv="refresh" content="0" />) 将不会降低网页的排名。详细信息网页重定向应提供包含新网页位置的消息，并应提供足够的时间让用户阅读该消息。超时期限小于五秒的网页重定向可能会导致搜索引擎排名降低。若要重定向网页，请考虑改用 阅读全文
鼠标的移动触发函数改变字体颜色
2011-08-03 00:38 by youxin, 340 阅读, 收藏, 编辑
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
100+ Resources for Web Developer
2011-08-02 00:55 by youxin, 306 阅读, 收藏, 编辑
摘要：
There is some amazing stuff out there on the Web–resources, tools, tricks, and tips. Problem is, as a Web developer, you spend so much of your time just keeping up with new technologies – learning, playing – and this doesn’t leave much time to go hunting for the latest and greatest tool, or for a be 阅读全文
Using XAMPP for Local WordPress Theme Development
2011-08-01 22:15 by youxin, 609 阅读, 收藏, 编辑
摘要：
FollowSix Revisions on Dribbble!In this tutorial, you’ll learn how to install and configure XAMPP for the desktop. Once that’s out of the way, we’ll install WordPress so that you can have your very own professional, light-weight PHP and WordPress development environment.IntroductionTo sum it up in o 阅读全文
word wrap 解惑
2011-07-27 14:14 by youxin, 462 阅读, 收藏, 编辑
摘要：
源起我们经常需要“修复”一个老生常谈的“bug”，那就是文本的自动换行问题。在专业术语上，这种期望得到的渲染现象被称作“word wrap”，即文本处理器有能力把超出页边的整个词自动传到下一行。在现实项目中，尤其是在测试阶段，鉴于测试使用非常极端的测试用例，我们经常需要“修复”如图所示的这个问题：长单词溢出图中，极长的这个英文单词（虽然是生造的）为了保证完整的显示，无奈地超出了容器的限制，它溢出了。为了“修复”这个“问题”，使得无论东亚还是西欧文字都能被限定在容器的尺寸范围内，我们一般会加上诸如“word-wrap: break-word; word-break: break-all;”这样的 阅读全文
开源中最好的Web开发的资源 作者：酷壳
2011-07-26 08:28 by youxin, 484 阅读, 收藏, 编辑
摘要：
文章来源：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, 阅读全文
Web设计中的中国传统色彩速查表
2011-07-25 23:52 by youxin, 390 阅读, 收藏, 编辑
摘要：
诗词中有：“名花韵在年晴初，雨沁胭脂脸更敷。”，你知道胭脂是什么颜色么？“回眸一笑百媚生，六宫粉黛无颜色。”中的这个“黛”又是指什么颜色呢？“漆黑一片”里漆黑真的就是完全的黑色吗？在下面这个Web设计中的中国传统色彩速查表，你可以得到准确的答案。原文作者：青女附注及色样添加：Quester████粉红(#ffb3a7)，即浅红色。别称：妃色 杨妃色 湘妃色 妃红色████妃色 妃红色(#ed5736)：古同“绯”，粉红色。杨妃色 湘妃色 粉红皆同义。████品红(#f00056)：比大红浅的红色（quester注：这里的“品红”估计是指的“一品红”，是基于大红色系的，和现在我们印刷用色的“品红 阅读全文
CSS书写标准及最佳实践
2011-07-25 23:50 by youxin, 323 阅读, 收藏, 编辑
摘要：
CSS用来定义网站的用户界面，并实现页面展现与内容的分离。CSS在几乎所有的网站都会用到，下面让我们花些精力来确保你的CSS书写的是否标准、合理。这些提示对CSS初学者同样会有很大的帮助。样式表索引样式表头部索引定义可以帮助你和其它人弄清楚该样式表文件的相关信息，它一般是一段格式化的CSS注释文本。给出该css文件作者的相关信息定义站点的布局（几栏，静态布局/动态布局）记录文件版本号（利于多作者协作及将来更新）样式表索引命名锚点命名锚点是用来规划整个CSS文件结构的（就好像书签一样），从而使整个CSS文件获得良好的组织。命名锚点一般也是书写在样式表头部的索引注释中。CSS本身没有内部的锚点系统 阅读全文
功能强大易用的Web视频播放器——Flowplayer（使用方法及演示）
2011-07-25 23:48 by youxin, 2733 阅读, 收藏, 编辑
摘要：
早在07年，煎蛋上的一篇文章就曾推荐过使用Flowplayer建立个人视频网站。如今，Flowplayer已经发展到3.1.1版本，我试用了一下，表现十分优秀，功能强大，接口丰富，关键是易用！使用它你可以非常轻松的在网页或博客中嵌入视频，在本页面就可以看到一个示例。闲话不多说，下面就来详细讲一下它的使用。首先在Flowplayer的下载页面下载Flowplayer的安装包。Flowplayer是一款开源软件，在该页面你同时可以下载到源代码。另外，Flowplayer提供了免费版本及商业版本，它们在功能上是完全一致的，唯一区别是免费版本在视频封面上有Flowplayer的水印logo，商业版本没 阅读全文
改善CSS编码的5个在线幻灯片教程
2011-07-25 23:47 by youxin, 261 阅读, 收藏, 编辑
摘要：
幻灯片（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, 242 阅读, 收藏, 编辑
摘要：
字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2.图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。【第一步】获取 阅读全文
一个简单的、循序渐进的CSS幻灯片教程
2011-07-25 23:38 by youxin, 287 阅读, 收藏, 编辑
摘要：
国外著名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, 343 阅读, 收藏, 编辑
摘要：
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 阅读全文
