Squint/Opera

Screen Shot 2015 08 12 at 20.53.31

This was an experiment into a combination of fluid & responsive layouts. The combination unfortunately created an exceptionally complicated technology infrastructure, but we managed to get it working in the end.

This was also our first commercial implementation of the "Intellisense" filter, using Isotope & CSS pattern matching to navigate through categories and projects without any page reloading (the prototype was used on an earlier version of this website).

Due to the rich image and video content there are a whole host of custom, intelligent, chained loaders which streamline the loading.

@ Squint/Opera Website

Technical Details

Type:

  • CMS-driven LAMP HTML website

Features:

  • SilverStripe CMS, framework & templating engine
  • MVC architectural pattern
  • HTML, CSS & jQuery
  • Fluid layout
  • jQuery Isotope used for container layouts
  • Seriously complicated layout mechanisms & math