Design Archive

angular-ui-router – IE8 and nested states

Just a quick tip, If you still have to maintain compatibility with IE8 (< AngularJS 1.3) - and you're using angular-ui-router for nested views, the documentation for nesting states says you should use "<ui-view />" for your template for an abstract parent state: Remember: Abstract states still need their own <ui-view/> for their children...
Read More

JQuery – Sparkline: Re-draw on resize / responsive sparklines

I've been suckered in by the awesome JQuery Sparkline plugin - I won't go over how it works or what it does, but rather a quick 'fix' for fixing issues with how the output deals with browser resizing. (Long story short, it doesn't by default). Here's a visual of the issue...
Read More

JQuery UI tip: floated divs inside JQueryUI tabs

There's a somewhat confusing problem that can happen if you want to use a multi column (floated div) chunk of content for a tab in JQuery UI tabs. Basically, the floats inside the tab container cause the tab container to lose it's height, making your content appear outside of the tab...
Read More

Bullet train crash course for CSS

One of the best zero-to-hero articles I've ever seen starting with basic CSS moving all the way to sprites; worth a look:http://www.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/ Subscribe in a reader...
Read More