iteye_16836的博客

 响应试设计目前早已渗透到web前端的方方面面，说到响应式设计我们就会用到媒体查询(media queries)，它可以帮助你根据浏览器尺寸对网页中的元素信息相应的布局调整，当然你还可以借助css3的一些新的特性，添加一些过渡效果。无论你是用框架还是自己写的媒体查询方式，你就会感受到它自身灵活的地方，以及给你的网站带来更加完美的用户体验。 HTML 结构下面我将向大家举...

今天分享一款响应试导航栏，该导航栏本身导航栏的宽度是不固定的，它的宽度将以百分比的方式代替固定像素宽度。当浏览器分辨率宽度大于640px 像素或者以上时导航栏将以平铺的方式显示。  当小于640 px 像素或者以下的时候，导航栏将会以竖直的方式显示。  演示页面     下载页面...

      目前响应试web页面已经逐渐开始盛行，除了将页面的内容以及布局结构实现响应试以外，剩下的重点就是实现导航栏的响应试，当然方法有很多，不过最 近我发现了一个新的无需使用Javascript就能轻松实现响应试导航栏的技术，它采用的是简洁的html5标签结构来实现的应式导航栏，导航栏能够被 轻松的控制在左侧，中部，已经右侧。当鼠标经过导航栏时就会平滑拉菜单，不仅如此该响应式导航栏在手机屏...

 今天分享一个非常实用的技术，通过该方法你可以轻松的将它使用到文章的缩量图方面，而不需要特意的用photoshop等软件对图片进行重新的裁切。 采用该方法有一个好处就是它自身的灵活性，你可以自定义图片裁切的位置，而你要做的就是需根据需要简单的修改一下HTML代码就足够了。 实现的效果  焦点裁切技术是由一个名叫Adam Bradley的作者所创建的，响应试图片概...