{{{edit-button 'websites_about.html' 'section'}}} {{#markdown}} {{/markdown}}
{{#markdown}} You won't find prescriptive solutions for every scenario, but you will get examples and guidance on a wide range of pull quotes, form boxes, menus and more to show you how things should be done, including more complex things like [analytics]({{root}}websites/meta-patterns/analytics.html) and [page structure]({{root}}websites/meta-patterns/page-structure.html). {{/markdown}}

On this page

Loading...

{{#markdown}}
Do as I do, not as I say. The Style Lab
We use best practices and targets browsers shipped within the past three years (more on browser support); other browsers will function through [graceful degradation](https://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement). ### Framework components This framework functions similar to many front-end solutions: several files and structures are used and generally can be implemented separately so you can use what you can or your own solution if required. We also leverage a NPM build process so there's no need to use all of the Foundation framework, if you don't need it.

Stack legend Optional, but recommended Required

To help us help you, we've used the [Foundation Framework](https://foundation.zurb.com/sites/docs/kitchen-sink.html#accordion) (version 6) as a baseline. Using this we get a robust baseline (tool tips, forms, sliders, and modal boxes) as well as technical guidance and extensive open source community testing -- and, perhaps, you'll be fortunate enough to already be (or have) a developer with Foundation experience. Foundation is bundled by default and **highly** encouraged, but [is not required]({{root}}websites/sample-site/integrations/lite.html). You can learn more about why we selected Foundation in the FAQ below. ### Implementing the EBI Visual Framework {{/markdown}} {{#markdown}} ### FAQs {{/markdown}}
{{#markdown}} ### Need help? For questions about the background of this guide or a philosophical suggestion post to the issue queue for discussion and support. Note that the EBI Web Guidelines Committee is responsible for the governance and direction of the patterns and framework. ## Further reading These are concepts that will run throughout your website project. - [Analytics](meta-patterns/analytics.html) - [Browser and screen compatibility](meta-patterns/browser-compatibility.html) - [Printing](meta-patterns/printing.html) - [Page structure](meta-patterns/page-structure.html) - [Sample pages]({{root}}websites/sample-site/) - [Search EBI indexing](meta-patterns/search-ebi-indexing.html) - [Search guidelines](meta-patterns/search-guidelines.html) - [Search SEO](meta-patterns/search-seo.html) - [Content-Action Model](general/core-content-spec.html) - [Usability](meta-patterns/usability.html) - [Accessibility](meta-patterns/accessibility.html) - [Forms](meta-patterns/forms.html) {{/markdown}}