Foundation 6 starter project
continued from Foundation 6 screencast in Foundation 6
everything is running on Node now, instead of Ruby
two templates
- a simple structure
- or static site generator like jekyll
foundation--ssg ( https://github.com/zurb/foundation-zurb-template )
uses gulp to for the generation
assembles pages, layouts, etc
sass, css, js, compilation, compression, image optic
explaining partials, layouts, includes...
Comment: if we don't know yet what back-end technology will be used
Using Handlebars for templating
Javascript
handling media queries
they have several utility libraries
breakpoint changes:
$(window).on('changed.zf.mediaquery', function(){
if(Foundation.MediaQuery.atLeast('medium')){
}
else {
}
});
you can use your custom breakpoints here
libraries for
- edge detection (tooltip, etc.)
- random id generation
- keyboard access (left arrow, esc)