This framework is loosely based upon the HubSpot COS Boilerplate to ensure HubSpot compatibility and because it was a good starting point. Our goal however is to build a framework for building websites on HubSpot that enables faster development, higher quality and better performance. Just because it's in the boilerplate doesn't mean it needs to stay. We also don't need to keep the same file structure at all. This might look completely different than the old boilerplate when we're further along, and that's perfectly okay.
We are building the Crankshaft to the whole HubSpot Flywheel - hense the name.
If you're still confused as to what this is, our goal is to be similar to Foundation by Zurb, or probably more similar is Shopify's Timber Framework. Our goal is to create a great framework for building HubSpot sites and custom modules.
We're in the early stages. Figuring things out, contribute how you can/want to. Feel free to create issues and we'll talk some things through. Feel free to add code.
If you'd like an invite to contribute to this Repo, you can contact @jonmclaren on the HubSpot Developer Slack. or feel free to submit a pull request. If I can make it more open in someway so users can make themselves contributors I will do that.
I would encourage avoiding a build process as some users will want to use this directly in HubSpot, some may wish to work locally.
That means:
- We can use variables
- We can use Macros like SASS extends
- We can conditionally load chunks of CSS
- We can separate code into more modular chunks - enabling say the grid to be separated from other parts of the framework, allowing developers to call the grid css file in their modules. If it makes sense to do so. HubSpot Combines and minifies files making this possible.
- We can create Utility classes that are specific to HubSpot.
- You know it's going to be there, so go ahead and use it.
- Boilerplate
- COS Responsive explanation
- Intro to HubL
- HS Developer Chrome Extension
- HubSpot Community