I like the lit up effect. Are you using subtle text-shadow to give it a glow or are my eyes making that up? I wonder if that would be too glitzy if you're not already doing it, or if it would be AWESOME.
I am using a dark text shadow. I think it's the only thing I've managed to do subtly so far. I'm working on adding a really subtle pulse to the servers reporting errors. We'll see how it turns out.
Once I get things we're I like it I'm going to go through and turn things down a notch. It all feels a little heavy handed at this point.
A quick glimpse of a detail view in an application I'm working on. This is all live code and not a single image has been used! It's all CSS3 and canvas. The graph shows the response time of a ping to the specific server. The ping information is given to the browser of a web socket connection and then drawn to a canvas element using Smoothie Charts (http://smoothiecharts.org/)
4 Responses
The current status of a server monitoring tool I'm building. The only image right now is the texture in the background. All the rest is css3.
There is still a lot of work to do on the design. I'm playing with the most helpful way to use color for displaying server status.
over 1 year ago
I like the lit up effect. Are you using subtle text-shadow to give it a glow or are my eyes making that up? I wonder if that would be too glitzy if you're not already doing it, or if it would be AWESOME.
over 1 year ago
I am using a dark text shadow. I think it's the only thing I've managed to do subtly so far. I'm working on adding a really subtle pulse to the servers reporting errors. We'll see how it turns out.
Once I get things we're I like it I'm going to go through and turn things down a notch. It all feels a little heavy handed at this point.
over 1 year ago
Rebound
Server Dashboard
by Matt McManus
A quick glimpse of a detail view in an application I'm working on. This is all live code and not a single image has been used! It's all CSS3 and canvas. The graph shows the response time of a ping to the specific server. The ping information is given to the browser of a web socket connection and then drawn to a canvas element using Smoothie Charts (http://smoothiecharts.org/)
about 1 year ago