Grunt Logo copyrighted, all rights reserved by Bocoup
If you know Grunt.js
, this post is for you. Grunt is a super awesome node.js-based task runner. It makes development easier, your productivity faster, and your attractiveness… attractiver.
Oh, but it does…
I had a discussion recently about whether to put CSS into Tridion as multimedia components or code components, and it triggered a really fun discussion. We talked about all of our different strategies and use-cases for managing the CSS in SDL Tridion, and it seems like something that other folks may ask about in the future. So what I’d like to do here is summarize my thoughts and experiences on front-end architecture, and what implementation options you have in Tridion.
As I’ve mentioned previously, I recently left Tahzoo and started working at a new company called Content Bloom. Last week was Content Bloom’s global training summit, held in Halifax, Nova Scotia, Canada (if that’s a real place). Everyone at the company presented on a topic; it’s a chance for us to all teach each other. I was nominated to speak on Front-end, but with only a 30-minute window, I had to be very focused on what I was going to teach on. Very focused. So I picked only two topics— and I only went over by an hour.
So, my good buddy Wes has fallen in love with BEM, that glorious HTML/CSS methodology that adds reinforced steel to your front-end framework. And he discovered the other day that someone has written a SASS mixin for writing BEM. But…but…I’m more of a Stylus fanboy. Where’s my mixin? Oh, here it is…
In the last few months I’ve become a pretty big fan of a particular CSS preprocessor called Stylus. Stylus is a node.js-powered preprocessor that I’ve used with some clients. Stylus has offered a huge boost in both my productivity and quality— and I’ve conjectured that it even gives me an edge performance. After seeing huge gains, I’ve wondered if existing websites can get a benefit from a CSS-to-Stylus conversion. Clients don’t ask for one, and it’s probably because no one has every done a CSS-rewrite and actually measured the gains. Well, guess what? I did a Stylus conversion on my blog, to find out if I could find any gains…
Last week I was hit with a small challenge of fixing a snippet of code that fixed a problem with a third party application called Media Manager. It does some pretty nifty things with videos — but it also injects a
<style> into the
<body>. Because it does that, I had a challenge in changing the dimensions of a video on the client-side. I first worked up a fix over there. Then I worked up a fix for the fix here. It involved a lot of attribute selector shenaniganery and ultimately, revelations about
!important —including ways to avoid it at all costs.
Yesterday, with a measure of difficulty, I submitted my resignation to Tahzoo.
At my Media Manager presentation at Tridion Developer Summit a few weeks ago, I showed a trick for resizing your Media Manager videos outside of Media Manager’s outlets.
This morning, I learned that there was a bug with the approach, and this afternoon, I found a fix. Let’s discuss. Read More
A few months ago Robert Curlette invited me to speak at the first ever Tridion Developer Summit. Unfortunately, he only allowed me to pick one topic. Surprise! I chose SDL Media Manager. What I want to do today is provide follow-up to my presentation, as well as links to my presentation, also.
If you’ve been following these adventures in
schadenfreude Europe, you should be well-aware that Amsterdam is not necessarily the most navigable of places for beginning a journey. But like all things which are European, the intraversable nature of Amsterdam can also be conquered. In today’s episode, we do a general wrap-up of the first Amsterdam experience. Read More