Very excited for this feature! Any idea when it'll come to the platform for everybody including us non-ambassadors? 😁

Sandeep Panda it would also be great to customize the syntax highlighting theme with CSS. I see you're using Highlight JS! This would allow us to choose any existing Highlight.js theme's CSS or make our own. 🚀🙏

I'm greatly anticipating this feature! 🙏 When will it ship? This tweet got me excited about it. https://twitter.com/fazlerocks/status/1305763274294661120

Hello! Yes, it's in the section on Element here: https://blog.tinaciousdesign.com/bem-css-scalable-maintainable#e-element I realize I didn't explicitly state it and only showed examples, but this is the syntax: .block__element--modifier I've updated the blog post with this information to hopefully make this more clear. Thanks for your feedback!

Thanks! Yes, I love BEM ever since I first learned about it. It brings some organization to an otherwise chaotic system. There's so much room to make a mess in CSS and BEM helps make CSS logical. As for Bootstrap, I only like the SCSS version as it allows me to pick and choose the components I like, and even then I'll pretty much only use their grid, even though I have qualms with how it clears floats, using overflow: hidden which causes their overflowing components (like dropdowns) to get cut off... though I think since moving to flexbox this problem is now gone. The opinionated global styles Bootstrap enforces for elements like tables , form inputs, etc. are too opinionated and the concerns are poorly separated—when working with designers I find working with Bootstrap counter-productive and it requires overriding CSS with extreme levels of specificity as I briefly touch on in the blog post. I also like to keep my box model properties separate from my theme properties, and Bootstrap isn't very good at that as it imposes whitespace values along with theme styles. In my opinion, Bootstrap poorly separates those concerns. I haven't yet had a chance to try Tailwind but it looks great! The ramp up looks like quite the commitment, though. I am currently writing a simply, utility-based CSS framework, so I can definitely appreciate the approach Tailwind is taking. I definitely prefer the ability to compose only the utilities that I need, e.g. specific colours, whitespace, etc. all from individual styles (as opposed to Bootstrap's component approach where it's all or nothing).

I wish I learned about the gh-pages module sooner! 😩 Thanks for sharing!

Sandeep Panda Thanks for checking in. It looks like if I copy/paste it multiple times, it works subsequent times. Perhaps it's a redirection or timeout issue. I've only tested on Facebook. It's sufficient for now, I'll just keep it in mind to try multiple times if it doesn't show the first time. Thanks for verifying.

Sandeep Panda thanks for checking. That's bizarre. I'll see if it clears up after some time. Thanks for looking into it. The reasoning re: SSL makes perfect sense. I always use it but usually via Cloudflare. It makes sense to protect users who don't use a CDN like Cloudflare. Thanks! Really excited about this product!

Sandeep Panda Yes, sure! This is what it's like when I share the link with https:// (using SSL): And when I share with http:// (not using SSL): Note that the image doesn't show on social media unless I share the insecure link. Do you have any suggestions for this? What I've seen other services do, like Heroku, Netlify, and Github Pages, is allow you to use the service without SSL. This allows me to use Cloudflare to its full potential, including its SSL certificates. Thanks!

Thanks! I’m glad it’s all figured out now. Thanks for featuring the article. ❤️ One more thing I noticed because I can’t use Cloudflare proxying is that if I link to the SSL version, the social media image doesn’t show up. I need to link to the non-SSL version for that to show. Do you know if there’s a way to address that or should I continue to link to the non-SSL version?