这里和搜集了前端开发者必备的20个在线工具和指南。新的一周，你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中，我碰到过很多实用的工具，应用程序和参考文档，我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。 您可能感兴趣的相关文章Web 前端开发人员和设计师必读文章集锦 十个拥有丰富 UI 组件的 JavaScript 框架 十款精心挑选的在线 CSS3 代码生成工具 开发者必备的八个最佳云端集成开发...
今天在尝试做移动页面的时候遇到了一个问题，meta content="telephone=no,email=no" name="format-detection">,不知道这句话具体含义是什么就查了下, 并且查到其他的一些标签的相关内容,记录在这里，方便以后常常查看。以下是关于format-detection的解释,如有错误请大家指出。 format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：...
原文 http://a317222029201405212739.iteye.com/blog/2174140 引自 http://www.tuicool.com/articles/aeye6rY less大家都知道是什么了，现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行，今天我就讲下用 Nodejs 怎么来编译，我下面说的是针对 webstorm配合。 1，下载nodejs，并且安装，配置下环境变量。安装成功结果 2，安装less 在cmd中输入 npm install less -g less安装结...
1.width & height 2.background :a.background-colorb.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. border-style (solid,dashed,dotted) ： border-top/right/bottom...
一.Ruby环境下Sass的安装a.安装Ruby1.下载rubyinstaller安装2.命令行或者直接使用sass gem包安装Sass。具体安装方法请参见：http://www.w3cplus.com/sassguide/install.html。（Sass gem地址已经被和谐了，大家可以从我的网盘下载gem包：http://pan.baidu.com/s/1hslRynE）b.安装Sass开发环境Sublime TextSublime安装完后配置起来比较繁琐，1.需要安装PackageControl工具，PackageControl用于管理Sublime的插件管理器。PackageCont...
让网页的宽度自适应屏幕 1）html上加入 发确保网页的效果 2） 加上以下语句可使网页在苹果设备上运行更好 3）加入这句话可以定义iphone的添加到主屏幕的图标 网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)相同、_blank(在新建的窗口打开)表示页面中的所有链接都在新窗口打开 madinc.co// autocomplete="off"//去掉输入框的历史记录 querySel...
一、绘制基本图形在每次用canvas画布时，都有几步是“套路”1.在HTML中创建Canvas画布：<canvas id="mycanvas" width="960px" height="580px">浏览器不支持canvas 如果不支持会显示这段文字 </canvas>2.获取画布标签，并得到一个2D对象：var c = document.getElementById(mycanvas); //获取标签 var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境，返回一个2D对象 ，该对象实现了一个画布使用的大多数方法。...
问题：tomcat登陆超时 解决方法：双击窗口servers下的tomcat，出现属性界面，调整超时限制时间。就是图中tomcat6.0
1. Bootstrap Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。 Bootstrap是用动态语言LESS写的，主要包括四部分的内容：脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因此，如果你的设计需要实现响应...
目录 [1]屏幕尺寸 [2]分辨率 [3]像素密度 前面的话实际上，并没有人提过屏幕三要素这个词，仅是我关于移动web开发屏幕相关部分总结归纳的术语。屏幕三要素包括屏幕尺寸、屏幕分辨率和屏幕像素密度。屏幕尺寸我们常常听说5.5英寸大屏幕手机，实际上屏幕尺寸是指屏幕的对角线长度。常见的屏幕尺寸有3.5、4、4.3、4.8、5.0、5.2、5.5、6.0等对于英寸没有什么概念，可以通过转换公式转换成常用的厘米1英寸 = 2.54厘米3.5in = 3.5*2.54c...
目录 [1]定义 [2]分类 [3]缩放[4]DPR[5]API 前面的话像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就说不清楚了。本文将介绍关于像素的相关知识定义像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，...
Adobe Dreamweaver虽然非常好用，但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具，更重要的，是免费的。如果你正在寻找Dreamweaver的替代品，下面这8款软件你应该优先尝试一下。注意，没有先后顺序，并不是第一位就是最好的。1.Quanta PlusQuanta Plus是一款Web集成开发环境，可以用来开发HTML, XHTML, CSS, XML, PHP 以及...
HTML为中心的前端开发也差不多是web标准的意思。它们的共同点就在于“分离”思想。 1、HTML是基础 2、CSS依靠选择符提供视觉； 3、Javascript 依靠HTML事件去驱动行为； 4、DOM提供API修改HTML DOM结构的API给javascript调用； 5、AJAX提供XMLHTTP API建立客户端和服务器端的通信，而且是异步通讯； 6、XHTML是用XML重构的HTML。为了更加结构化； 7、HTML的语义化使用和微格式提供数据抽取，就是SE...
前端开发部门在壮大，人员在增加，技术在进步。CSSer虽然不能代表前端开发团队，但CSSer是前端开发中非常重要的组成部分。我们学习了解相关团队协作的知识，让工作得加自如，在Webjx.com中将在以后增加相关的知识。 前端开发部门在壮大，人员在增加，技术在进步。CSSer虽然不能代表前端开发团队，但CSSer是前端开发中非常重要的组成部分。我们学习了解相关团队协作的知识，让工作得加自如，在Webjx.com中将在以后增加相关的知识。...