摘要：
随着android和ios设备越来越普及，相应的响应式设计也越来越火。前段时间研究了amazon和国外的几个网站，总结了一些响应式的思路，正好最近company有个专题要制作，就顺着前段时间的研究，做了个响应式的专题，目前专题已完成，现总结下经验，贴出来以供参考，也希望大家给与指导。(专题地址：http://www.tuniu.com/static/lowest/)响应式有三个核心的东西：1、css3 的media query属性，这个是响应的一个基石2、弹性的布局3、弹性图片media query属性使用上次有说明，在此就不多做说明。本人自己感觉，相应式布局的难点在2、3两点。弹性布局要求页 阅读全文
摘要：
最近一直在忙些琐事，很久没有更新了，刚放完小长假，把前段时间做的些响应式的研究总结贴出来，希望大家指导。一、移动端响应式设计1、现在移动端使用的分辨率（2012.12-2013.1，腾讯分析）2、目前国内流行的手机浏览器有：UC、百度、欧朋、QQ、海豚、safari、Chrome，这些浏览器都是基于webkit内核的，对html5及css3支持没有什么问题3、移动端对不同分辨率设备支持的原理Css3新增了一个属性media query，其实现的示例如下：media属性后面跟着的是一个 screen 的媒体类型（还有很多的媒体类型，如aural（声音）、braille（触摸）、print（打印） 阅读全文
摘要：
现在工作涉及到网站前端优化，目前使用的方法有1、图片延时加载，用的是插件lazyload2、用textarea把不在首屏的内容包裹起来，这样一来不会影响seo，二来textarea中的标签开始不会渲染3、是页面静态化4、就是基本的js放在尾部，或是异步出来现在页面的速度虽有提高，但是依然不是很理想，求大侠指导......网站url：http://www.tuniu.com 阅读全文
摘要：
目前IE在国内的市场占有率为72%左右，所以在HTML制作中修改IE的css bug依然很重要，特别是些B2C的网站，在兼容性就更加重要，现在的css hack网上给出很多方法，我根据自己工作中遇到的问题，给出自己的解决方法，以供参考：以 .nav{width:100px;}为例。IE6 .nav{width:100px;_width:105px;} IE6下为105px，其他所有浏览器都为100px。IE7 .nav{width:100px;*width:105px;_width:110px;} IE7下为105px; IE6下为110px; 其他所有浏览器都是100px，网上有... 阅读全文
摘要：
前几天看到一个很好的html5、css3布局的网站，仿照其实例，自己制作的一个简单效果，仅供参考。html5、css3小应用，感兴趣的话，可以点击下载，适合ie9+，ff，chrome等浏览器 阅读全文
摘要：
前几天，所做项目要做一个循环滚动，滚动间隔5s。基本的效果是：移动到上面，滚动停止，鼠标移开，滚动继续。逻辑不复杂，主要是在时间的设定上有些麻烦。先把代码附在下面，希望可以抛砖引玉吧。html如下：<div class="tp_cont clearfix"> <div class="tp_des"> <div class="tp_recall " style="display: block;"> <div class="tp_recallCont tp_onero 阅读全文
摘要：
进入前端开发行业到现在有了一段时间，发些工作总结性的内容，仅供大家参考：1、前端开发首先要精通HTML、CSS，这两个是作为前端的基本要求，这里的精通并不仅仅指快速的做出需要的页面，我想更重要的是页面的可扩展行、模块的可复用性。所谓的可扩展性就是说你的页面在有新的需求要加入、或是某些区域暂时不要时，页面调整的难易程度。以我自己的经验来说，页面一定要低耦合高内聚，有特定功能的模块要尽量的独立开来，与兄弟之间甚至父级之间的联系都要尽量的少，这样的话可能css可能会多些，但以后你会发现当你修改页面时，完全可以在不变动css的情况下，随意移动某块内容到页面任意部位。如果做到模块化（即低耦合高内聚），页 阅读全文
摘要：
1、首屏时间：是基调网络首创的评测网站用户体验的一个重要指标。指一个网站被浏览器如IE窗口上部800*600的区域被充满所需时间，反映了用户在打开网站第一时间的感觉性能。 页面打开时，总加载时间要比首屏时间长很多，但是对于用户体验来说，首屏时间是用户对一个网站的重要体验因素。当页面充满800*600 的区域时，对用户来说就可以看到内容并可以点击了。通常一个网站，如果首屏时间在5秒以内是比较优秀的，10秒以内是可以接受的，10秒以上就不可容忍 了。超过10秒的首屏时间用户会选择刷新页面或立刻离开。 通常影响首屏时间的因素有下面几个方面： a. 页面落在首屏部分的元素性能和结构，包括页面... 阅读全文