1.width & height 2.background : a.background-color b.background-image:url() c.background-repeat : no-repeat , repeat-x , repeat-y ; d.background-position : 规范顺序 x y ；除了坐标取值外，x可取值：left/center/right；y可取值：top/center/botton; e.background-attachment:fixed; 3.border : a. border-width : border-top/right/bottom/left-width; b....
原文 引自 http://www.tuicool.com/articles/aeye6rY less大家都知道是什么了，现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行，今天我就讲下用 Nodejs 怎么来编译，我下面说的是针对 webstorm配合。 1，下载nodejs，并且安装，配置下环境变量。 安装成功结果 2，安装less 在cmd中输入 npm install less -g less安装...
一. Ruby环境下Sass的安装 a.安装Ruby 1.下载rubyinstaller安装 2.命令行或者直接使用sass gem包安装Sass。 具体安装方法请参见： http://www.w3cplus.com/sassguide/install.html。（Sass gem地址已经被和谐了，大家可以从我的网盘下载gem包： http://pan.baidu.com/s/1hslRynE） b.安装S...
介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具。 基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能再运行时进行拓展。 Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根据你所输入的缩写来得到相应的...
让网页的宽度自适应屏幕 1）html上加入 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 3）加入这句话可以定义iphone的添加到主屏幕的图标 网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)表示页面中的所有链接都在新窗口打开 madinc.co// autocomplete="off"//去掉输入框的历...
无论你是新开发者还是经验丰富的老程序员，前端框架可以有效地在开发的早期阶段提升开发效率。在这篇文章中，我们选择了15个新框架分享给开发人员，你肯定会想尝试一下这些新鲜的框架。 1. RAD.js RAD.js is a framework for more quickly developing mobile applications. It’s optimized for iOS, Android, and Windows 8, plus all major web browsers. 2. SpaceBase SpaceBase ...
代码调试平台是Web开发者进行开发、测试、分享、协作和交流的网络应用，它们支持实时的编辑、预览HTML、CSS和JavaScript的客户端代码。这些代码调试平台最值得称道的地方在于，它们中的大多数都是免费的，你可以很容易的以学习或者调试程序为目的与他人分享你的工作。 就个人而言，这些web应用程序在日常工作中给我带来了不小的帮助。每当在使用JavaScript或者CSS编程碰到瓶颈的时候，我可以在代码调试平台上分享自己的代码并邀...
一、绘制基本图形 在每次用canvas画布时，都有几步是“套路” 1.在HTML中创建Canvas画布： 浏览器不支持canvas 2.获取画布标签，并得到一个2D对象： var c = document.getElementById(mycanvas); //获取标签var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境，返回一个2D对象 ，该对象实现了一个画布使用的大多数方法。 1、绘制线条： ctx.lin...
1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。 Bootstrap是用动态语言LESS写的，主要包括四部分的内容： 脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要...
问题：tomcat登陆超时 解决方法：双击窗口servers下的tomcat，出现属性界面，调整超时限制时间。 就是图中tomcat6.0
最近看到一篇非常好的文章，关于开发无障碍的web网页的内容，其实我们的工作中很少会去要求这方面的需求，但是其实如果我们能在开发过程中稍微留心的去安下文中的方法去做也耗费不了多少功夫，但是这么小的举动却可以帮助很多残疾人士，希望转载过来这篇文章可以让更多从事前端的同学看到。 Web无障碍设计（Accessibility in Web design，也叫网站可及性 ）是要让所创建的网站对所有用户都可用/可访问，不管用户的生理/身体能力...
× 目录 [1]屏幕尺寸 [2]分辨率 [3]像素密度 前面的话 实际上，并没有人提过屏幕三要素这个词，仅是我关于移动web开发屏幕相关部分总结归纳的术语。屏幕三要素包括屏幕尺寸、屏幕分辨率和屏幕像素密度。 屏幕尺寸 我们常常听说5.5英寸大屏幕手机，实际上屏幕尺寸是指屏幕的对角线长度。常见的屏幕尺寸有3.5、4、4.3、4.8、5.0、5.2、5.5、6.0等 对于英寸没有什么概念，可以通...
× 目录 [1]定义 [2]分类 [3]3P [4]缩放 [5]DPR [6]API 前面的话 像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就说不清楚了。本文将介绍关于像素的相关知识 定义 像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加...
类似于这个效果，给一个开发好的站点快速添加黑白滤镜效果，有没有什么解决方案？ 回复讨论(解决方案) body{-webkit-filter:grayscale(100%);} 参考百度的，实测有效 body{-webkit-filter:grayscale(100%);} 参考百度的，实测有效 多谢
× 目录 [1]特性 [2]安装 [3]设置 [4]移动端 前面的话 chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试 特性 BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作...