Mark Otto is a well-known front-end developer, designer, and open-source contributor. He is best known as the co-creator of Bootstrap, the world’s most popular CSS framework. Mark, alongside Jacob Thornton, developed Bootstrap while working at Twitter to create a consistent and scalable design system for internal tools. The project quickly grew into a widely adopted framework used by millions of developers worldwide.
Mark has an extensive background in design systems, UI/UX development, and open-source projects. His contributions to web development extend beyond Bootstrap, as he has worked on various projects that focus on clean, maintainable, and scalable front-end development.
Michelle Barker is a frontend developer, writer, and speaker specializing in CSS, design systems, and modern web development. She is a Lead Frontend Developer at Atomic Smash, a UK-based digital agency. Michelle is best known for her blog, CSS {In Real Life}, where she shares in-depth tutorials, experiments, and best practices related to CSS and frontend development.
Brad Frost is a renowned web designer, consultant, and author, widely recognized for his contributions to design systems and front-end development. He is based in Pittsburgh, Pennsylvania, and has made a significant impact on the web development community through his innovative ideas and practical approaches.
Atomic Design: Brad is best known for creating the concept of Atomic Design, a methodology for crafting design systems. This approach breaks down user interfaces into fundamental building blocks, making them easier to design, maintain, and scale. He also authored a book titled Atomic Design, which has become a go-to resource for designers and developers.
Blog and Resources: Brad maintains a blog where he writes about web design, design systems, and other related topics. His blog is a treasure trove of knowledge for anyone interested in front-end development.
Chris Coyier is a prominent figure in the web development community, best known for founding CSS-Tricks, a comprehensive resource for web designers and developers. Launched in 2007, CSS-Tricks started as a blog to share tips and tricks about CSS but has since evolved into a go-to platform for all things front-end development. The site features articles, tutorials, guides, and an extensive CSS Almanac, which serves as a reference for CSS properties and selectors.
Chris is also a co-founder of CodePen, an online code editor and community for front-end developers to showcase their work, experiment with code, and collaborate with others. CodePen has become a popular tool for learning and sharing web development techniques.
In addition to his work on CSS-Tricks and CodePen, Chris is a speaker and writer who shares his insights on web design and development through conferences and his personal blog. His contributions have significantly influenced the way developers approach CSS and front-end development.
Why her blog doesn't tell us exactly how to make a CSS masonry layout it does talk about some of the difficulties behind the once popular design. She does give links to other blogs of people she follows that could give more direction on how to design a masonry layout but in her blog she talks about the challenges that a developer could face. For one, most of the time a developer would need to implement a javascript library to complete a layout.
I have always been interested in the masonry layout just because I think it looks cool. Especially for a photo collection. While I have never tried making a layout like this, I have looked into it a little bit. I use the BootStrap framework a lot and I have seen that BootStrap does have a masonry plugin to use to help create a layout like this. I think if I was to ever attempt to implement a masonry layout I would come back to this blog post and take a look at the 3 or 4 other blogs that she points you to in her entry.