A new HTML5 Admin Teamplate

The reason I don't believe it's not the text over a blurred image is because our eyes deal with this on a daily basis.

Any time you look at an object (like someone's face) where the background is distant, you're seeing a foreground object on a blurred background. Depending on lighting, visual acuity, and the use of glasses, the DOF of the human eye can be startlingly small (less than a foot), or it can be very large (practically infinity). It's the cognitive portion of our visual processing that makes the difference. Our brains do a great job of filtering out what we're not focused on.

My recommendation would be to ditch the animation on the HTML5 logo, tagline, and buttons. I think if you do that, this becomes a non-issue for the vast majority of people.

https://wrapbootstrap.com/help

Suppose we want a web based UI for editing an email compaign to promoting an app of yours

For campaign: title, content, etc.

For recipients: you have to design something like Django's admin inline, user name, email, maybe facebook/twitter id.

Here a simple demo for inlines: http://admin:admin@demo.xadmin.io/host/hostgroup/add/ from the project https://github.com/sshwsfc/django-xadmin which is basically Django on steroids

Now recipients are growing, you can't hold them all on one page inline, you wanna filter the inline, but only on the client side.

Then you need pagination on the inline.

Then you need grouping recipients like folders

Next folders suck, let's re-organize them by tags.

Soon your product line expands, you have to support Android platform as well. Each user has installed either android or iOS app, or even both, so each user as associated one or more `device_type` attributes. Filter the inlines. Don't send iOS emails to Android users.

Then you want to set the campaign to iOS version with greater than 5.0 users. (How to design greater than or equal to logic visually?)

Now you want your message to be i18n supporting more languages, e.g. more collapsable textarea on the form

Now you want your message to be selected randomly from a pool of messages for A/B testing.

Then your messages are provided by a third party. You need a review board for external messages, as well as supporting inhouse messages.

I didn't even mention marketing feedback loops from real-time statistis, and that requires much more blood and tears making dashboards.

How to make a admin UI like that? The associated information grows with your business. Generic admin templates are not enough.

The basic problem is that those widgets, are not composable, nor nestable. even if nestable, not sortable.

Even if all goes well, widgets not splittable, but we often split data horizontally or vertically. And much more complex transformation like from a collection of items to uniformed array, nested array, dict (for grouping), sorted dict, nested sorted dict, dict with local & remote values, etc.

How many inline widgets can automatically support re-open itself in new window and communicate back with window.opener? What about switch from new window to in-page lightbox via history.js and ajax?

They are mostly read-only, useful for OLAP data. Admin templates are useful for OLTP data.

I'm using FF24. When turning off box shadow or opacity the handles show fine.

I have a feeling it could be a rendering issue with the GPU?