Screen capture from themetamodern showing 2 robots kissing

The Metamodern is custom coded using JavaScript and CSS/custom cascading style sheets to adapt beautifully for mobile and tablet displays. We included HTML and CMS shortcode sections that are displayed or not displayed based on the dimensions of the user’s mobile device. One of the challenges on this project is serving full screen image data to site users fast enough that no delay is experienced. This was accomplished by using jpeg image compression, Gzip file compression and a content distribution network or CDN. The page timings and load times for the Metamodern are fast. Read more… Also see live at

Share this Project