前端设计

CSS3弹性盒子之align-items属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。

CSS3渐变背景 inear-gradient() 函数用于创建一个线性渐变的 "图像"。

Chrome的开发者工具对于前端调试很好用，但缓存也是很头疼的问题！今天分享一下Mac版Chrome强制刷新浏览器缓存的方法。

背景是一个form表单需要通过ajax来提交数据，要求禁止按下Enter回车键自动提交表单，于是Javascript代码完整如下。

页面实现自适应字体大小，可使用 rem 作为单位，rem相对于html根字号来自适应处理，然后使用 media query 来调整 html 元素的 font-size 即可。

好久没打开家里的老爷机PC了，浏览网页时候很是不习惯，自家的一些网页中图片显示也是相当的不爽，今天整理一下在Retina等高清显示屏下，网页中图片的显示兼容问题。 一、使用 .SVG 矢量图形 这也是我常用的解决方案，与网页中常用的位图相比，矢量图的可缩放特性能适应各种分辨率，目前大多数浏览器都支持SVG格式的图片（ 如果你还在用那些不支持SVG的浏览器…… >_< ），而且 .svg 格式的图片同样也使用···

今天说一个比较常用的效果，比如当页面滚动到导航条时，接下来页面滑动时，导航条就固定显示于顶部…… Html 代码： <div id="header-wrapper" class=""> <nav class="main-nav"> <ul id="dropmenu"···

各种手持设备越来越普及，兼容手机和平板设备的网站也将会越来越流行，响应式网页也是未来的设计趋势。今儿就说说利用Chrome浏览器来模拟真实的手机端访问网站，方便设计前端和测试页面的兼容性……

以 1920 x 350px 图片为例 <style> html, body{margin:0px;} .flexslider {···

在一些get方式可获取的信息流下，经常用到JQuery的getScript()方法，它可很方便的实现异步获取数据。与所有的全局函数都差不多，getScript（）也有一个回调函数，该回调函数在方法执行完成后执行。