• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Wenmin Chen

  • Portfolio
  • About
  • Services
  • Blog
  • Resources
  • Contact
  • Email
  • LinkedIn
Wenmin Chen, Boston based freelance web designer and developer

Full Screen Overlay and Masonry Demo

Full screen overlay and masonry desktop screen demo
RFull screen overlay and masonry tablet screen demo
Full screen overlay and masonry phone screen demo

  • monitor thumbnail
    monitor thumbnail
  • tablet thumbnail
    tablet thumbnail
  • phone thumbnail
    phone thumbnail

Back to Portfolio

Full Screen Overlay and Masonry Demo

  • Design
  • Development

The full screen overlay menu and masonry demo is a single page, responsive demo showcasing the masonry layout, created using the masonry jQuery plugin. Masonry is a grid based layout based on columns. Unlike CSS floats, which arranges objects horizontally then vertically, masonry optimizes the available space in a grid by placing elements in optimal position based on available vertical space. It works especially well with image-based content. This demo also uses a full screen overlay navigation that covers the entire screen giving you ample space for menu items.

More to see

  • Rob Cross | by Wenmin Chen, Boston freelance web developer & designer
  • Tom Davenport | by Wenmin Chen, Boston freelance web developer & designer
  • Connected Commons | by Wenmin Chen, Boston freelance web developer & designer
  • Sunshine Nursery School | by Wenmin Chen, Boston freelance web developer & designer
  • Lier Chen Photography | by Wenmin Chen, Boston freelance web developer & designer
  • Nepf Lab at MIT | by Wenmin Chen, Boston freelance web developer & designer
  • Martin Lab | by Wenmin Chen, Boston freelance web developer & designer
  • Gehring Lab | by Wenmin Chen, Boston freelance web developer & designer
  • Lab for Infant Development and Language | by Wenmin Chen, Boston freelance web developer & designer
  • Narumi, a custom Wordpress Genesis child theme | by Wenmin Chen, Boston freelance web developer and designer
  • Maiya, custom Wordpress Genesis child theme | by Wenmin Chen, Boston freelance web developer & designer
  • Miyoke, custom Wordpress Genesis child theme | by Wenmin Chen, Boston freelance web developer & designer
  • Siboney, a custom Wordpress theme | by Wenmin Chen, Boston freelance web developer and designer
  • Full screen overlay and masonry demo | by Wenmin Chen, Boston freelance web developer & designer
  • Flexbox Demo | by Wenmin Chen, Boston freelance web developer & designer

Footer

About

Hi, I am Wenmin, a freelance web designer and developer based in Greater Boston who specializes in WordPress sites. Whether it’s an information site, a blog, or an eCommerce website, I can craft a one-of-kind website that appeals to your target audience. If you are interested in my website services, please check out my portfolio and contact me for a custom quote.

Featured Porfolio

  • Rob Cross | by Wenmin Chen, Boston freelance web developer & designer
  • Tom Davenport | by Wenmin Chen, Boston freelance web developer & designer
  • Sunshine Nursery School | by Wenmin Chen, Boston freelance web developer & designer
  • Lier Chen Photography | by Wenmin Chen, Boston freelance web developer & designer
  • Nepf Lab at MIT | by Wenmin Chen, Boston freelance web developer & designer
  • Martin Lab | by Wenmin Chen, Boston freelance web developer & designer
  • Gehring Lab | by Wenmin Chen, Boston freelance web developer & designer
  • Lab for Infant Development and Language | by Wenmin Chen, Boston freelance web developer & designer

© 2025 · Wenmin Chen. All Rights Reserved.