Author Archives: Lytah

Events |

|

Beyoncé's Seamless Fluid Image Masonry

It was designed by NYC design agency designedmemory.

Aside from the glorious aura that is Beyoncé, this site actually has an awesome technique. If you resize the browser window, you’ll see that the images are always in 3 columns and there are no gaps between the images. This is actually pretty hard to do. Browsers will properly size the items with width: 33.3333% to cover 3 columns. But when size is measured with JavaScript, the fractional pixel values will be rounded off, causing items to jump to the next column and break the layout. In the past (see Isotope issue #222), I’ve tried to resolve the issue with overly-intrusive JS.

designedmemory came up with a much better solution. Instead of trying to get exactly 3 columns in the layout, the columns are sized just a fraction to be less than the ideal. Then the images are sized to be just a little bit bigger to cover the gap. Brilliant!

Source: Metafizzy

Video |

|

New York Chill (Embed Video)

Sure it was the coldest winter on record and our flights got grounded (and some kid’s tongue got stuck to a pole) but that didn’t stop us from hitting the icy streets of New York to shoot the AW11 collection for Portmans. Working with world-renowned photographer Matt Jones and Girl On Top Abbey Lee, the New York Chill campaign included print advertising, fashion film, and in-store imagery.

Source: janetheagency.com.au

Events, Travel |

|

Surface View

Providing customers with unique access to exciting imagery, Surface View creates high quality bespoke murals to suit any environment. Working with independent design strategist Lucy Woodward, we identified the need to position Surface View as an aspirational, design-led brand, developing a sophisticated language and an elegant, contemporary identity to reflect their positioning.

Collaborators: Mime Artist and Lucy Woodward.

Source: NB Studio