您好,欢迎光临! 请 |

[转]图片优化的那些工具,你了解吗

[转]图片优化的那些工具,你了解吗

图片作为页面的一个主要因素,它的大小直接影响了页面的加载速度,这一点在移动端尤显突出。 怎么让图片的大小更小?除了选择合适的格式(jpeg、gif、png),我们还可以利用网上的应用(如smushit、tinypng、 imagemin、imageOptim)对图片进行压缩。在这里我想给大家介绍一下上述应用主要使用到了哪些命令行工具以及它们的使用方法。 J......

[转]前端设计师网页字体设置,你了解吗?

[转]前端设计师网页字体设置,你了解吗?

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法直视,如下图给出一个优化前后......

blocksit+jquery.lazyload响应式jquery瀑布

blocksit+jquery.lazyload响应式jquery瀑布流结合图片延迟加载特效

此作品是一款非常实用的jquery特效,结合了两个jquery插件jquery瀑布流插件blocksit和图片延迟加载插件 jquery.lazyload,可是很多网友们都觉得不是很懂,有点复杂,今天有空就把此作品整理了出来分享给大家学习用,如果作品有什么问题请多多反 馈。。。 实现功能的jquery代码如下: $(function(){ $("img.lazy").lazyload({ load:fun......

深入理解CSS盒子模型

深入理解CSS盒子模型

把盒子模型内边距,外边距,如何定位等概念有条不紊的介绍一遍。这篇文章更多的是教你在实战 过程中如何自如的控制盒子的宽度,如何用最恰当的方法定位盒子,如何解决IE中盒子的种种bug。

浅谈DIV+CSS两种盒子模型

浅谈DIV+CSS两种盒子模型

利用CSS来布局页面布局DIV有点逻辑性!
重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!
最后就是兼容问题了,在实践中自然就有经验了!这些兼容技巧都是经验来的!

16个很有用的在线工具

16个很有用的在线工具

1.  ExplainShell.com 命令解释   对于 Linux 用户来说每天都会写各种命令和脚本,那么你可以使用这个网站工具来查看命令式如何工作的,这样可以避免不必要的错误出现;也是一个很好的学习命令的方式   2.  BashrcGenerator.com 定制个性命令提示符   简单说就是个性化生成命令提示符,可将生成的代码写入到用户家目录的......

响应式web设计之CSS3 Media Queries

响应式web设计之CSS3 Media Queries

开始研究响应式web设计,CSS3 Media Queries是入门。 Media Queries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。 那么,Media Queries是如何工作的? 两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文......