What it is.
ResponsiveComments was designed to bring simple conditional loading to the client side. Although not the complete answer to conditional loading in responsive web design, ResponsiveComments provides a solution to simple conditional loading, directly within your markup, using HTML comments, media queries and feature detection.
Anybody who has spent time in responsive web design will be aware of the performance issues, particularly with load & hide and load & shrink techniques. But despite the excitement and new technologies introduced with RWD, performance became lost in the crowd. Sending the exact same application to all devices regardless of viewport size, feature support or bandwidth, unfortunately became the accepted the norm.
Luckily, performance is now at the forefront of RWD and one of the most sought after features in a modern web application. Responsive image solutions and formats are providing the means to render device optimised images, while techniques like RESS are taking the emphasis away from media queries and allowing us to conditionally load content. This help ensure that while sending the same content and experience to all devices, we do so in an optimised and performant way for our users.
ResponsiveComments was born from conversations between Adam Chambers and Craig Keller at Digital Surgeons as they attempted to leave no stone unturned in the quest for performant responsive experiences. Although ResponsiveComments does have certain disadvantages (HTML bloat being one) it certainly provides an interesting concept for experimentation and exploration, the reasons Adam went ahead and wrote this library.