分类 笔记 下的文章

Font字体小图标应用

我们知道在页面上载入小图标有多种方式,比如我们使用比较多的是css sprite背景图片定位,就是将很多小图标集成到一张大图,然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标,它利用@font-face原理载入图标字体库,然后调用图标。

- 阅读剩余部分 -

Fancybox丰富的弹出层效果

Fancybox是一款优秀的jquery插件,它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果,相比facybox,fancybox显得功能更为齐全,它除了可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等。

- 阅读剩余部分 -

大图片加载优化解决方案

我们浏览页面上加载有大尺寸图片时,由于图片体积也比较大,我们会看到浏览器加载图片的时候会从上到下逐步显示图片,直到图片完整呈现在页面上,这样图片从空白区域到完全加载的过程显得比较突兀,用户体验比较差。

- 阅读剩余部分 -

视频背景页面展示

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <style type="text/css">
        *{margin: 0;padding: 0;}
        .bg video {
            width: 100%;
            margin-top: -15px;
            margin-bottom: -15px;
        }
    </style>
    <div class="vedio">
        <div class="bg">
            <video id="bgvideo" muted="true" loop="1" autoplay poster="http://www.apicloud.com/new/video-banner.jpg" class="embed-responsive-item"><source type="video/mp4" src="http://7o50kb.com2.z0.glb.qiniucdn.com/20ss.mp4"></video>
        </div>
        <div class="mask"></div>
    </div>
</body>
</html>

2015 年开源前端框架盘点 TOP 20

2015年已经过去了,作为开发者,我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点,希望这些项目能够越来越好,帮助到更多的前端开发者们。

此榜单根据github上star数作为排名依据,一个人力量有限,如果收集有遗漏欢迎补充。

- 阅读剩余部分 -