摘要：
有这么一段HTML，请挑毛病：哥写的不是HTML，是寂寞。我说：不要迷恋哥，哥只是一个传说这是原来雅虎一道笔试题（文字变了变），用了很多年了，还没有一个人完全答对过。解答部分_________________出 这道题的动机是，太多人觉得HTML太简单，但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合理，直接影响到代码易不易维护，灵不灵 活，同时事关网页性能，协作效率。碰到不少人认为前端开发就是javascript开发，大错特错啊。javascript, html, css这三个前端开发的基础支柱，性质完全不同又紧密关联，对它们的正确理解，合理应用是专业与非专业的区别。有些后 阅读全文
摘要：
1.简约2.居中布局3.不要过多使用竖列布局4.页面头部和主体有所分离5.明显的区域分界6.简约的导航栏7.粗体字的LOGO8.文本大些9.更大的内容主题和简介文字10.明亮、强烈的颜色11.3D质感12.使用渐变色13.高光和投影14.精美的ICON15.多角星标签简短的介绍和图片，列举出Web2.0网站十五个显著的流行风格要素。不必在一个设计中应用下列所有的元素，掌握何时用和如何使用才是关键。... 阅读全文
摘要：
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意，而是有其现实的原因，垂直居中是网站建设中工作中最常遇到的一个问题，很有代表性。题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法：.box {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font 阅读全文
摘要：
（1）创建新节点createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点（2）添加、移除、替换、插入appendChild()removeChild()replaceChild()insertBefore()（3）查找getElementsByTagName() //通过标签名称getElementsByName() //通过元素的Name属性的值getElementById() //通过元素Id，唯一性本节要用到的html例子项目一项目二项目三1.创建元素节点docum 阅读全文
摘要：
常用:JS 获取浏览器窗口大小 1 // 获取窗口宽度 2 if (window.innerWidth) 3 winWidth = window.innerWidth; 4 else if ((document.body) && (document.body.clientWidth)) 5 winWidth = document.body.clientWidth; 6 // 获取窗口高度 7 if (window.innerHeight) 8 winHeight = window.innerHeight; 9 else if ((document.body) && 阅读全文
摘要：
1 2 3 4 5 跟随鼠标移动实例 6 19 20 21 22 23 24 25 35 阅读全文
摘要：
1.Firebughttp://getfirebug.com/最流行的前端开发工具2.HttpWatchhttp://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddlerhttp://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFoxhttps://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US和HTTPWatch很类似的一个工具5.Yslowhttp://developer.yah 阅读全文
摘要：
按钮是网页最重要的组成部分之一，是用户和网站交互的桥梁。Form Message ButtonsSimple Web ButtonsToggle Switch ButtonGlossy Web 2.0 ButtonRed Call to Action ButtonPretty Round ButtonsSimple Web ButtonCall to action buttonRed Downlo... 阅读全文
摘要：
引进CSS3带来了很多令人兴奋的Web开发行业。CSS 3D变换的支持下，在以前是不可能的，这是可能的。CSS3只是一个造型技术在网页设计中常用的，但引进的动画性能和3D转换属性，我们可以很容易地创建很酷的动画，加上相结合的Javascript，令人惊艳的效果！在这篇文章中，我们已经收集了11 CSS3相关的教程，告诉你如何做出令人惊艳的效果，一些experimentals，但放心，这是CSS的未... 阅读全文
摘要：
一、SVG技术背景随着网络上信息数据的大量涌现，如何正确显示和出版是有效传输、接收和利用它们的基础。图形、图像是信息数据可视化的主要方式。但现有的图形、图像格式 存在着缺陷：非开放式，显示和印刷质量及适应性差，难以创建Web上图文信息的个性化定制、交互式以及实时动态方面的应用等。SVG正是在这样的背景下诞 生的。SVG(Scalable Vector Graphics，可伸缩性矢量图形)是由万维网联盟(W3C)推出的基于XML编码的开放式图形、图像标准。它虽然是一种二维矢量图形格式，但其中可以 包含矢量图形、光栅图像及文本等。这种新的图形格式不但拥有Web矢量图形的固有特性，更是结合了XML及 阅读全文