标签目录：css

2014
11-11

浏览器的渲染原理简介

看到这个标题大家一定会想到这篇神文《HowBrowsersWork》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因，1）这篇文章太长了，阅读成本太大，不能一口气读完。2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。所以，我准备写下这篇文章来解决上述两个问题。希望你能在上班途中，或是坐马桶时就能读完，并能从中学会一些能用在工作上的东西。浏览器工... 继续阅读 >

2014
11-11

如何利用 Bootstrap 进行快速 Web开发

入门下载已编译的Bootstrap数据包（可以去这里下载）。我在本文中使用的是V2.3.2。下载内容包括Bootstrap的关键元素CSS，以及一些有用的图像和JavaScript文件。您可以根据我在文中的描述为Web页面提供HTML。Bootstrap文档中不包含框架支持的许多设计选项的样例HTML。但是Bootstrap文档页面（尽管其本身已说明了Bootstrap的灵活性）还不足以解释真正起作用的基本设计原则。响应式Web设计查看Web页面的设备... 继续阅读 >

2014
11-11

Web应用开发中的几个问题——使用javascript开发需知

开篇概述Ajax技术在Gmail中的成功应用，和高性能的V8引擎的推出，使得编写Web应用变得流行起来，使用前端技术也可以编写具有复杂交互的应用。相对于原生应用，Web应用具有如下优点：跨平台，开发和维护成本低；升级和发布方便，没有版本的概念，随时随地发布，用户没有感知，不需要安装；响应式设计(ResponsiveDesign)使得Web应用可以跨平台，同一份代码自适应各种屏幕大小即使最终不采用Web应用方案，也很适合开发原型... 继续阅读 >

2014
11-11

关于浮动（float）的最优清除方案推荐

对于日新月异的WEB开发技术和浏览器更新频率来说，清除浮动已然是一个被人嚼碎了的话题。说是这些年过去了，有关float的地方，还依然少不了清除浮动的标签和css代码。W3C整天研究html5，就不能抽出点时间来把这种烦人的小细节修正一下吗？抱怨归抱怨，饭还得吃，钱还得挣，清除浮动就不能停止。为了清除浮动增加无语义代码已经是最稳定和简单的方式，但总叫开发者心里感到不舒服，毕竟这么多年来早已习惯了结构和样式的分离，非要... 继续阅读 >

2014
11-11

关于CSS浮动(float,clear)的通俗讲解

写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。小菜水平有限，本文仅仅是入门教程，不当之处请谅解！本文以div元素布局为例。教程开始：首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在di... 继续阅读 >

2014
11-11

前端工程师必备：细数那些好用的网站开发工具

Web用户体验师JakeRocheleau撰写了一篇文章分享他在Web开发中经常使用的网站和WebApp，其中包含各类字体库、代码库、插件库、配色方案和测试工具。他同时指出，Web开发环境将慢慢转向云端。CodeVisually是一个开源项目。在它的分类目录下有各种插件、模板、主题和脚本程序，你可以找到很多有用的JS库，也为WordPress开发人员提供了框架和模板。如果你是一个jQuery框架或JavaScript爱好者，那么你一定要经常去CodeVisually... 继续阅读 >

2014
11-11

Web开发中需要了解的东西

在StackExchange上有人问了这样一个问题：Whatshouldeveryprogrammerknowaboutwebdevelopment?（关于Web开发，什么是所有程序员需要知道的？）里面给出的答案非常不错，所以，我翻译转载过来。 顺便说一下，StackExchange真是非常好，大家可以对同一个答案做贡献和修订，看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。好了，下面是正文（我对原... 继续阅读 >

2014
11-11

程序员技术练级攻略

前言你是否觉得自己从学校毕业的时候只做过小玩具一样的程序？走入职场后哪怕没有什么经验也可以把以下这些课外练习走一遍（朋友的抱怨：学校课程总是从理论出发，作业项目都看不出有什么实际作用，不如从工作中的需求出发）建议：不要乱买书，不要乱追新技术新名词，基础的东西经过很长时间积累而且还会在未来至少10年通用。回顾一下历史，看看历史上时间线上技术的发展，你才能明白明天会是什么样。一定要动手，例子不管... 继续阅读 >

2014
11-11

Jay Huang：我的亚马逊面试经验

这一切都从我还在SAP工作的时候开始。几个同行注意到亚马逊在耶鲁镇开了一家新办公室。我记得应该是在2013年1月左右吧。最初我并不是很感兴趣，但是当我听别人说了好几次之后，我仔细考虑了一下，觉得应该没什么坏处。我将在四月底离开SAP，而如果亚马逊比较合适的话，我可能会去那。网站上的职位列表很少，所以我申请了在温哥华的“Web开发工程师”职位，因为我觉得这个职位最为符合我的技能和经验。当时我并不那么积极的寻找工... 继续阅读 >

2014
11-11

如何成为一名优秀的web前端工程师

程序设计之道无远弗届，御晨风而返。————杰佛瑞·詹姆士我所遇到的前端程序员分两种：第一种一直在问：如何学习前端？第二种总说：前端很简单，就那么一点东西。我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。何为：前端工程师？前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握... 继续阅读 >

2014
10-16

DIV+CSS兼容所有浏览器的技巧大全

DIV+CSS兼容所有浏览器的技巧大全CSS技巧1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。缺点是要控制内容不要换行? 2.margin加倍的问题?设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;?例如：?<#divid=”imfloat”>?相应的css为?#IamFloat{?float:left;?margin:5px;... 继续阅读 >

2014
10-16

CSS中各个浏览器兼容的解决办法

1.CSS中几种浏览器对不同关键字的支持，可进行浏览器兼容性重复定义 !important可被FireFox和IE7识别 *可被IE6、IE7识别 _可被IE6识别 *+可被IE7识别区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green!important;background:blue; 区别IE7与FF： background:orange;*background:green; 区别FF，IE7，IE6： background:orange;*b... 继续阅读 >