25个强大的 jQuery 砌体网页设计作品

简介:   砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。

  砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品,一起欣赏。

jQuery Masonry

Photography by Koa Metter

25个强大的jQuery砌体网页设计作品

Chromeography

25个强大的jQuery砌体网页设计作品

Pattern Tap – Alpha

25个强大的jQuery砌体网页设计作品

Puma Running

25个强大的jQuery砌体网页设计作品

Dazed Digital

25个强大的jQuery砌体网页设计作品

Rather Splendid

25个强大的jQuery砌体网页设计作品

The Inspiration Theme – Veerle Peters

25个强大的jQuery砌体网页设计作品

Untitled

25个强大的jQuery砌体网页设计作品

The Mid-Century Modernist

25个强大的jQuery砌体网页设计作品

Glauce

25个强大的jQuery砌体网页设计作品

Inspire Well

25个强大的jQuery砌体网页设计作品

Min Tran’s Journal

25个强大的jQuery砌体网页设计作品

VBG

25个强大的jQuery砌体网页设计作品

Bettr 2.3.2

25个强大的jQuery砌体网页设计作品

Matthew Anderson

25个强大的jQuery砌体网页设计作品

Darren John

25个强大的jQuery砌体网页设计作品

All In My Head

25个强大的jQuery砌体网页设计作品

Ryan O’Rourke

25个强大的jQuery砌体网页设计作品

Antimonotonia

25个强大的jQuery砌体网页设计作品

drwr.it

25个强大的jQuery砌体网页设计作品

Shaken Grid

25个强大的jQuery砌体网页设计作品

 

Annebenor

25个强大的jQuery砌体网页设计作品

Toutpourlesyeux

25个强大的jQuery砌体网页设计作品

bench

25个强大的jQuery砌体网页设计作品

centerline

25个强大的jQuery砌体网页设计作品

您可能还喜欢



英文来源:25 Examples of Masonry jQuery Web Design

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

相关文章
|
10月前
|
前端开发 容器
网页设计之初学CSS
前言: 学习网页制作,首先要认识网页,了解网页的组成部分,以及每一层数据的传递。我对网页前台制作的理解是:在一个页面上添加多个盒子,对每个盒子进行装饰,规范盒子与盒子之间的位置。
|
移动开发 HTML5 前端开发
15个前卫的 HTML5 & CSS3 网页设计作品
  今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例。   响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。
964 0
|
JavaScript
|
前端开发 HTML5 移动开发
经典网页设计:25个华丽的 CSS 网站作品案例
  CSS 是网页设计师和网页开发人员最喜欢的技术之一,因为它有大量新特性、新元素和新技术。创建一个基本的布局可能并不需要很多的时间或精力。但是,如果你想让您的设计脱颖而出,那么就真的需要花费一番功夫。
1212 0
|
Web App开发 JavaScript 前端开发
【Web前沿】CSS3 在网页设计中的20佳惊艳应用
  作为 CSS 的下一个版本,CSS3 给 Web 开发带来了革命性的影响。例如,以前很多需要图片呈现的界面效果,现在使用 CSS3 结合 HTML 就可以实现,CSS3 甚至还可以实现需要 JavaScript 才能实现的复杂动画效果。
943 0
|
JavaScript 前端开发 UED
新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】
  作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,而 CSS3 作为 CSS 的下一个版本,增加了圆角、旋转、阴影等强大的特性,甚至还可以实现需要 JavaScript 才能实现的复杂动画效果。
1427 0
|
Web App开发 JavaScript 前端开发
推荐30个新鲜出炉的精美 jQuery 效果
  jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了HTML文档遍历,事件处理,动画以及Ajax交互,帮助Web开发人员更快速的实现各种精美的界面效果。jQuery 的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件,这些优秀的 jQuery 插件不仅能够增强网站的可用性,有效的改善用户体验,还可以加快开发速度,节省开发时间。
993 0
|
JavaScript 前端开发
25个强大的 jQuery 砌体网页设计作品
砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排 布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。
610 0