本文主要列举了调试本地网页、查看测试环境网页的各种方法，涵盖了PC、iPad、移动端的调试技巧。 本文的不足之处在于，小溪里暂时还没有找到调试位于微信中和安卓各国产浏览器上的网页。 相关设备概念： PC ：主要指以 Windows 系统为代表的台式机或笔记本，其通常为 1…...

![enter image description here][1] 如果你还不知道前端开发是干嘛的，那美工你一定听说过；如果连美工也没听说过，那姑且就当我是个做网页的好啦～ 既然是雄心勃勃的创刊号，那就说一下我的想法吧，前端开发这个职业存在也有十几年了，可以说是从美工和切…...

![enter image description here][1] 在上一期的代码中，我们用到 h1，p，a 等标签，这些标签确定了我们想在网页中展示一个标题，一个段落，和一个链接。 在上一节我们也看到了，浏览器会给我们的标签“渲染”一个默认的样式，包括默认的字体大小，颜…...

摘要： Sketch 是一款 Mac 下的设计做图工具，易用性、图像品质，以及专为 UI 设计优化的工序，都让它成为一款“有资格陪你进入未来”的优秀软件，不但适合 UI 设计师，同样适合于偶尔需要做图的码农。 ![sketch logo](http://www.ituring…...

原文地址：margin系列之外边距折叠 by @doyoe 不怀疑你也… ...

前言 近几天在编程群中的聊天，让我发现了很多人并不清楚什么是上下文（context）、什么是作用域（scope），而且纠结在其中。我当初对这两个概念也只有粗浅的理解，不过我从一开始就不怎么困惑，因为我清楚自己对这一问题的认识边界。现在，我对它们的认识也只加深了一点点。不过，群…...

![Meteor实战 封面][1] 广义的Web全栈，一般包含后端开发、前端开发、界面设计、产品设计、数据库、各种移动客户端开发等等，狭义的Web全栈则至少包含后端开发、前端开发、数据库。全栈的难度在于要求你掌握前后端的多种技能、可能要学会多种语言，比如大家都很熟悉的典型全栈…...

原文地址：margin系列之百分比 by @doyoe 你可能从没注意过它 在 [margin系列之… ...

原文地址：margin系列之与相对偏移的异同 by [@doyoe](http:/… ...

Amaze UI——可能是最好用的 HTML5 前端框架 Amaze UI 的开发文档：[http://amazeui.org/getting-started][1] Amaze UI 是一个针对 HTML 5 开发的轻量级、模块化、移动优先的跨屏前端框架，通过拆分、封…...

Amos Q. Haviv是一位软件工程师、技术顾问，他还是MEAN.IO和MEAN.JS的创建者。Amos有近十年的全栈开发经验，曾就职于多个创业公司和企业。从2011年起，Amos使用JavaScript的全栈解决方案进行开发，包括Node.js和MongoDB，以及Ang…...

![enter image description here][1] 在上一期“然并卵的 Hello World ！”（聊天界面回复 001）发出之后，同学们的反应跟我的预期出奇的一致，那就是然！并！卵！ 那么从这一期起，让我们接触一些真正的代码吧！ HTML语言与常用标…...

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 你可以直接访问 GitHub: gulp-book 查看本书 目录 安装 Node 和 gulp 使...

【前端类】 《Head First HTML&CSS 》(已读)★★★ 《Head First Ajax》(已读)★★★ 《高性能网站建设指南》（已读）★★ 《高性能网站建设进阶指南（在读）》★★★ 《精通正则表达式（3E)》（已读）★★★ 《Head F…...

　　今天又有轰动的大事件发生，这次轮到程序员High了！满眼都是小程序，HTML5、JavaScript。有的程序员窃喜，有的程序员暗下决心快速充电以备不时之需。那么，决心有了，参考书目在哪里？ 　　以下参考书目分为HTML / CSS / JS 三部分，其中每部分又分必读…...

作为一个前端工程师，无非是HTML，CSS，JavaScript。而CSS无疑是初级入门级别的。所以刚买这本书的时候，我主要的目的是学一些最新的CSS属性，再加上学习一些全新的CSS Tricks。虽然现在JavaScript各类新框架层出不穷，但是对于前端的动态特效、页面的效…...

该文章目录 使用cookie 使用Web存储 使用indexDB 使用Web SQL 使用库简化 示例程序 说明： 《客户端存储技术》是一本mini 书，只有100来页。如果对于客户端存储方面不了解的可以看看这本，作者讲得很简洁明了，没有涉及太深的东西。当然，如果了解…...

![enter image description here][1] 话说从设计稿到前端页面实现，是产品流程中非常重要的一环，这个阶段决定了设计师设计的设计稿能否完美地变成真正的产品雏形。废话不多说，本文主要介绍以下三块内容：移动设备尺寸；前端适配方案；设计师与前端如何对接。…...

普遍性和可检测性： Xpath 注入是 OWASP TOP10 安全威胁中 A1 Injection 中的一种，注入漏洞发生在应用程序将不可信的数据发送到解释器时。虽然注入漏洞很容易通过审查代码发现，但是却不容易在测试中发现。 影响严重： 注入能导致数据丢失或数据破坏、缺…...

**【编者按】本文作者 Dennis Callaghan 目前就职于 Callaghan&Partners。本文中，作者分享了购物高峰期提高网站性能的三个建议，帮助电商网站解决性能难题，提升用户体验，由 [OneAPM](http://www.oneapm.com/in…...