Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Clone this wiki locally
Foundation For Sites Roadmap
6.3: RC 11/24, Full Release 12/15
Narrative: Expand the usability and options of tabs and accordions, especially on mobile and keyboard devices. Bring in Cards, new Off-canvas, Type updates, and tons of bug fixes.
jQuery 3.0+ update
- Tabs Deep Linking (+ unit testing)
- Accordion deep linking (+ unit testing)
- Responsive accordion to tabs (+ unit testing)
- Cards (+ unit testing)
- Drilldown responsive heights (+ unit testing)
- Keyboard and other ARIA improvements
- (optional) Vertical Rhythm Mode
- New Off-canvas
- Mutation observers in things like reveal modals, sticky bars, equalizer, and more
- Print Styling
- Flexbox helper classes
- QA For Release
6.3.1: RC 1/19, Full Release 2/2 (tentative)
- Dropdown positioning Fix
- Sticky (bugfixes + unit testing)
- Drilldown (bugfixes + unit testing)
- Orbit (Bugfixes + unit testing)
- Fix template issues
- QA For Release
6.3.2: Tentative Date: Feb/March
- Unified events
- Unified callback/lifecycle hooks
Narrative: Moving Apps-specific components into Sites to pave the way for Foundation Everywhere.
- ES2015 (ES6) Module dependencies (https://github.com/zurb/foundation-sites/issues/9438)
- XY Grid
- Prototyping Helpers
- Default flex mode
- Rework Menus (https://github.com/zurb/foundation-sites/issues/9421)
$card-margin variable is now $card-margin-bottom
6.5: Tentative Date: Feb 2018
Narrative: Pluggable Building Blocks: Enable building and importing compound components (e.g. cards or full navbars) that automatically fit your design.
- Unify motion-ui integration across all components.
- Clearing (https://github.com/zurb/foundation-sites/issues/7823)
- Yeoman Generator
- CSS Architecture rework (ITCSS + SMACSS)
- JS rework to eliminate jQuery dependency, separate view layer from logic to make it easier to plug into frameworks
- Remove IE9 and IE10 support.
The future: Foundation Everywhere
- Angular 1 -- Exists
- React -- Exists
- Ember.js -- Exists
- Angular 2/4
Other Things to Investigate/Schedule
- PostCSS - would there be a benefit to moving to PostCSS? What would we want to do with this?
- Progressive Web Apps - are there utilities that make sense as a part of Foundation for Sites that would help support this
- CSS Grid - Not sure what the timeline is on this but we should target this, perhaps similar to flexbox mode?
- Styleguides - We already include some styleguide stuff in the template, but is there more we can do here?
- Themes - Enabling better 'Out of the box' use for non-designers
- Tooling to enable more interesting things with SVGs. Ideas include a way to auto-inline to make inner elements accessible to CSS, and some common effects (fills/borders/etc tied in with your pallete, etc)