Learn Foundation with interactive lessons
tryfoundation.io
tryfoundation.io
The structure of these lessons is great - probably more useful than Bootstrap 'getting started' pages. The use of JSFiddle style learning is awesome.
The only thing I don't like is that it requires email/password - however given it's not built by Zurb I can see why the makers have gone down that path. Perhaps a better method would have been to only ask for those details once a user wants to go beyond the first few lessons?
Asking to create an account later makes sense, the lessons are open to try without creating an account here http://www.tryfoundation.io/learn/. We wanted users to create accounts in order for them to save progress and code especially for further bigger projects, thoughts?
Visitors that know that they don't know enough will always signup. I knew that I'd like to learn more Foundation, so immediately submitted my email address. But I would suggest that a decent slice of your users don't know what they don't know - ie. that there is a Bootstrap alternative that is just as flexible, powerful, and easy to learn. Getting those people three steps down the path before giving them a hurdle of signup would, in my opinion, result in a larger user count and greater project impact in the long run.
I understand the desire to gauge user interest and get their contact info, but why not let the signup process be more organic (i.e. you sign up after the first few lessons because you recognize the value of the service), as it is for Codecademy?
(there is a "view lessons" in the top right, but it's not intuitive, given the signup modal)
It's well documented, gets out of the way, and is just much more intuitive/less crufty to me than bootstrap or skeleton.
Sorry for that! Just pushed a fix to make it more fair, no longer a radius.
I'm using SASS and the Foundation grid mixins to define visual components of the site (eg tag, display-picture, etc) that can be put on any page and have different sub classes (eg tag-small, display-picture-large).
With this, the goal is not to have CSS increase linearly with the number of pages/content because I've defined all the visual components of the site and they can be shared across pages.