News for hackers. Stuff that matters.
Re:Topcoat – CSS for clean and fast web apps by marknutter on Tuesday May 28, 2013 @03:01PM (#5781942)
I would personally like to see a CSS framework that has absolutely zero opinions about design. Meaning, radio buttons are actually the standard html5 radio buttons, but perhaps with titles handled in a unified way that works across all browsers. Form elements are given proper layout CSS that solves a lot of common issues across all browsers but no additional styling is added. Etc. I don't want my site to look like yet another bootstrap site (YABS) and overriding all of bootstrap/foundations/whatever's styles is a huge PITA. I usually just end up rolling everything from scratch for sites where I want full control over the design.

edit: I'll post this as an edit since there are multiple responses referring to http://www.getskeleton.com. Skeleton is similar to what I'm asking for but it seems to have stopped short. I would love to see unstyled carousels, alerts, modals, sticky headers, images with inline comments, etc. Basically, all the really nice stuff you get in Bootstrap and Foundation but without any of the styling.

Re:Topcoat – CSS for clean and fast web apps by JangoSteve on Tuesday May 28, 2013 @03:15PM (#5782062)
I think this is exactly what Skeleton tries to be.

http://www.getskeleton.com/

I will say though that Foundation is much easier to customize styles for than Bootstrap, which is one of the primary reasons we now use Bootstrap for internal apps or side projects which we don't intend to implement a custom design, but Foundation for all sites which we plan on designing.

Re:Topcoat – CSS for clean and fast web apps by akurilin on Tuesday May 28, 2013 @03:25PM (#5782125)
One thing to keep in mind is that Skeleton has not seen a single commit in the past year, so it's not clear if the framework is going to be supported long-term. It's probably better as a blueprint for one's own homebrew minimalistic CSS framework.
Re:Topcoat – CSS for clean and fast web apps by ricardobeat on Tuesday May 28, 2013 @03:40PM (#5782207)
It doesn't need to change until flexbox is well supported. I've just used skeleton in a project without any problems.
Re:Topcoat – CSS for clean and fast web apps by eyevinx on Tuesday May 28, 2013 @03:50PM (#5782277)
https://github.com/dmur/Skeleton appears to be a more active fork.
Re:Topcoat – CSS for clean and fast web apps by nobodysfool on Tuesday May 28, 2013 @03:54PM (#5782307)
So a framework needs to update every 6 months just because that would make you feel better about it?

Also, your statement is factually incorrect. There was a single commit in the past year. If you had said that next month, you might have been correct.

The author is on twitter...

Re:Topcoat – CSS for clean and fast web apps by akurilin on Tuesday May 28, 2013 @08:50PM (#5783907)
1) Nitpick about 11 months vs 12 months. Are you adding any value to the conversation? 2) The author being on Twitter doesn't affect the 31 outstanding pull requests and the 52 issues filed against the GitHub repository. Again, I'm not clear what you're getting at.
Re:Topcoat – CSS for clean and fast web apps by bti on Tuesday May 28, 2013 @05:54PM (#5783102)
Doesn't need to be updates for the sake of updates. There are open pull requests and issues.
Re:Topcoat – CSS for clean and fast web apps by marknutter on Tuesday May 28, 2013 @04:01PM (#5782359)
I'm using Foundation on a project as well and I still find it a big pain to override the styles. I end up writing more CSS to override styles I don't want than I would if I just wrote everything from scratch.
Re:Topcoat – CSS for clean and fast web apps by JangoSteve on Tuesday May 28, 2013 @07:44PM (#5783623)
Really? We've implemented completely custom designs on top of Foundation for several sites now and haven't had any problems. Then again, we work to get the layout the way we like it with Foundation before we start designing, maybe that's why.

For us, things like buttons required a ton of overriding with Bootstrap when we customized the button design, but Foundation didn't. We found this largely to be the case because Foundation makes less assumptions about how buttons are styled to begin with. For example, buttons are pretty basic with square corners. If you want rounded corners, you just add the "round" class. If you want buttons with a different radius, you just create your own new class with a specific border radius and add that. Different color? Create a new class with a background color and add that.

What in Foundation did you experience pain trying to override?

Re:Topcoat – CSS for clean and fast web apps by WickyNilliams on Wednesday May 29, 2013 @04:52AM (#5785307)
I'm surprised nobody has mentioned inuit css[0]. It's written by the highly knowledgeable Harry Roberts (aka CSS Wizardry) and it has exactly this goal. All you get is some boiler plate stuff. It's well designed (from a code perspective) and states "inuit.css provides little-to-no design which means no undoing things, no deleting CSS and no adhering to other peoples’ design decisions.". Though I guess it might be one step back from what you want, as you won't really find widgets, carousels or anything beyond very simple components in the framework.

[0] http://inuitcss.com/

Re:Topcoat – CSS for clean and fast web apps by jenius on Tuesday May 28, 2013 @06:06PM (#5783163)
I'm working on getting there with axis css. It pushed back the design opinions to a css level and makes them modular and easily customizable: http://roots.cx/axis/
Re:Topcoat – CSS for clean and fast web apps by brianleroux on Wednesday May 29, 2013 @07:43AM (#5785691)
Its early days for Topcoat (thus the lacking docs) but our reset is separated from aesthetic (and layout) so you can run an optimized build that gives you exactly what you describe.
Re:Topcoat – CSS for clean and fast web apps by dualogy on Tuesday May 28, 2013 @05:57PM (#5783121)
> Basically, all the really nice stuff you get in Bootstrap and Foundation but without any of the styling

Step 1. Include bootstrap.js

Step 2. Don't include bootstrap.css

Re:Topcoat – CSS for clean and fast web apps by marcamillion on Tuesday May 28, 2013 @06:12PM (#5783195)
This doesn't make much sense - because if without bootstrap.css you don't get any of the alignment, grid, button sizing, etc.

I think the OP is referring to all of those things, without the design styling - not the literal styling.

Re:Topcoat – CSS for clean and fast web apps by blainsmith on Tuesday May 28, 2013 @03:14PM (#5782060)
I've used http://unsemantic.com (layout only) and http://www.getskeleton.com (layout and minimal design) with good results.
Re:Topcoat – CSS for clean and fast web apps by websirnik on Tuesday May 28, 2013 @03:11PM (#5782037)
You might want to look at BEM, it's methodology that telling you how to structure your css/js/markup. http://bem.info/ (developed by Yandex)
Re:Topcoat – CSS for clean and fast web apps by Spiritus on Tuesday May 28, 2013 @03:37PM (#5782190)
Take a look at Nicolas Gallagher's (necolas) Suit toolkit:

https://github.com/necolas/suit

Re:Topcoat – CSS for clean and fast web apps by ninjay on Tuesday May 28, 2013 @03:11PM (#5782038)
Have you checked out Skeleton? http://www.getskeleton.com/
Re:Topcoat – CSS for clean and fast web apps by daigoba66 on Tuesday May 28, 2013 @03:21PM (#5782100)
So basically just a reset.css and a grid (possibly a responsive grid)? That is pretty simple to conjure up.