Lovey design. Emphasis on legibility and simplicity. No BS and no distraction. I especially like the treatment of the three bars from the top banner to the content area. Stellar work.

Author of http://vinspee.me/style-guide-guide/ here. My favorite I've used is Hologram - I haven't found the perfect tool yet.

Reminder: if you're using lorem ipsum / a font like this, you're doing your product/client/etc a disservice. Use the actual content and/or real data whenever possible.

What if I'm sitting around waiting for content from my boss?

my example from HN of how to fix this:

This is your own fault. You've made your "boss" believe that you can complete designs without content for so long that he now expects it. You should try re-framing the conversation. Something like:

— SCENE: BOSS TYPING FURIOUSLY, YOU KNOCK ON HIS DOOR AND HE INVITES YOU IN.

BOSS: "We need this design for our new sprocket page as soon as possible - We're going to market in two weeks and need a landing page for our Google AdWords campaign"

YOU: "Awesome! The new sprocket is going to be huge for our company. What would you really like to focus on for this page? I want to make sure to prominently feature the most important things."

BOSS: excitedly lists a dozen things

YOU: Wow - this thing is really great. It's going to be a huge benefit to our customers. How can we show them the three things they're going to react to instantly?

BOSS: "Well my favorite is the gizmosis feature. It makes it so you don't have to flim-flam any more!"

YOU: "Woah. That's really cool! I'll make sure that is billed highly. Anything else you can thing of that sticks out in your mind?"

BOSS: "That's the only thing that sticks out. I do have this detailed list of features here"

YOU: "Please do send that to me - I'll try to make some sense of it. If you think of anything else really important, just email it over to me. I'm going to start putting all of these features into the design tomorrow morning - so make sure you let me know by the end of the day! I can't wait to get this page up for our clients to see - it's going to be a huge win."

BOSS: "Excellent. I'll send over any additional thoughts I have with that document right now. Thanks."

— END SCENE

Framing the conversation is important. Seeing yourself as the boss's advocate is important. You're working toward the same goal. The content is more important than your design. Accept that.

We've been using SUIT on several medium to large projects with multiple front end devs. We tried to alleviate the "tons of class names" issue by using attribute modules. For example, instead of

We are doing

This comes with a few problems. 1. Capital letters in data attributes aren't valid. Browsers automatically convert them to lowercase, which is fine, but react.js just removes them. That means you have to make the attributes all lowercase if using react.

1. Safari doesn't repainted changes based on data attributes when they are changed by an outside element. If a button triggers an attribute change on your header, Safari will not paint them.

Yes. Flexbox is truly the only solution aside from JavaScript.

Having to set vertical padding on the content completely destroys the notion of a dynamic height header and footer. It's now essentially static, because you have to adjust the size of the content's padding whenever the header or footer changes.

Are you okay with flexbox?

http://codepen.io/VinSpee/pen/zxBJVO

Singularity (Sass) is far and away the most powerful grid system out. Also worth a look: Jeet (Sass, Stylus), CSS Wizardry Grids (CSS, Sass), and Suit CSS Grid Component (CSS).

If you're looking for something nice and easy, Grumpicon is the way to go. The Filament Group covers the workflow in detail here. The most important thing to remember (and biggest pain) is, that once you save your svg, you have to manually open it, remove the width and height from the container, and save again. Good luck!

Really cool idea, and I really like that it keeps about the same chars per line, but the breaking of native browser resize leaves me questioning how good of an idea this actually is.