• Home
  • Photo Portfolio
    • Weddings
    • Engagements
  • Featured Weddings
    • Corinne & Anthony
    • Caitlin & Fred
    • Neethu & Jophiel
    • Michelle & Frank
    • Nicole & Greg
    • Patricia & Rory
    • Sarah & Ian
    • Narmeen & Joe
    • Rominna & Jeff
    • Jobel & Joer
  • Blog
  • Info
    • About Esvy
    • Investment
    • Albums & Prints
    • Testimonials
    • FAQ
  • Contact Us

Esvy Photography & Films – NYC, Brooklyn, Long Island, & Tri-State Wedding Photographers

  • Home
  • Photo Portfolio
    • Weddings
    • Engagements
  • Featured Weddings
    • Corinne & Anthony
    • Caitlin & Fred
    • Neethu & Jophiel
    • Michelle & Frank
    • Nicole & Greg
    • Patricia & Rory
    • Sarah & Ian
    • Narmeen & Joe
    • Rominna & Jeff
    • Jobel & Joer
  • Blog
  • Info
    • About Esvy
    • Investment
    • Albums & Prints
    • Testimonials
    • FAQ
  • Contact Us
Menu

All Images Copyright © 2008-2017, Esvy Photography. All Rights Reserved.  |website: www.EsvyPhoto.com | Phone: 646.571.8865 | New York City & Long Island Wedding Photographer|

Tag Archives: photography

Events |

March 10, 2013

| Darren

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

photography, style | Comment

Recent Posts

  • Megan & Jim’s Wedding – St. George’s Church & Water’s Edge Resort and Spa
  • Roxy & Gary’s Kings County Distillery Wedding
  • Dyna & Dennis’s Banner Elk, North Carolina Wedding
  • Central Park Engagement Shoot – Megan & Jim
  • The Royalton at Roslyn Country Club Wedding – Ashley & Kris’s Highlight Reel

Categories

  • Business
  • Engagements
  • Events
  • Everyday Esvy
  • Music
  • Portrait
  • Press & Published
  • Pros Talking Shop
  • Tips & Advice
  • Travel
  • Wedding Threads
  • Weddings