Recently I happened to discover a new kind of Liiawtim (Layouts). This hot new trend for quite a network running for several months in my opinion will continue to grow and develop in the near future.

This Bliiawtim with Deployment of dynamic content. “Whatever my brother ..” – Those who do not know, Canvas”C. When we build a site, Hliiawt – Layout or rather – Locations of elements on the page are fixed. For example: We have a column of widgets on the right and left side content column that she herself is divided into cells / Boxes of them, we decide in advance and fill material.

Problem

Bliiawt kind likely to encounter in two annoying problems to consider:

1. To build the Hliiawt canvas”C. We will useDIV s with fixed and floating wide (Floats). Assuming that the site we build is for a client, And we are the ones who decide the content to be a, And assuming a completely hypothetical – Our great customer has no idea Webb and importance of design is the degree of importance that I attribute to IE7, Completely hypothetically again, Chances are you get to the point where not all the content columns are the same height – Some are content and some less, What would cause the following phenomenon:

2. Another problem, annoying as (Experience) Is theSupport screens of different sizes and resolutions. Standard width for the construction site is usually 960 Pixels – Which means that if I want to build Liiawt its central width is 1000 Pixels or even 1200 Pixels to treat with wide screens, The other side- Netbook users browsing experience will be impaired because of the appearance of horizontal and Hskrolberim very reasonable chance that users miss content that may be important. On the other hand, If built Liiawt width 960 Pixels, Wide screens will have a central block of content with too much Blank Space – Dead space, unused space.

Solution

Precisely because of those problems were created Hliiawtim with dynamic content deployment. What this means in simple words it Shliiawt know to change the locations of the content on the page depending on the resolution viewing and browser screen size. To understand the concept of these Hliiawtim better Here are some examples: (Try playing with the window size, or alternatively to play with the resolution of the site with CTRL + / CTRL -)

How to do it?!

Now after we realized what this dynamic content deployment time to explain how to do it. Like all plug-in created injQuery – Sliidrim, Galleries, Toltifim, Tabs, etc.’ The plug like that there is a lot of artists, Types and versions, I am attaching to this entry 3 Excellent plug-ins I got to play with them lately:

1. QhuickSand

2. jQuery Masonry

3. Isotope

If you have questions / You have some problems on wish you would upload them inSystem of questions and answers blog!

If you had a chance to build a site with dynamic content deployment Share all the results through the reactions

Leave a Reply Cancel reply