Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 65 Next »

Overview

Fluid Project is evaluating CSS Frameworks as a possible tool:

  • for implementing project websites, and component demos
  • to integrate in components themselves to bring additional features

After a research and evaluation period (see: CSS Framework Research Notes), Foundation and Bootstrap have emerged to be the front runners. This attempts to document in detail the requirements of the framework to be used.


Criteria Evaluation


 

Feature / Desired applicationBootstrapFoundation
Responsive layouts  
Style reset  
Units in EMs  
Ease of customizing default styles  
Ease of using default styles in a heavily customized application
  • +/-15px margin and padding on container, rows, and columns dictate a hierarchy and usage pattern. Customizing this or deviating from this pattern causes unintentional and unwanted alignment issues which can be hard to correct (involves overriding).
  • This hierarchy is required to ensure good scalable layouts.
 
Custom builds  
Namespacing framework classnames  
UIO Theme generation using default build  

UIO Theme generation using custom build

  
UIO Theme generation using preprocessor  
Effects of custom Bootstrap build with default Bootstrap N/A
Effects of custom Bootstrap build with default Foundation  
Effects of custom Foundation build with default FoundationN/A 
Effects of custom Foundation build with default Bootstrap  
Nice to have - tooltips  

 

 

Questions

  • What if a Fluid component is using a particular framework in its implementation, what are the consequences for an integrator?
  • An integrator is using an existing framework, what happens if the Fluid component is using the same or different framework?
  • In the case of the same framework, the component may be using a custom build or custom framework styles (over-ridden in css file) - what happens in this framework-framework interaction?
  • No labels