Wszystkie wpisy, których autorem jest admin

Web Tools

6 Flexible jQuery Plugins To Control Webpage Layouts Easily

Dodaj komentarz

Post pobrano z: 6 Flexible jQuery Plugins To Control Webpage Layouts Easily

Controlling layouts with CSS is a big subject these days as after dropping the table support, it is clear that the current capabilities of CSS is not enough to develop complex & flexible layouts with ease.

There is CSS Template Layout Module which offers exciting features but it is in a draft status.

Until we get those new features, there are various solutions that are developed with jQuery to manipulate page layouts for faster & cross-browser results.

Here is a collection of 6 jQuery plugins to manage page layouts easily:

jQuery Masonry

jQuery Layout Plugin

Masonry is like the flip side of CSS floats. Floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. And the result is no vertical gaps between elements of varying height.

The plugin is almost totally managed with CSS rules. It uses jQuery’s outerWidth() and innerWidth() methods to calculate the margins & paddings of elements.

UI.Layout

jQuery UI Layout Plugin

This is a plugin to create desktop-like layouts. It can b used to create any UI look from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms & more.

jLayout

jLayout

The library provides three layout algorithms:

  • border, which lays out components in five different regions
  • grid, which lays out components in a user defined grid
  • flex-grid which offers a grid with flexible column and row sizes.

css-template-layout

jQuery CSS Layout

The plugin aims to offer a similar functionality with the CSS Template Layout Module (which is currently in a draft status).

The script simply parses the mentioned CSS rules & displays the content accordingly.

Columnizer

jQuery Column Plugin

The plugin automatically converts any content into a newspaper-like column format.

A default clumn widt or a static number of columns can be defined & the rest is almost done by itself.

EqualHeights

jQuery Equal Heights

Creating equal height boxes or content holders is mostly a challenge with CSS. The plugin makes this process easy by simply calling a function.

Special Downloads:
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

Adv

Meat chart with a vegetable / Aubergines frangines

Dodaj komentarz

Post pobrano z: Meat chart with a vegetable / Aubergines frangines

vegetarian2005
 vegetarian2009volcano
THE ORIGINAL?
International Vegetarian Day – 2005
Agency : Scholz & Friends (Poland)		 LESS ORIGINAL :
Fry’s Vegetarian : “Vegetarian meat alternatives”- 2009
Source : Adsoftheworld
Agency : Volcano (South Africa)
La différence entre ces deux morceaux de création n’est pas très tranchée… Vous pourrez découvrir une idée quasi similaire (mais un peu mieux encore) qui a été primée à Cannes en 2006 en cliquant-ici.
Adv

Andrea Romani: Ecological Business Card

Dodaj komentarz

Post pobrano z: Andrea Romani: Ecological Business Card

andrea_romani_card

Design a business card for an environmental consultant. Business cards are usually made of paper. But using paper, even recycled, is not good for the environment. To avoid this issue, the solution was to not print any card at all, but to create a rubber stamp and then “recycle” anything that is at hand (carton paper, cigarette packs, napkins, and other wastes) into business cards. The new “business card” communicates clearly what this proffesional offers: clever new ways of recycling, saving money and protecting the environment. More than a card it’s a piece of communication.

Advertising Agency: Fischer, Lisbon, Portugal
Creative Director: Diogo Mello
Art Director: Marco Martins
Copywriter: Rafael Pitanguy

Design, Logo inspiration

TYPO Berlin 2009 – SPACE

Dodaj komentarz

Post pobrano z: TYPO Berlin 2009 – SPACE

TYPO Berlin started out in 1995 as a design and media conference bringing people together.

TYPO Berlin is one of Europe’s most important regularly scheduled typography conferences. Each year, the conference is dedicated to a thematic motto. The TYPO online archive contains a wealth of information about previous conferences. On the video blog you can see lectures from previous years and the TYPO Berlin blog will keep you up to date on this year’s events.

FontShops 14th International Design Conference, TYPO Berlin 2009, starts Thursday. This year’s theme is SPACE. Over three days, more than 50 speakers working on four stages will expand your horizons, providing inspiration, technical tips and entertainment. This year will see even more lectures, discussions, workshops, initiatives, networking and roundtables.

From the plastic button of an iPhone application to installations that fill entire spaces: The issue of spatiality plays an increasingly important role in the work of many visual designers. Luminaries from the disciplines of graphics, design, media and art will present their positions at the TYPO Berlin Among the speakers are well-known designers such as: Chip Kidd – Joshua Davis – Sol Sender ( designer of Barack Obama’s candidacy logo ) – Gerard Unger and many more

Venue – Haus der Kulturen der Welt
Follow TYPO Berlin on Twitter

Design, Logo inspiration

Paper Scissor Stone

Dodaj komentarz

Post pobrano z: Paper Scissor Stone

Paper Scissor Stone…
is the result of three people bringing together their inspirations, favourite artists, like minded fashion labels and favourite products, sourced from around the globe or closer to home from the local talent in our city of Leeds.

Founded by One of the most in demand graphic designers / illustrators in the World Si Scott, Steve Banks. Founder of Menswear label Electronic Poet and Jules Balchin.

Their website has just launched with some nice limited edition prints check it out:
paper-scissor-stone.co.uk