Menu icon Foundation

My Posts

No Content

My Comments

Peter Weil commented on Ankur Kiyada's post 3 months

 When role="tablist' is assigned to the <ul>, all of the child <li>s are rendered invalid because they are not wrapped in a <ul> or <ol>. Accordions don't need any special roles or lists in the html; just do a series of show/hides a la Heydon Pickering with headings, buttons, and block elements, using aria-expanded, etc.

Peter Weil commented on Eyal B's post about 3 years

This page (the responsive grid in the Schools and Colleges tab) uses Foundation 6 and the flex-grid. The parameters aren't exactly the same as what you describe, but maybe it's close enough. Does this help?
 
http://www.wisc.edu/academics/

Peter Weil commented on Stefan Koren's post over 3 years

" Data-options are on the roadmap for a later version."

Really? That's not the impression given by http://foundation.zurb.com/sites/docs/orbit.html

At the top, it says v6.04.

And later, "Plugin Options
Use these options to customize an instance of Orbit. Plugin options can be set as individual data attributes, one combined data-options attribute, or as an object passed to the plugin's constructor. "

I haven't been able to get Orbit data-options to work either. Would you please clarify the status of Orbit?

Peter Weil commented on John Gibson's post about 4 years

I think that the Foundation divider class is a poor solution for this. Easy, yes, but it's not a good practice to add empty html elements to achieve a visual or presentational effect. You don't need them, and they just clutter up your html. A better and cleaner solution is to use css, and do something like borders or use the :before or :after pseudo elements to add generated content.

Posts Followed

  • 2
    Replies
  • Frustrated with the grid

    By Eyal B

    I've been trying to implement the flex-grid in my application.. (not using Foundation Apps because we're using Vue.js framework, not Angular). I was trying to achieve a seemingly simple behavior which is included in the normal grid (using the 'end' cla... (continued)

    Last Reply by Peter Weil about 3 years ago



Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Ankur Kiyada's post 3 months

 When role="tablist' is assigned to the <ul>, all of the child <li>s are rendered invalid because they are not wrapped in a <ul> or <ol>. Accordions don't need any special roles or lists in the html; just do a series of show/hides a la Heydon Pickering with headings, buttons, and block elements, using aria-expanded, etc.

You commented on Eyal B's post about 3 years

This page (the responsive grid in the Schools and Colleges tab) uses Foundation 6 and the flex-grid. The parameters aren't exactly the same as what you describe, but maybe it's close enough. Does this help?
 
http://www.wisc.edu/academics/

You commented on Stefan Koren's post over 3 years

" Data-options are on the roadmap for a later version."

Really? That's not the impression given by http://foundation.zurb.com/sites/docs/orbit.html

At the top, it says v6.04.

And later, "Plugin Options
Use these options to customize an instance of Orbit. Plugin options can be set as individual data attributes, one combined data-options attribute, or as an object passed to the plugin's constructor. "

I haven't been able to get Orbit data-options to work either. Would you please clarify the status of Orbit?

You commented on John Gibson's post about 4 years

I think that the Foundation divider class is a poor solution for this. Easy, yes, but it's not a good practice to add empty html elements to achieve a visual or presentational effect. You don't need them, and they just clutter up your html. A better and cleaner solution is to use css, and do something like borders or use the :before or :after pseudo elements to add generated content.

Posts Followed


Following

  • No Content

Followers

  • No Content