Live data from Hacker News

Tabler: Free and open source dashboard HTML/CSS framework

github.com

61–70 of 94 posts

Re: Tabler: Free and open source dashboard HTML/CSS framework

#61

Never used Tabler itself, but I am an absolute loyalist for using their icons, which are all MIT licensed and available in SVG. https://github.com/tabler/tabler-icons

nice, i may have to look into using these for my personal css framework project. i'm still not sold on svg as an unalloyed good over font icons (as they're really verbose and cluttery in markup), but they do have some good points as well (e.g., multi-color and css-able).

Re: Tabler: Free and open source dashboard HTML/CSS framework

#63
post #26

it looks like tabler uses jekyll underneath for docs and demo (which i personally like and am comfortable with). the demo is really nice, ahd while i'm not big on js any more, the js driving tabler looks fairly straightforward and appropriate to my eyes. the underlying html and css, however, give me pause about how easy it would be to integrate into a larger project. soup is how i'd describe the demo html, and its cs…

From what I understand, it should also work ok with more semantic html elements. But it would be nice to see maybe a little of that in the examples.

Basically even if it's not built in, adding a reset stylesheet underneath it would make it work with semantic tags just like with divs, so no worries about that.

then again, you'd probably not have to care about semantic structure in dashboards anyways, as it's unlikely SEO is a concern.

Might be worth considering for accessibility though.

Re: Tabler: Free and open source dashboard HTML/CSS framework

#64

Never used Tabler itself, but I am an absolute loyalist for using their icons, which are all MIT licensed and available in SVG. https://github.com/tabler/tabler-icons

nice, i may have to look into using these for my personal css framework project. i'm still not sold on svg as an unalloyed good over font icons (as they're really verbose and cluttery in markup), but they do have some good points as well (e.g., multi-color and css-able).

To me, the key point about having the SVGs is they're basically the "source code". Whether you want to use SVGs directly or not, you can, and you have all of the tools to make high-quality custom icons using the same shapes.

Re: Tabler: Free and open source dashboard HTML/CSS framework

#65
post #59

I hate this modern design trend of wasting as much of my screen real estate as possible. It's ugly and it wastes my time, which is rude. Every one of these tables is literally 300% taller than it needs to be. Get rid of all the pointless padding and spaces. You can pack 3x the information on screen. This looks "modern" but it doesn't look good and it certainly isn't useful . Every time I bring this up in UX review de…

There are designers that appreciate the distinction between the way you design a desktop application vs a consumer website / mobile app. A lot of the design literature and discussion seems to be focused on the latter these days.

A lot of things that desktop applications did are missing in most web apps; high information density, resizable panels, panel layouts (side by side etc...), keyboard shortcuts, embedded CLI's, and so on. It makes the user experience a lot worse for power users.

Re: Tabler: Free and open source dashboard HTML/CSS framework

#66
post #59

I hate this modern design trend of wasting as much of my screen real estate as possible. It's ugly and it wastes my time, which is rude. Every one of these tables is literally 300% taller than it needs to be. Get rid of all the pointless padding and spaces. You can pack 3x the information on screen. This looks "modern" but it doesn't look good and it certainly isn't useful . Every time I bring this up in UX review de…

There are designers that appreciate the distinction between the way you design a desktop application vs a consumer website / mobile app. A lot of the design literature and discussion seems to be focused on the latter these days. A lot of things that desktop applications did are missing in most web apps; high information density, resizable panels, panel layouts (side by side etc...), keyboard shortcuts, embedded CLI's…

Designers optimize for the common customer, which does _not_ want keyboard shortcuts or embedded CLI's etc.

Re: Tabler: Free and open source dashboard HTML/CSS framework

#67
post #59

I hate this modern design trend of wasting as much of my screen real estate as possible. It's ugly and it wastes my time, which is rude. Every one of these tables is literally 300% taller than it needs to be. Get rid of all the pointless padding and spaces. You can pack 3x the information on screen. This looks "modern" but it doesn't look good and it certainly isn't useful . Every time I bring this up in UX review de…

> Every one of these tables is literally 300% taller than it needs to be

Looks fine to me. The page is already pretty information dense, making it even more dense isn't necessarily better, but it's all pretty subjective.

Re: Tabler: Free and open source dashboard HTML/CSS framework

#68
post #59

I hate this modern design trend of wasting as much of my screen real estate as possible. It's ugly and it wastes my time, which is rude. Every one of these tables is literally 300% taller than it needs to be. Get rid of all the pointless padding and spaces. You can pack 3x the information on screen. This looks "modern" but it doesn't look good and it certainly isn't useful . Every time I bring this up in UX review de…

> Every one of these tables is literally 300% taller than it needs to be Looks fine to me. The page is already pretty information dense, making it even more dense isn't necessarily better, but it's all pretty subjective.

I’m talking about the whitespace within a row. There’s no reason to make a row in the table 3x taller than the text on the row. If you think 8 rows is all your users need that’s fine, but why waste all that space?

Re: Tabler: Free and open source dashboard HTML/CSS framework

#69
post #68

Earlier quoted context omitted.

> Every one of these tables is literally 300% taller than it needs to be Looks fine to me. The page is already pretty information dense, making it even more dense isn't necessarily better, but it's all pretty subjective.

I’m talking about the whitespace within a row. There’s no reason to make a row in the table 3x taller than the text on the row. If you think 8 rows is all your users need that’s fine, but why waste all that space?

Well there is a point to be made that if you don't stack rows without any spacing the user might actually be able to look left and right at different columns without losing sight which line they were even looking at.

Can be partially solved by having alternating colour rows (and frankly it should've been a thing here), but ultimately this is far easier to read then your average excel sheet, at least to me.

And frankly if you're displaying more than 8 rows, you need to add a damn scrollbar and search box, ain't nobody reading all of that. Humans can generally only focus on like 5 things at a time max anyway.

Post reply on HN