DashGum – Free Bootstrap Admin Template
blacktie.co
blacktie.co
Other than that, nice theme!
If you have to scroll, and are on a Mac, it will drive you mad. :)
Maybe this is related to the so called "natural scrolling" feature on Mac? I don't use that because I find it completely unnatural and it drives me nuts, so maybe it only causes that issue if you have that feature enabled?
Aside from that, the dashboard looks really nice :)
http://www.alvarez.is/demo/dashio/dashboard/
http://alvarez.is/demo/dashio/index.html
https://wrapbootstrap.com/theme/dashio-dashboard-frontend-WB...
Carlos Alvarez
Carlos is a self-taught designer & developer working as a freelancer since 2006. He loves creating eye-catching sites and cool user experiences. Since 2011 he develop sites using the awesome Twitter Bootstrap framework. More Here: Alvarez.is
Is there by any chance a github repository for this?
Obviously, I attribute this to HN load, but in the real world you'd probably like to get some notice that the SPA is attempting to do "something."
Animation speeds are way too slow, particularly in the left menu. Creates a feeling of sluggishness.
Icons at the top of the dashboard should have some sort of text label. I don't have to wave at my car's dashboard for it to tell me that +20 means "You are going 20mph".
At smaller resolutions, those icons should take up far less space. They should either be in a 2-row grid, or all on the same row.
Square panels on the dashboard have a box shadow on hover. Not bad in principle, but this implementation doesn't look very good, and doesn't do much to highlight which panel I'm hovering (i.e. about to click on). Also, these probably shouldn't have a hover state at all, given that the use has no way of interacting with them (aside from the line graph, which should probably be in a different element).
No way to clear notifications - bad.
Hover styles on the notifications and team members implies that the whole thing is clickable - in fact, only the name is clickable, and this presents an incredibly small target.
Lock screen should just have the password field, and maybe the avatar/username, visible. Alternatively, they should slide into the existing overlay when the lock icon is clicked. Putting it in a modal is just lazy.
Lightbox for the gallery should present a larger image than appears in the grid. Right now it adds no value.
Profile page 404's.
On the bottom "Basic Table", there some actions off to the right. I have no idea what the checkmark does - a tooltip would help. Also, a tooltip on the delete letting me know what will happen would make me feel much better: "This will be deleted permanently", followed by a confirm dialog on click, or "This will go to your trash, where you can recover it later". Edit probably doesn't need one.
Todo list suffers from the same hover problem as the notifications - hover state should always mean clickable. The checkbox to mark a task as done is miniscule. I'm also not sure why the todo item text is linked.
On forms, the placeholder text appears identical to user-entered text. This is a bit deceiving - make placeholder text lighter and/or thinner than user text. It should always be clear that this form field is empty. Right now that just looks like default information.
All this is not to say the overall quality is bad - it's visually appealing, and it's a great starting point. Just some things to be aware of when designing/implementing interfaces like this.