What words do you affiliate with the Super Bowl? Football? Excitement? Parties? Buffalo wings?

How about Slavery?

 It is a phenomenon perhaps better known by its more sterile, clinical partner “Human Trafficking”. To many of us, Slavery belongs in other countries –in continents like Africa or Asia and not in the Land of the Free.

 Besides, we all say, what has slavery got to do with anything I do anyways? Let alone the Super Bowl.

It’s because many prominent people,  like George Abbott believe the Super bowl to be the “largest known trafficking instance in the United States” 

Others, however, are not so sure about the truth behind the claim (http://deadspin.com/the-truth-about-the-nfl-the-super-bowl-and-sex-slaver-1511917053)

But we at US Democrazy are going to make the case that it’s important this story gets out, true or not. The Super Bowl is capable of bringing American attention to this tragedy that occurs everyday…but receives little attention. Let’s put some things straight for you:

 Human trafficking occurs when others (like pimps) benefit off the exploitation of others.  Sexual slavery, physical slavery, and child soldiers, are all forms of human trafficking. In a period of rapid globalization, physical and sexual slavery are even more accessible…which might explain why there are more slaves in the world today than ever before in history.

 Yikes.

There are at least 17,000 people being trafficking around the US at any given time. It is not isolated to Thai cities or Cambodian countrysides. It’s happening here.(http://www.rescueandrestoreky.org/what-is-human-trafficking/statistics/)The given age for this to start is 12-14 (http://www.rescueandrestoreky.org/what-is-human-trafficking/statistics/)Women and girls are raped 20+ days by clients. Raped, because, this isn’t prostitution. (http://www.huffingtonpost.com/2013/01/13/rani-hong-human-trafficking-victim_n_2460506.html)

Chances are, we are all probably benefitting indirectly from slavery and to illustrate this, there’s a cool game here (http://slaveryfootprint.org/)

 Is this not an issue we should be concerned about?

 In 2012, President Obama gave a speech about his war on Modern slavery. But we can promise you two things: it didn’t get the views of the State Address and nothing has happened (policy wise) to change any of the problems he out lined (http://www.youtube.com/watch?v=fe_ud_5XTBs)

 Until the American public remains blind and apathetic towards human trafficking, policy-makers will also remained unenthused. Are we ready to change this?

Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.

The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week.

Note that this is only a very small selection of the links that we tweeted about, so don’t miss out.

To keep up to date with all the cool links, simply follow us @DesignerDepot

How Nintendo can save itself http://depot.ly/taile  via @FastCoDesign

Interesting read: Are Ebook Subscription Services Worth It? http://depot.ly/ta0JS

Website Buys Customers New Computers To Avoid Dealing With IE7 http://depot.ly/ta0tm

Check out Archipad, you might like it: A sketching app for architects & designers http://depot.ly/t9ZVu

Debunking the UX myth. Over again http://depot.ly/t7Wqu

Carl Hansen & Son adopts logo designed by Hans J. Wegner in 1950 http://depot.ly/t7VYM

Facebook Announces News Reader App ‘Paper’ http://depot.ly/t7gFh

The Habits of Successful People: They Have a Growth Mindset http://depot.ly/t6zh0

Ten lessons from a maker http://depot.ly/t4Fst  *Very nice read

Why You Should Do Your Taxes As Soon as Possible http://depot.ly/t4EF4  *Good advice from @lifehacker

Psychedelic site captures music festival’s design philosophy http://depot.ly/t4ABN  via @CreativeBloq

How I lost my $50,000 Twitter username http://depot.ly/t4A73

The Phantom of Social Media: How Link Spam Continues to Haunt Google Rankings http://depot.ly/t2Ued

Why Designers Should Get Paid for Proposals http://depot.ly/t2TPi  Do you agree?

Lovely explanation of how the 5 Second Rule works by @bradcolbow – http://depot.ly/t2Btd  via @chrisspooner

Pragmatic #UX Techniques For Smarter Websites http://depot.ly/t2xDp  via @smashingmag

CAPPTIVATE.Co: App UI animation showcase site http://depot.ly/sZMH5  via @RicoSmith_

A Beginner’s Guide to Encryption: What It Is and How to Set it Up http://depot.ly/sZH87  via @lifehacker

Want more? No problem! Keep track of all our tweets by following us @DesignerDepot

890 Unique Handwritten Decorative Shapes – only $11!

It's February 1st today, which I've decided to declare International box-sizing Awareness Day. In honor of, you guessed it, the most humble and undersung, yet awesome and useful CSS property: box-sizing.

The date corresponds to Paul Irish's post where he introduced the concept of using it on every single element on the page. We've talked about it around here a few times as well.

Here it is, in all it's glory:

*, *:before, *:after {
      -webkit-box-sizing: border-box; 
      -moz-box-sizing: border-box; 
      box-sizing: border-box;
    }

The default value for box-sizing is content-box, which is what we are overriding here. There is also a padding-box value but... kinda useless if you ask me. We'll get to what this means shortly.

Notice we're using the * selector to select all elements, as well as making pseudo elements use the same model, which otherwise wouldn't be selected by the * selector alone.

Here's the browser support situation. "-" = "this version and down". "+" = "this version and up".

*, *:before, *:after {
      /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
      -webkit-box-sizing: border-box; 
    
      /* Firefox (desktop or Android) 28- */
      -moz-box-sizing: border-box;
    
      /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
      box-sizing: border-box;
    }

In the fairly near future we won't need any prefixes at all for it, but I like to just leave that kind of thing to Autoprefixer.

Why all the HOO-RAH?!

It makes working with boxes so super duper much nicer.

When you set the width of an element, that's the width that it is. If you set the width to 25%, it will take up 1/4 of the horizontal space available in its parent element. That's it.

That's not always the case. With the default box-sizing, as soon as an element has either padding or border applied, the actual rendered width is wider than the width you set.

Actual width = width + border-left + border-right + padding-left + padding-right

The math is bad enough, but when combined with percentages (or any mixed units, really) the result is impossible to do in your head and, more importantly, ends up being some useless number that you can't do anything with.

You might think of it this way: with box-sizing: border-box the padding and border press their way inside the box rather than expand the box. The result is a box the exact width you set it to be and can count on.

Columns is a particularly useful case, but this comes in useful all the time and becomes one of those things that just makes CSS development better.

Remember to read Paul's original post which covers some more ground like performance (don't worry about it), jQuery (don't worry about it), and third-party content (easy to fix).

Happy International box-sizing Awareness Day! Maybe next year we can get organized about it and all wear groovy square sunglasses or something.

International box-sizing Awareness Day is a post from CSS-Tricks