基于 Jquery Masonry + imagesLoaded 插件实现瀑布流布局

周末研究了一下 Jquery 的两个实现瀑布流的插件,一个是 WookMark 一个就是 Masonry。其中前者专门为了实现图片瀑布流功能,而后者则是为了实现 div 的瀑布流布局排列。 都试了一下之后,选择了 Masonry 插件,因为 ...

50套精美的国外UI组件PSD免费下载

50套精美的国外UI组件PSD免费下载
这篇文章中我们向大家分享众多美丽、免费的UI界面设计工具箱。这些UI你可以用在原型设计、APP和软件界面上。点击标题和图片快快下载吧~ 1. Clean UI Kit 2. Blugraphic Dark UI Kit 3.Dark Web ...

inline-block和text-indent在ie7以下的兼容

最近才发现的这个兼容性问题,因为之前写列表的时候,大部分是通过float:left;和清除浮动来做的,最近看到了可以使用inline-block来做,而且还是可以兼容的,所以逐步的转向了用inline-block替换。 欢迎回归我之前写过的 ...

css reset研究和项目常用样式总结

CSS Rest的来源 写css代码的时候,首先拿到手的是先对总体进行reset,好的css重置能够给项目开发带来很大的方便和快捷的开发,同时方便后面接手的人。 网络上的reset样式表有这么几个 我喜欢的reset结构 去看为之的一份文档 ...

瀑布流布局学习和应用

有用链接 淘宝ued:瀑布流布局浅析 masonry:jquery插件 (pintest也是使用这个插件) 使用bootstrap框架的自适应瀑布流布局:http://clabs.co/projects/tabula/

bootstrap学习和使用的经验总结

强烈推荐boostrap的一个中文网:bootstrap中文网,谁看谁喜欢。 刚进公司的时候发现公司的前端是基于bootstrap这个前端框架来开发的,虽然之前也了解过相关的知识,但并没有深入的了解过,这次是不得不用了。这个是难不倒我的,上 ...

CSS水平居中的四种方法

CSS水平垂直居中,特别是使用在列表的时候经常会用到的,本文分享了四种做法,有相对定位法、强制内联法、display:inline-block和display:table-cell方法。

jquery插件开发教程入门

jquery插件开发教程入门
今天在写jquery代码的时候,又想把功能做成jquery插件,尼玛,按照前一篇的思路来做,不用插件模式的已经开发出来了,可是一用到插件就歇菜了,这是难不倒我的。本着继续折腾的精神,继续找另外一些好的教程来学习,其实我的jquery插件都是 ...

响应式布局和自适应布局详解

响应式布局和自适应布局详解
响应式布局等于流动网格布局,而自适应布局等于使用固定分割点来进行布局。自适应布局给了你更多设计的空间,因为你只用考虑几种不同的状态。而在响应式布局中你却得考虑上百种不同的状态。

css负边距自适应布局

使用CSS负边距实现3种自适应布局,1.单列定宽单列自适应布局,2.左右定宽中间自适应布局,3.两列等高自适应布局。利用负边距可以很灵活的实现自适应,希望这篇文章对你有所帮助。