2014
08-14
08-14
[转]图片优化的那些工具，你了解吗
![[转]图片优化的那些工具，你了解吗](/wp-content/themes/frontopen2/timthumb.php?src=http://ued.ctrip.com/blog/wp-content/uploads/2014/06/imageoptim.jpg&h=140&w=205&zc=1)
图片作为页面的一个主要因素，它的大小直接影响了页面的加载速度，这一点在移动端尤显突出。
怎么让图片的大小更小？除了选择合适的格式（jpeg、gif、png），我们还可以利用网上的应用（如smushit、tinypng、 imagemin、imageOptim）对图片进行压缩。在这里我想.... Read More >
月归档：2014 年八月
图片作为页面的一个主要因素，它的大小直接影响了页面的加载速度，这一点在移动端尤显突出。
怎么让图片的大小更小？除了选择合适的格式（jpeg、gif、png），我们还可以利用网上的应用（如smushit、tinypng、 imagemin、imageOptim）对图片进行压缩。在这里我想.... Read More >
2014
08-14
08-14
[转]前端设计师网页字体设置，你了解吗？
![[转]前端设计师网页字体设置，你了解吗？](/wp-content/themes/frontopen2/timthumb.php?src=http://ued.ctrip.com/blog/wp-content/uploads/2014/07/%E5%AF%B9%E6%AF%94%E5%9B%BE.jpg&h=140&w=205&zc=1)
以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。
就拿最简单的宋体(simsun)来说吧.... Read More >
此作品是一款非常实用的jquery特效，结合了两个jquery插件jquery瀑布流插件blocksit和图片延迟加载插件 jquery.lazyload，可是很多网友们都觉得不是很懂，有点复杂，今天有空就把此作品整理了出来分享给大家学习用，如果作品有什么问题请多多反 馈。。。
实现功能的jquery代码如下：
$(function(){
$("img.lazy").lazyloa.... Read More >
2014
08-12
08-12
深入理解CSS盒子模型
把盒子模型内边距，外边距，如何定位等概念有条不紊的介绍一遍。这篇文章更多的是教你在实战 过程中如何自如的控制盒子的宽度，如何用最恰当的方法定位盒子，如何解决IE中盒子的种种bug。 继续阅读
Read More >2014
08-12
08-12
浅谈DIV+CSS两种盒子模型
利用CSS来布局页面布局DIV有点逻辑性!
重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!
最后就是兼容问题了,在实践中自然就有经验了!这些兼容技巧都是经验来的! 继续阅读
2014
08-01
08-01
16个很有用的在线工具
1. ExplainShell.com 命令解释
对于 Linux 用户来说每天都会写各种命令和脚本，那么你可以使用这个网站工具来查看命令式如何工作的，这样可以避免不必要的错误出现；也是一个很好的学习命令的方式
2. BashrcGenerat.... Read More >
2014
08-01
08-01
响应式web设计之CSS3 Media Queries
开始研究响应式web设计，CSS3 Media Queries是入门。
Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。
那么，Media Queries是如.... Read More >