- 15 Kinetic Typography Pieces Based on Popular Films 2 comment(s)
- Business Writing for the Web: 27 Ways to Write Better 16 comment(s)
- 50+ Beautiful Websites with Great Colour Schemes 62 comment(s)
- The Most Creative 50 Wordpress Themes of 2009 60 comment(s)
- 50 Most Prominent Custom Facebook Pages 26 comment(s)
- There's a Theme for That - The Best Wordpress Templates for iPhone & iPad Related Sites 0 comment(s)
- GCSE Student Launches New Appstore Hit with Help From 'The Studio of Dreams' 1 comment(s)
- 10 Must-have Products for Designers 7 comment(s)
- How iPad Affects the Way we Design Websites? 118 comment(s)
- 20 fantastic ways to find new music that you like (no Last.fm & Pandora inside) 58 comment(s)
Web Design Trend Hunting – Fluid Grid Layout: 10+ Outstanding Examples & 1 Tutorial
In our daily web hunting raids we have spotted another interesting & good-looking trend – the fluid grid-based layout, mostly used by galleries and visual inspiration blogs. Here are 12 amazing examples (just one of them in Flash) and a fantastic tutorial. Please use the comment box for suggestions and opinions – Will the future of webdesign be fluid?
Creative Depart
Isolation Unit
Reform & Revolution
Xpaider
Heavy Eyes
De51gn
Positively Melancholy
siXsiXsiX
Type Neu
This Also
dmtr
Space Collective
Tutorial – Building Good Websites with Fluid Layout
PS: Almost all this websites are usng the Grid-A-Licious theme folks!
Related Articles
- 15 Fresh WordPress Themes To Get The Coolest Portfolio For You Or Your Studio
- Web Design Trend Hunting – The Messy Desk: Examples & Best Practices
- Vintage 2.0 – Glossy Retro Takes Over Web Design
Catalin Zorzini
Catalin is the founder of Mostash - a social marketing boutique - and he's always happy to share his passion for graphic design & social media. Catalin Zorzini has 219 posts at Inspired Mag & counting!
Similar Posts:
- Webdesign Trend Hunting – 27 Bright Websites Using Popping Colors
- Web Design Trend Hunting – 15 Amazing Infinite Scrolling Websites
- Web Design Trend Hunting – The Messy Desk: Examples & Best Practices
- Must Read Inspirational Blogs & Websites for Creatives #6
- Premium WordPress Theme Giveaway: Acosmin Mag
|
Comments
Trackbacks
- Webdesign Trend Hunting – 27 Bright Websites Using Popping Colors | Inspired Magazine
- Ultimate Guide To Grid-Based Web Design: Techniques and Tools « Tech7.Net
- CaoInteractive Blog | Graphic & Web Design » Blog Archive » Ultimate Guide To Grid-Based Web Design: Techniques and Tools
- Ultimate Guide To Grid-Based Web Design: Techniques and Tools | Graphic Design Pro
- Ultimate Guide To Grid-Based Web Design: Techniques and Tools | qface & sowmo sky
- norosi memo » グリッドシステム
- more about the 960 grid « Good2know
- Jayhan Loves Design & Japan » 3 Free Grid Wordpress themes + inspiration & resources
- 1024 is (becoming) the Loneliest Number | Unbalanced Load



























Mip July 3rd
Great list. Nice job.
Mahallo Media July 3rd
Thanks for this cool list.
Edward.H July 3rd
Great collection,good job! I’v submitted a link of this article to our website http://www.webmasterclip.com in order to share it with more people.Thanks~
Christian July 4th
I think 90% of these are modified versions of Grid-A-Licious theme by Suprb for WordPress. I might be wrong though.
Marko July 4th
Some nice samples here.
Massimo Marolda July 4th
They’re all based on a theme released by typeneu and reform. Not that creative action to follow.
Byron Edwards July 4th
The WordPress grid-a-licious theme (used in many of the above) probably deserves a mention…
Web Design Mumbai July 4th
i seriously feel this will be a must for every website coz of the immense variety of screens we have so far. don’t know how many more sizes will we see in near future.
Greg July 5th
We use something similar on our site http://www.nofavorite.com.
Catalin Zorzini July 5th
Thanks guys, almost all the credit goes to teh Grid-A-Licious theme!
Jake Rocheleau July 5th
Perfect article, exactly what I was looking for thanks!
Trendland July 6th
Nice review,
We’ve been having a custom grid theme for 6 months already, dont know if you saw ours, but it a little more complex than those one, and thanks god, there is nothing similar on the web (yet! unfortunately it will com one of those days)
Have a look at http://cyanatrendland.com and especially our gallery page http://cyanatrendland.com/images/
Let me know ….
Daniel H July 7th
Bear in mind that the majority of these sites use the same theme – Grid-a-licious – with the colours tweaked…
http://suprb.com/apps/gridalicious/
I have stopped posting Grid-a-licious themed sites on http://siteinspire.net because I think it’s time for something new…
And also all these sites are ‘matrix’ or grid style layouts. Would have been more interesting to see fluid application or editorial layouts since this is much more challenging to do well.
Richard Brown July 16th
Great examples of decent fluid grid layouts. I’ve just completed my company site using a nice fluid grid layout at http://www.zaum.co.uk
Zoe Gillenwater July 22nd
I don’t get it. I tried the first six sites and only one was fluid — aka, it changed width with the window. What are you guys seeing that I’m not?
Terrance(OXP) July 25th
Different feel of layout which can provide the most visible information to visitors at one instance. Nice concept.
xyxjasilixyx July 25th
Nice article.
Chauncey July 29th
I cant at all get gridalicious to work. I was excited thinking these were other grids that had nothing to do with grid-a-licious. this is my site. id like a grid approach with categories. if anyone wants to contact me and sell me their wizadry at a good decent price. my twitter is girlonthestreet. thanks!
trendland August 15th
Its getting closer and closer from our layout – but nothing like it yet – still way ahead in the trends…
Cracka August 25th
doesn’t grid-a-liscous rely 100% on javascript? and with JS disabled, the sites literally fail to render in any readable form..?
i’ve tested the grid-a-liscious site itself, and w/o JS, it fails to degrade with any grace what-so-ever.
have i got it wrong, or should sites still load without JS ..?
Dominique's September 18th
You’re internet’s going to suck without JS anyway right? People keep giving all the credit to Grid-a-licious which is based off Space Collective’s card theme done 2 years prior.
Dominique's September 18th
Damn you”’r'e’re’
psiew February 11th
Makes me giddy. Seriously
John mahoney March 6th
great, but what’s with the tutorial link?
L May 16th
Hi,
I was wondering if you could point me in the right direction. I am looking for a fluid grid layout for my portfolio on WordPress. I would add tomy page and then tweak the colours and stuff to make it more of my own. Do you know any WP templates where you can get the layout for free?
Career Outlook August 7th
Hey Catalin,
Its really a very nice collection, keep up the good work
cheers
Add Yours
YOU