Tweet For Code #1

By  on  

You don't need a thousand lines of code to make a big difference in any coding language.  Oftentimes it's quite the opposite:  a few tiny code snippets can do a world of good and accomplish big things.  I asked my Twitter followers to tweet to me their favorite tiny snippets of code -- that's a bit difference to try to pack into 140 characters!  Here are my favorites from this round!

Vertically Centering Elements

Vertically centering elements is a massive pain, even 20 years into CSS' life. This snippet cures all of those issues:

border-box All the Things!

I've seen a lot of people mention applying this CSS globally. I've not done so but it's worth checking out.

View All Global Variables and Object Properties

I love this for (manually) checking for leaked global variables. Can also be used on other objects to get properties and methods.

Targeting Chrome

Targeting Chrome on mobile done with just CSS? Nice!

Viewing the Current State of an Object

Using console.log on objects which may change will throw you off. This snippet prints out the object and its values at the immediate state:

Emulate console.dir

If a given browser doesn't support console.dir, you can use this code snippet:

Prevent IE Stair Stepping

Internet Explorer's "stair stepping" effect -- we've all been there, we haven't always had a fix.

This is just the first TFC -- I'll be running these periodically over the year.  Great work to those who tweeted this round and I hope to get the same massive response next time!

Recent Features

  • By
    5 Awesome New Mozilla Technologies You’ve Never Heard Of

    My trip to Mozilla Summit 2013 was incredible.  I've spent so much time focusing on my project that I had lost sight of all of the great work Mozillians were putting out.  MozSummit provided the perfect reminder of how brilliant my colleagues are and how much...

  • By
    5 HTML5 APIs You Didn’t Know Existed

    When you say or read "HTML5", you half expect exotic dancers and unicorns to walk into the room to the tune of "I'm Sexy and I Know It."  Can you blame us though?  We watched the fundamental APIs stagnate for so long that a basic feature...

Incredible Demos

Discussion

  1. border-box! border-box! border-box!

    Easily one of my favorites.

  2. Christian

    Brian, with his vertical-align code should be nominated president of the world…

  3. Nice tweets! Good idea!

  4. Great idea Indeed and really cute tweet specially third one.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!