Are there any good reasons to use this instead of Tailwind? Is it mainly just the look of the components?
Way less work? Tailwind is on a lower level of abstraction than this.
Tabler: Free and open source dashboard HTML/CSS framework
51–60 of 94 posts
Re: Tabler: Free and open source dashboard HTML/CSS framework
#52I've used this for a couple of projects now and like it.
But am not a fan of the current trend of spaced out layouts. Visually they look good but in practice for information dense pages it is difficult to fit everything in. Maybe it is bad design on my part but I'd prefer a web layout that looks more like a desktop application (think Photoshop or Visual Studio)
Re: Tabler: Free and open source dashboard HTML/CSS framework
#53Earlier quoted context omitted.
Can you share how youre using it personally?
- personal finances - get statement exports to sqlite db and I have dashboards to manage expenses/finances, retirement account data in sqlite and charts for actual and projections - my car - I collect data in sqlite db - amortization schedule/actuals for the loan, fuel/maintenance expenses etc. Dashboards on top of it with metrics such as $ spent, miles, cost of finance, cost of ownership (per mile) etc. - workouts -…
Thanks!
Can you share screens of your car dashboard, this sounds like a marketable simple one-page web-app that people would sign up for an use...
But then you'll get millions of users and you'll have to learn postgress and a range of other meta-metrics to track your uptime and availability 9s to your constituent users....
Re: Tabler: Free and open source dashboard HTML/CSS framework
#54Anyone want to explain this like I’m a cgi-bin developer from 2004?
Websites are made with html and css (and frequently 15mb of javascript)
This is a package of pre-formatted and pretty html and css, with a small amount of javascript, built on top of another package of pre-formatted and pretty html and css, with a small amount of javascript.
Re: Tabler: Free and open source dashboard HTML/CSS framework
#55Has anyone used this in a Phoenix LiveView project by chance?
I have. Works well (I would inspect examples on the demo site and copy-paste them wholesale). I switched to Tailwind templates though because they suited me better. And honestly I couldn't (be bothered to) figure out how to only use the CSS required, not the whole bundle, with Tabler.
Do you just bundle Tabler's JS into Phoenix asset pipeline and let it do its thing naively in the browser?
I guess most the JS is just visual changes, but i wonder if that brings live view out of sync with the dom.
Re: Tabler: Free and open source dashboard HTML/CSS framework
#56Earlier quoted context omitted.
I have. Works well (I would inspect examples on the demo site and copy-paste them wholesale). I switched to Tailwind templates though because they suited me better. And honestly I couldn't (be bothered to) figure out how to only use the CSS required, not the whole bundle, with Tabler.
Do you just bundle Tabler's JS into Phoenix asset pipeline and let it do its thing naively in the browser? I guess most the JS is just visual changes, but i wonder if that brings live view out of sync with the dom.
Ah. I haven't used anything that required JS. Just the purely visual components like tables, stats etc.
Re: Tabler: Free and open source dashboard HTML/CSS framework
#57Why pack so many different things into a single project? If I want to build a dashboard with multiple widgets on the screen, my first step would be to look for a layout tool. Which allows me to handle how the screen is divided into multiple areas and offers an interative interface so I can open, move, resize and close those areas. I would not want a bundle that combines the layout tool with charts and forms and whatn…
It's a kitchen sink demo, so we can pick the components we want and just use them without spending hours wiring things together or dealing with conflicts. It's why VB was so successful and Qt as well.
I never had to worry about stuff like this in desktop. Or reinvent how a combo box should work for every single project. Some people just want the same for the web.
Re: Tabler: Free and open source dashboard HTML/CSS framework
#58it 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…
The CSS variables actually provide that exact functionality, in a sense. They allow you to adjust the colour scheme, font sizes, layout (margins, padding) without having to grep all of the stylesheets. I stumbled across Tabler a few months ago and have integrated it into one of my projects. I love how easy it has been to throw a site together for a client with minimal time spent on writing stylesheets, or modifying y…
i appreciate you contributing your experience on this. to be more specific, it looks to me like a lot of the css variables are too granular, likely because they're being generated via scss functions, and so must conform to a set of algorithmic conventions. but a lot of the time, you don't want to tweak just the default border color of the card component separate from its border width separate from the border color of a generic container (or whatever). i haven't delved deep enough to know precisely how this all plays out, but that's what it looks like to me on first perusal.
bootstrap does this as well, and since tabler is built on bootstrap, it seems they're extending that precedent (there's a lot of "!important" going on to, which is not a good sign). i'll admit i'm not much of a bootstrap fan either.
i'm slowly developing my own personal css framework where i'm trying to have no tooling at all, including no scss, and very, very minimal js (and certainly no framework or packaging/transpiling of js at all) by default. it leans heavily on css variables and all the other current css goodies (good riddens IE!). that way, it can fit into any use case without having to worry about tooling conflicts. bulma kinda takes this approach (particularly, no js), but it's weirdly not as extensive as i'd expected it to be.
Re: Tabler: Free and open source dashboard HTML/CSS framework
#59I 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 designers look at me like I'm from the moon.
In the "Invoices" table in the preview seven hundred vertical pixels are used to display eight lines of data. That's worse than a VT100 by a factor of three.
Re: Tabler: Free and open source dashboard HTML/CSS framework
#60I've used this for a couple of projects now and like it. But am not a fan of the current trend of spaced out layouts. Visually they look good but in practice for information dense pages it is difficult to fit everything in. Maybe it is bad design on my part but I'd prefer a web layout that looks more like a desktop application (think Photoshop or Visual Studio)
Maybe https://blueprintjs.com/ for you, although last time I checked it did not have explicit mobile or tablet support. (They don’t aim to break mobile or tablet but they don’t endeavour to support it.)