Developers/Designers how is this layout done?
 

https://youpic.com/inspiration

Some kind of CSS/Jquery magic? Don't think they are physically cropped to those different sizes.

Basically the images are resized in 3 formats:
small: 250 px width
medium: 600 px width
and large: 1K px height

The height of the small and medium images is adjusted via css, same on the width of the large images.

Resized just by CSS or physically cropped/resized with imagemagick? It looks like it detects landscape oriented images from portrait oriented ones.

ajax :)

-------

Image resized to various resolutions and displayed based on the div of where it shows and adjusted via CSS.

looks gay (no homo)

nice layout
i think they use bootstrap framework non responsive layout

Not a mobile-friendly responsive layout, wouldn't hit

Ajax !! for sure.