Laravel Elixir 为 Laravel 应用提供了一个简洁、流畅的 API 来定义基本的 Gulp 任务。Elixir 支持普通的 JavaScript 和 CSS 预处理器，如 SASS 和 Webpack。通过链式方法，Elixir 允许你流畅的定义你的资源管道。

虽然 Laravel 不决定你使用哪种 JavaScrit 或 CSS 预处理器，但它却使用 BootStrap 和 Vue 提供了一个基本的起始点，它们对于大多数的应用都会有用。默认情况下，Laravel 使用 NPM 来安装这两个前端包。

分享几种使用CSS实现图片垂直&&水平居中的方法，有些可能并不能兼容所有浏览器，大家可以自行选择：方法一：使用CSS的 background-image；方法二：使用CSS的 margin 实现；方法三：table 方式实现；方法三：table 方式实现

作为《前端开发者必备工具》系列文章的第一篇，首先分享前端开发过程中必备的CSS工具，希望这些工具能够帮你更快的开发。

收集了一些移动WEB中常见的问题，如Meta标签、禁止选择文本、css3多文本换行、Retina屏幕高清图片、html5重力感应事件、移动端touch事件、IOS里面fixed的文本框焦点居中、移动端点透事件、手机拍照和上传图片、动画效果时开启硬件加速、ios和android局部滚动时隐藏原生滚动条、设置placeholder时候 focus时候文字没有隐藏、移动端不同的input对应不同的键盘展示样式等

现在也有很多这样的站点，但是我还是决定自己来做一个这样的站点。

主要有以下三方面原因：

1.自己使用起来比较方便：

现在很多网站的Banner图片都是全屏宽度的，这样的网站看起来显得很大气。这种Banner一般都是做一张很大的图片，然后在不同分辨率下都是显示图片的中间部分。实现方法如下：

今天我们来看一种三列布局–中间固定宽度，两边自适应宽度。比如我们在做一个网站Banner时，有时候需要让中间固定一个宽度，然后两侧填充成相同或不同的样式。这时，我们就可以用到这种布局。

在页面布局中使用png图片时，在IE6下经常显示不正确，这里几种解决办法，有用javasctipt解决的，也有用纯css解决的，希望可以帮到有需要的童鞋。

随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？