Vanessa

2020-03-09 简介新的文件系统 API 允许 Web 应用读取或修改用户设备中的文件或文件夹。他能让开发者简单的构建一个和用户本地文件交互的强大的 Web 应用，如 IDE，照片和视频编辑，文本编辑等。当用户授权给一个 Web 应用后，这个 API 就允许该 Web 应用读取或者修改用户设备上的文件。该 API 不属于 W3C 官方或 WHATWG 规范，目前状态如下：SpecificationStatusCommentFilea

2020-02-24 简介 WebComponents 是 W3C 正在向 HTML 和 DOM 规范添加的一套功能，他允许在 Web 应用程序中创建可重用的组件。他由以下三部分组成，可单独或组合使用：Customelements（自定义元素）：编写自定义组件的 JavaScriptAPIShadowDOM（影子 DOM）HTMLtemplates（HTML 模板）：包含 <template> 和 <slot>Customeleme

兜兜转转兜兜转转，从 PM 回归到了码农兜兜转转，年末继续计划家里蹲 2017 还有三天就要过年了，拖延症的我不得不和 2017SayBye，不得不和自己交代一下 2017 我都干了什么？突然脑袋一蒙，我到底干嘛了。。。翻开博客，翻开 Timeline。还好还好，今年没有一片空白 😂 工作去年末准备家里蹲的，但是身为一名党员，怎么能不服从党的号召，然后就被口号为“抓党建促脱贫攻坚”的某司吸引了。。。RESTful、Gi

🚀 介绍 🎨 前端路线图 👽 服务端路线图对于后端，作者个人更喜欢 Node.js 和 PHP7。另外，我最近一直在做 Go，我非常喜欢它。除此之外，如果我不得不选择另一个，我会去 Ruby。不过，这只是我个人的偏好，你可以选择任何一种你熟悉的语言。👷 部署运维路线图摘自：https://github.com/kamranahmedse/developer-roadmap

开发一个现代化的互联网网站是一项复杂的任务，需要各种职能的密切合作以应对用户日新月异的需求。其中，网页的性能直接决定了用户的体验，而随着新型客户端浏览设备的出现与网站功能的日益复杂化，对于性能的专注也达到了前所未有的高度。传统的网站性能监测通常有以下几种方式：借助传统的开发者工具查看网络请求，例如浏览器的 F12 工具、Fiddler、Charles 等等。基本方式是通过追踪 HTTP 请求与响应的时间，以图

在编写静态页面的时候，往往 header，nav，footer，side 部分是通用的。最重要的是：此时，如果你是根据 Fireworks 或者 Photoshop 来进行编写，那么文案、链接等很多东西都是不确定，这样就会导致频繁的修改。如果页面一多，且修改的是通用部分。那么你麻烦了，至于啥麻烦，你懂的！为了避免这样的情况发生，你可以使用一些模版引擎来解决这样的问题。在此，我就给大家介绍一下我所使用的模版引擎吧

在很多项目中都会有在前端展现数据图表的需求，而在开发过程中，开发者往往会使用一些 JavaScript 库，从而更有效地达到想要的目标。最近，TechSlide 上的一篇文章总结了 50 种用于展现图表的 JavaScript 库，并对每种库做了简要的说明。这对于想要选择合适 JavaScript 库的开发者很有参考意义。文章作者首推的库是 D3，他说到：它非常让人惊叹，我很喜欢它的简洁性。它的文档非常完备，源代码托管

HTML5 的采用策略：一个浏览器也不放弃。下载示例代码：http://code.msdn.microsoft.com/mag201109HTML5HTML5 有许多激动人心的特性，有了新的标签、新的 CSS 能力和新的 JavaScriptAPI，Web 的能力范围有了大的飞跃。除了浏览器厂商的士气高涨之外，令人激动的新功能列表几乎每天都在增加。从“nightlybuilds”（每夜都构建一版）到开发渠道发行

EverythingYouNeedtoKnowAboutDesignLoksautusArtechAgencementViens-laAgencyFredericChristianAirJordan2012PeterWesolowskiportfolioMatteoZangaCarnationGroupsiteMINICROSSOVERCampbellHarrisonCrowdTrackGentTa

效果真不错，脱离桌面也可进行提醒。可以弄个每工作 45 分钟就出去休息 15 分钟的小贴士或者是类似 googlecalendar 的东东。效果如图：以下转自：http://www.cnblogs.com/yiciyun/archive/2012/09/02/2667863.htmlHTML5 开发桌面提醒功能 Demohtml5-desktop-notification.html(只支持 Chrome 浏览器)详见代

下文转自：爱上朴实的 CSS 细节未来的 CSS 太让人兴奋了：一方面，是全新的页面布局方式；另一方面，是酷炫的滤镜、颜色等视觉效果。这些 CSS，受开发者追捧，被杂志和博客文章铺天盖地地介绍。如果说这些特性是 CSS 华丽的一面，那我们来看看它朴实的一面：很不起眼的东西，如选择器、单位、函数（方法）。我经常说这是繁琐的东西，但我意思是它们能干漂亮的活，这就是我要分享的。怎么说呢，让我们看看这些效果最好的朴实的 C

继 Node.js 小工具之后，基于 csslint 写了个超简单的 CSS 语法校验工具。思路：递归查找目录下的 css 文件，首先去除文件路径以 svn 开头的，然后选择以 css 结尾的文件。将查找到的文件路径保存到变量中。对保存的文件路径依次使用 exec 执行 csslint 命令，由于 exec 只有在异步执行中才可获取执行结果，因此每次执行的结果都进行了读写文件的操作。读取文件中的内容，把原有内容加上执行的结果再写入到文

继 grunt 初识后，发现 B3log 上面用他太过于强大了，在 CSS 方面也没研究出怎么用他来进行压缩。B3log 主要是需要一些压缩，批量替换的版本号的功能。既然自己学习了 Node.js，何不学以致用呢？1.代码压缩 https://github.com/b3log/b3log-solo-skins/blob/0.5.0/helper/tools/compress.js2.批量替换 https://githu

继前天学习了 Node.js 之后，昨天研究了下 grunt。今天用 Node.js 写了两个小工具。太久没有研究新东西了，grunt 学习起来，颇为坎坷。需要在此记录下，以提醒后人不要重蹈我的覆辙 ^^grunt:用于辅助中型以上的 JavaScript 项目：定义项目描述属性；合并文件；搭建项目模版；校验 JS;压缩代码；测试；静态服务器；部署等扩展功能。1.安装 gruntnpminstall-ggrunt2.新建

以前的视觉差只是简单的背景和前景滚动速度差异所致，但这些 Demo 呈现的是另一种感觉，非常 Cool。视觉差滚动效果意为多种背景层可以横向及纵向各自滚动。这个惊人的视效最早出现在 Nike2011 年的 NikeBetterWorld 项目里，自此这个效果广为沿用，时至今日，诞生了很多不错的作品。在此，与各位读者分享 11 个使用视觉差滚动效果的企业网站模版。绝对可以让你们大饱眼福。来源：Wabbaly 编译：Ant

当老迈的 HTTP 协议逐渐不能满足人们需求的时候，Google 的 SPDY 协议出现在面前，那么这个长期以来一直被认为是 HTTP2.0 唯一可行选择的 SPDY 是什么呢？当下我们如何能部署上 SPDY 呢？左边是普通 HTTPS 加载，右边是 SPDY 加载。是不是很神奇？SPDY 是什么？SPDY 是 Google 开发的基于传输控制协议(TCP)的应用层协议，开发组正在推动 SPDY 成为正式标准（现为互联网草案）。SPDY 协议

对色盲群体的关爱颜色可以用来区分信息图形上的数据类别和维度，是数据可视化中最常用的视觉变量之一。然而，世界上有超过 8% 的男性和 0.4% 的女性都被色觉障碍的问题困扰——他们在识别部分或者全部颜色时有困难。我们通常笼统的称这类人群为“色盲(ColorBlindness)”（也称为道尔顿症、色觉缺失、色觉辨认障碍、色弱等）。面对如此庞大的特殊受众，设计师理应关注他们的需求。信息图形设计本是以向用户传递精准

其实只是为了想要达到合并 CSS，弄几个颜色、字体的变量罢了，mergeCSS 感觉有点那个什么的。。。发现 bootstrap 用的工具都很不错，以后可以参考下。recessrecess 是 Twitter 的 JacobThornton 开发的一个工具，目的是处理 CSS，建立在 LESS 的基础上。jshintjshint 类似 jslint，是一个 JavaScript 代码检测工具（也就是 JavaScript 的 lint）

最近开始折腾 Nginx，Windows 下的就不说了。Linux 就大学那会学过，在上一家公司用过的命令也不超过 5 个，纯属菜鸟级别。首先安装 SecureCRT，然后在会话选项-> 终端-> 外观中修改当前颜色方案为 Traditional，选择字符编码，选择你喜欢的字体。这样就可以装下，让人觉得你会这个东东的样子，同时也增加自己的信心——输命令吧，木有问题 o(∩_∩)o 网上一搜一堆一堆的，这里就带着 Linux

对任何设计来说，颜色都是最重要的元素之一，对观众有着巨大的影响，因而对颜色的挑选和研究有着重要的意义。不论你选用哪一种调色板，它都应该要很好地反映出你的意图，恰到好处的捕捉到你希望获得的感觉。和普通的拾色器相比，设计师们有必要借助一些更好的解决方案。以下所列的 5 个配色网站将有助你挑选最佳的调色板。0to2550to255 这个简单的工具能呈现任何颜色的各种变化。你可以往里面输入特定的颜色代码，它也能随