如果你是自由职业者总是要在一定的期限内完成客户的要求和需要的挑战。做工作和客户沟通是不容易的，但有无数的在线工具，在这种情况下可以帮助你。 在这个"我们已经收集了20新鲜和挑选的工具为我们的观众，使他们的工作更容易一些。以下工具都是在线和目标利基，每个自由职业者都是找。 2015年7月，我们是突出新的工具和资源，会促进你的任务，范围从Web应用程序框架和JavaScript库移动应用本文包括一些真正有用的资源，将帮助...
一：基本概念 ( 1 ) CSS pixels 与 device pixels CSS pixels： device pixels： ( 2 ) PPI/DPI PPI/DPI : 每英寸所拥有的像素数目，数值越高，即代表显示屏能够以越高的密度显示图像。 PPI的计算： 首先计算出手机屏幕的对角线等效像素，然后除以对角线( 我们平常所说的手机屏幕尺寸说的是手机屏幕对角线的长度 ) ( 3 )PPI密度决定比例 120-160：低密度手机 160-240：中密度 2...
转自：http://www.php100.com/html/webkaifa/HTML5/2012/0831/10979.html 随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应 用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？ 学习html5 viewport的使用能帮你做到这一点…… viewport 语法介绍： 01 ...
前一段时间应聘了一家公司，由于面试前完全没有做准备，面试过程中被问到了一些基础的前端开发问题我没答出来，对方认为"和我们期望的水平还有一定差距"为由拒绝我。 刚好我在github看到一篇很全的前端开发面试题目，所以就尝试自己整理一份答案出来。这篇文章的初衷是希望能够和大家互相讨论交流一下，如果我有错误的地方十分欢迎指出来。 PS: 我不认为单纯通过做题能够成为一名优秀的开发者，但是如果因为没有准备充足错失去...
在过去的一年里，我在从头开始开发我的第一个重要的Web应用。经验教会了很多以前不知道的东西，特别是在安全性和用户体验方面。 值得一提的是，我上一次尝试构建的任何合理复杂性是在2005年。所以，在安全防御方面，我还有很多东西需要去补充。 即使在那些我已经知道或已经遇到过的东西之外，下面这个清单的细节在开发Web应用时也非常容易忘记，尤其是你才刚刚起步的时候。 这个清单可能在某些方面不尽详细，如果你是一位经验...
最近在和小伙伴讨论如何高效的编写css代码的问题，于是我们想到了使用css的预处理语言。例如（less，sass等）。最后我们决定使用less（相对于其他css预处理语言更简单，语法更接近css）。 先说说什么是less? 简单的说，你可以在你的css文件中使用变量、函数等方式来编写你的css。 less具有哪些功能？ 混入(Mixins)??class中的class； 参数混入??可以传递参数的class，就像函数一样； 嵌套规则??Class中嵌套class，从而...
F12快捷键调出开发人员工具 一.JS的内容格式化 1.内容较乱的js脚本： 2.勾选下面两项即可进行格式化脚本：自动换行与格式化JS 3.调理清楚的脚本 二：清空控制台 1.右键-》清空 2.console.clear() 三：用控制台代替alert() 当你需要调试代码中的值却又不想中断代码的执行时，我们可以用： window.console.log("HelloWorld"); 在控制台查看。 四：调试JS时的断点快捷键 F9：添加/...
二章 CSS 1节CSS介绍 CSS(Cascading Style Sheets) //cascade级联,串联CSS由两个部分组成:选择器，以及一条或多条声明selector{declaration1;declaration2;...} h1{font-size:16px;color:red;}一级标签 2节CSS定义三种样式 1 内联式一级标题2 嵌入式 //一节中的样式3 外联式 //新建一个css @charset "UTF-8"; h1{font-size:36px;color:pink;} //指定关联文件的类型，指定关联文件与当前文件的关系，引用关联文件//如果通过...
静态Web开发 一章 HTML(Hyper Text Markup Language) 1节html入门 HTML超文本标记语言由浏览器解释执行开发人员编写的超文本文档就是网页 XHTMLHTML升级到XML得过度产品完全兼容HTML4.01并且具有XML的语法 不区分大小写头部分是给HTML页面增加一些辅助或属性信息，它里面的内容会最先加载，体部分是真正存放数据的地方 //该文档采用哪种编码集utf-8 能看到我嘛 //不指定编码，乱码；标签不区分大小写 可以使用专业的HTML编...
随着人们对体验的极致追求，web页面设计也面临着新的挑战，不仅需要更人性化的设计理念，还需要设计出更酷炫的页面。作为web前端开发人员，运用开源资源，更快更好地实现一些现代化的界面，是必备技能之一。下面小编就分享10个顶级的CSS UI开源框架，有兴趣的童鞋可以一起看看看。 1、Bootstrap? 最流行的Web前端UI框架 Bootstrap是由twitter公司推出的Web前端UI框架，由Twitter的设计师Mark Otto和Jacob Thornton合...
目录 1. iScroll介绍 2. 安装和使用 3. 简单的iScroll例子 4. Pinch & Zoom 5. Snap to element 6. iScroll 详细参数 1. iScroll介绍 一般我们在开发传统Web网站时，偶尔会用固定某一区域的宽度/高，然后借用设置这一区域的overflow:scroll，使得其里面超过该区域范围的内容，可以通过移动滚动条来查看。 而在iOS(iOS5以下)的mobile Safari以及Android的浏览器当中，原生不支持页面内任意区域的overflow:scroll这...
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 标题 11. 12. 13. 14. 15. 这里开始内容 16...
Html开发常用习惯： 引入CSS, JS 根据HTML5规范, 通常在引入CSS和JS时不需要指明 type，因为 text/css 和 text/javascript 分别是他们的默认值。 HTML5 规范链接 ?使用link ?使用style ?使用script 属性顺序 属性应该按照特定的顺序出现以保证易读性； ?class ?id ?name ?data-* ?src, for, type, href, value , max-length, max, min, pattern ?placeholder, title, alt ?aria-*, role ?required, read...
最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下，同时也记录自己对Bootstrap开发的学习研究的点点滴滴，希望在开一个《基于MVC4+EasyUI的Web开发框架经验总结》的系列文章，逐步介绍这个响应式框架的点点滴滴。 Bootstrap是一个前端的技术框架，很多平台都可以采用，JAVA/PHP/.NET都可以用来做前端界面，整合JQuery可以实现非常丰富的界面效果...
我们团队最近开发一个web页面，包含一连串的功能，每个功能放在一个页面中，用一个导航条来在各个页面间导航。 为了并行开发，我们每个功能写在一个单独的html文件中，包含导航条的页面作为主页面，最后把各个功能页面的html放在iframe里面嵌入到主页面中来。 因为用iframe各个页面之间是相互隔离的，css和js代码不会互相影响，利于分开并行开发。 不知道这样有没有什么缺点，又有没有什么更好的方案，求指教。 ...