摘要：
Web前端代码规范与页面布局一、 规范目的：为提高工作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构，有利于SEO优化。二、 规范基本准则：符合web标准，使用具有语义的标签，使结构、表现、行为分离，兼容性优良，页面性能优化，代码简洁、明了、有序，尽可能的减少服务器的负载，保证最快的解析速度。三、 文件规范：html、css、js、images文件均归档至约定的目录中。1. html（1）编码：所有编码均采用xhtml，标签必须闭合，属性值用双引号包括，编码统一为utf-8。（2）语义化：语义化ht... 阅读全文
文章分类 - Web 前端
浏览器的渲染原理简介
2013-07-23 09:23 by focusdada, 90 阅读, 收藏,
摘要：
看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，1）这篇文章太长了，阅读成本太大，不能一口气读完。2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下这篇文章来解决上述两个问题。希望你能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。浏览器工作大流程废话少说，先来看个图：从上面这个图中，我们可以看到那么几个事：1）浏览器会解析三个东西：一个是HTML/SVG/XHTML，事实上，Webkit有三个C++的类对应这三类文档。解 阅读全文
前端代码标准最佳实践：HTML篇
2012-08-30 12:49 by focusdada, 180 阅读, 收藏,
摘要：
Web前端代码中，HTML是根本，CSS和JavaScript也是围绕着既有的HTML结构来构建，所以良好的HTML代码结构，除了提高了HTML代码的可读性，可维护性和执行性能之外，也可以让相对应的CSS和JavaScript代码更好的构建。距前面两篇探讨JavaScript（前端代码标准最佳实践：JavaScript篇）和CSS（前端代码标准最佳实践：CSS篇）之后，我们今天来探讨Web前端HTML的一些最佳实践。（1）HTML代码的基本规范1. HTML的命名和格式任何代码的混乱都是从命名和格式的混乱开始的，所以一定要有统一和规范的命名和格式，以下是一些基本的规范。HTML代码所有的标签名 阅读全文
Web开发人员和设计师必读文章推荐【系列六】
2012-08-09 14:00 by focusdada, 130 阅读, 收藏,
摘要：
这篇文章收录了十一月份发布在梦想天空的优秀文章，特别推荐给Web开发人员和设计师阅读。梦天空博客关注前端开发技术，展示最新HTML5和CSS3技术应用，分享实用的jQuery插件，推荐优秀的网页设计案例，共享精美的设计素材和优秀的Web开发工具。希望这些文章能帮助到您。HTML5 & CSS3 应用推荐十款非常优秀的 HTML5 在线设计工具35个让人惊讶的 CSS3 动画效果演示获取 HTML5 网页设计灵感的10个网站推荐非常漂亮的 HTML5 商业网站设计案例分享最新20个漂亮的支持HTML5的网站15个使用 CSS3 制作的漂亮作品展示网站jQuery 插件和教程让人期待的20 阅读全文
Web开发人员和设计师必读文章推荐【系列五】
2012-08-09 13:59 by focusdada, 106 阅读, 收藏,
摘要：
本文继续向Web开发人员和设计师推荐优秀文章。梦想天空博客关注前端开发技术，展示最新HTML5和CSS3技术应用，分享实用的jQuery插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的Web开发工具。本文特别推荐给Web设计师和开发人员阅读，希望这些资源能帮助到您。HTML5 应用演示推荐8个很酷很有用的 HTML5 应用程序10个奇特的 HTML5 Canvas 应用试验19个基于 HTML5 和 CSS3 优秀应用程序10个让你忘记 Flash 的 HTML5 应用演示推荐10款基于 HTML5 开发的优秀应用HTML5 网站和教程分享8个精美的 HTML5 网站设计案例15个清爽 阅读全文
Web开发和设计精华文章推荐【系列三】
2012-08-09 13:58 by focusdada, 105 阅读, 收藏,
摘要：
这篇文章继续向大家分享Web开发和设计精华文章，文章主要来自今年七月份发布在梦想天空博客的博文。梦想天空博客专注于分享Web开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的Web开发工具。分享快乐，快乐分享，希望这些资源能帮助到您。jQuery 插件和教程13个超级有用的 jQuery 内容滚动插件和教程推荐5个应用 jQuery 特效的精美网站33个优秀的 jQuery 图片展示插件分享15款优秀的 jQuery 导航菜单插件19个非常有用的 jQuery 图片滑动插件和教程分享33个优秀的 阅读全文
Web开发和设计精华文章推荐【系列四】
2012-08-09 13:58 by focusdada, 95 阅读, 收藏,
摘要：
这篇文章继续向大家推荐Web开发和设计精华文章，文章主要来自今年八月份发布于梦想天空博客的博文。梦想天空博客专注于分享Web开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的Web开发工具。分享快乐，快乐分享，希望这些资源能帮助到您。HTML58个惊艳的 HTML5 和 JavaScript 特效分享31个非常有用的 HTML5 教程分享21个非常棒的HTML5视频教程12个精美的 HTML5 个人网站欣赏10个基于 HTML5 的字体应用演示网站jQuery & CSS330个精美的j 阅读全文
Web前端开发人员和设计师必读文章推荐【系列九】
2012-08-09 13:57 by focusdada, 89 阅读, 收藏,
摘要：
这篇文章主要收录了最近两个个月发布在梦想天空的优秀文章，特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的 网页设计 案例，共享精美的 设计素材 和优秀的 Web开发工具。希望这些文章能帮助到您。HTML5 & CSS3 应用35款优秀的基于 HTML5 开发的网页游戏精美绝伦的 HTML5 个人作品集网站20个惊艳的 HTML5 Canvas 应用试验HTML5 网站大观：精美的HTML5创意网站作品分享29款基于 HTML 5 Canvas 的网页游戏实现精美网页字体的C 阅读全文
Web开发者必备的20款超赞jQuery插件
2012-08-09 09:20 by focusdada, 113 阅读, 收藏,
摘要：
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。演示 | 下载New FancyMoves Jquery Product SliderJquery Product Slider是一款效果很不错的产品幻灯片 阅读全文
web前端之路,好书分享
2011-07-22 08:22 by focusdada, 227 阅读, 收藏,
摘要：
一. 入门级 ：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力)，能够完成一些简单的WEB前端需求。 推荐：《JavaScript dom 编程艺术》 理由：此书绝对是入门的好书。此书从JS的历史 - JS基础语法知识 - DOM介绍和简单的使用。现在这本书已经出了第二版，需要的朋友直接第二版就行。 评价：简洁，实用，详细，易懂，书不厚，相信很快就能看完。 当然，作为入门书的话《JavaScript权威指南》也非常强大(这名字可不是白起)。二.初级开发： 推荐：《javascript高级程序设计》(第二版) 理由：这本书的 阅读全文
文字旋转效果实现（兼容ie firefox chrome）
2011-04-06 10:18 by focusdada, 442 阅读, 收藏,
摘要：
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><style type="text/css">.text{/* for firefox, safari, chrome, etc. */-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); 阅读全文
浙公网安备 33010602011771号