Foundation recently turned three years old. It is hard to believe how much it's changed especially considering it was the first responsive design framework first built in Sass and modular mixin partials, and the first to take a mobile-first approach. The code has changed a ton, but one thing hasn't changed throughout this time. The level of dedication and passion the people who use Foundation has constantly impressed us.
Some of the biggest improvements to the framework since we launched Foundation 5, now known as Foundation for Sites, have come from our community. Despite having over 7,790 commits, we have opportunities to continue to tighten up all the details of what a framework can be. The community has really embraced these challenges and worked together to resolve them. Whether they are fixed or not, these efforts are what open-source is all about and need to be highlighted.
1. Misbehaving Dropdowns
Other notable attempts were made by Krzysztof Hasinski, and Sean McCollum, adiktofsugar on GitHub.
Both went through multiple iterations improving their solutions with our guidance. It's a tough problem to solve but they are getting closer. We have confidence that a good solution will arise.
2. An Off-Canvas Menu That's Sticky
When we launched Foundation 5, we released a new mobile menu called Off-canvas. Off-canvas is great way to do a mobile menu as it slides out from the left or the right and pushes the site content over. It does its job very well in its current configuration. One of the most heavily-requested features in Foundation is to make the Off-canvas tab-bar fixed to the top of the screen as the user scrolls. For some very long sites this would prevent the user from needing to scroll back to the top to use the menu. The tricky part is that Off-canvas was not built with this feature in mind. Some solutions have worked but not on all devices while others conflict with other components. The community on the Foundation Forum and GitHub came up with some solutions that get it close.
Another contribution came from Caleb Winters whose simple but effective solution creates a scroll container using the
So while these solutions are great, we really need a solution that works with all the existing components in Foundation before we can merge it in.
</div>s in Any Situation
We added this into Foundation so now you have the option to use equalizer with a block grid and on multiple lines!
4. Not Just Large Dropdowns, Mega Dropdowns
As soon as we launched the Foundation Forum, a popular discussion began about creating responsive mega-menus in Foundation. Born out of that conversation, we had a fun little challenge to see how people make these.
5. Get Lost in a Multi-level Off-Canvas Menu
Eduardo Catano, socketz on GitHub, made a sweet multi level off-canvas solution. Taking cues from this conversation, he went ahead and created a solution for it. After some back and forth on the details it was ready to merge. This multilevel off-canvas has already been used on a few projects at ZURB and by many others.
Be the 583rd Contributor
Community contributions to Foundation have really gone a long way to making it better. Some of the best tweaks and additions were made by the people who use the code. We are all using Foundation on our projects and have run into something we want to improve on. With open-source software, we can do that and get recognition for sharing our solutions. The above-mentioned Foundation code rockstars have taken on the challenges of improving Foundation. They are out there crushing code and you can get involved too.
Have some ideas on how to help these people take their ideas across the finish line? Have you created a solution for these in your project? Show off your skills to help make Foundation better for everyone, whether it's by helping each other on the forum, submitting Pull Requests, or giving feedback and ideas. We want to thank the people mentioned above, and the hundreds of others, for investing in our community.
Here's where you can help: