colmtuite

Thanks! Glad you're liking it

Interesting read but I was hoping for a bit more insight. I would have liked to see a few low-level examples of their file structure, how they build certain components, or how they utilise certain Sass features.

I was also hoping he would talk more about his thoughts on CSS methodologies, like BEM or OOCSS. The methodology itself is more interesting than the application of it.

I'm working on this browser-based interaction prototyping tool. The goal is to provide a a simple workspace where you can brainstorm and build clickable prototypes quickly and easily.

I'd love to get some feedback/suggestions.

I agree with most of that. I was actually planning to write a much longer post but ran out of time. Perhaps I'll elaborate with another post next week.

Thanks for embellishing some of my points :)

Yeah, sorry mate. I just hacked it together. My CSS is horrendous too :)

I've two other articles: http://www.colmtuite.com/three-reasons-why-wireframing-tools... http://www.colmtuite.com/a-more-flexible-development-framewo...

OP here.

Thanks for the feedback. A lot of people seem to be getting hung up on the sass thing. I'm all for sass, I don't think using 15 CSS classes for margins is the best way to handle this. I just wanted to use a watered down illustration for those who don't yet understand sass. Ideally, this should al be abstracted into variables/mixins/extends.

My main point though, is that I'd like to see us working together to decide what the best approach is, then apply that across the board. I don't see any reason for us to continue doing things slightly differently.

Whether you use CSS, SASS, LESS or any other preprocessor, we should be writing reusable CSS. At the moment, that is not happening across the web.

Seems like a pretty smart idea. Good work. I'm impressed by the speed. I like the tour too. I think the UI is very text-heavy right now, it might benefit from swapping some text for icons.

I'd like to see more of a pitch by way of how this app can help me and why I should be using it. Other than that, good job. Hope it does well.

It wouldn't take much work to override the base styles with your own colors. Shoot me an email at colm@modulz.co and I'll walk you through how to do it.

Good spot. Thanks for pointing it out. It's fixed.

There is currently no internal way to import your own color scheme. You can always override the CSS with your own colors.

We have lots of extra features planned for the future including extra color schemes, custom color schemes, extra Modulz, web fonts, more customization options etc.

If lots of people start using it, we will add new customization options very soon.

Sure. Just shoot us an email at colm@modulz.co when you're ready to upgrade.

We've decided to drop the prices based on feedback. Thew new prices are $49 and $79. Everyone who has purchased Modulz already will be refunded the difference.

A landing page is a marketing site. When startups want to launch their products, they build marketing sites to help advertise. Modulz is a collection of HTML website sections that you can customize and piece together to build your marketing site.

You're free to use it for multiple websites or for multiple client sites. You can't package it up and resell it or share the files with someone else.

Here's an image of the phlat button and the skeuo buttons side by side.

http://i.imgur.com/3fDqmbz.png

Modulz ships with both styles anyway, so no need to worry :)

Besides the improved visual design, the key difference with Modulz is that it's modular. Most themes come as full pages. If they don't suit, sometimes it can be hard to tailor them to your needs. There are also up to 17 different sections with Modulz, that's more than most thems ship with.

Thanks for pointing that out, I'll upload one soon. For now, if you open dev tools on the Modulz site, go to the html element and change the "phlat" class to "glossy". Then you'll see the skeuo buttons.

Here's a quick snapshot of what it looks like: http://dribbble.com/shots/1021755-Flat-Terminal-Theme?list=p...

Just shoot me an email instead. www.colmtuite.com

Hey,

Thanks for the reply but I don't own an iPad. If I did, I wouldn't design or code on it.

This is down to poor typographic styling. It can be removed with two lines of CSS:

-webkit-font-smoothing: antialiased; font-weight: bold;

Yep. I need some way to differentiate betas from regular sign ups. http://colmtuite.com/

Shoot me an email dude. I'll try hook you up with a beta. http://colmtuite.com/

Not sure yet. I still haven't nailed down any plans for delivery. I have lots of ideas. Just hoping to get some feedback first.

Cool, thanks mate. If you're interested in beta testing, shoot me an email.

Yeah the video is a bit messed up, oh well.

I'm planning to use the placeholder text in each module to provide copywriting tips. So maybe Modulz might tick all your boxes.

I'm thinking of building a web interface which will remove the need to code. You would choose from a list of ready-made modulz, set some preferences, then generate the HTML and CSS. Of course you could also customize everything if you wanted, or even build your own modulz with the core framework and documentation.

I see a lot more uses for Modulz than just coming soon pages. I think Modulz could be used to build whole marketing sites for startups and even brochure sites for client work.

If you sign up you'll see a better one ;)

I used the core framework but because I hacked it together so fast and there were so many custom sections, it's not a great example.

If you open dev tools, on each section you will see a class of either "base", "accent", "neutral", "complement" or "white". You can swap these classes and you'll see that module update.

Also, the site is responsive, and some of the icons can be seen.

Forget the app dude, I'm lovin the Irish music on your video :)

The video looks half decent. I'll keep an eye out for when you've added responsive support, then I'll try it out and give you some feedback.

Having a link to a HTML version is completely useless in my eye though. There's no way a wireframing tool could export semantic markup, so I would never expect it. I'm happy to take my wireframes and start coding from scratch. For those UX designers that can't code, they might feel like they are helping the developers by handing over HTML instead of JPGs, but they're not. The HTML is useless.