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
    Responsive Images: The Ultimate Guide

    Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...

  • By
    How to Create a RetroPie on Raspberry Pi – Graphical Guide

    Today we get to play amazing games on our super powered game consoles, PCs, VR headsets, and even mobile devices.  While I enjoy playing new games these days, I do long for the retro gaming systems I had when I was a kid: the original Nintendo...

Incredible Demos

  • By
    Six Degrees of Kevin Bacon Using MooTools 1.2

    As you can probably tell, I try to mix some fun in with my MooTools madness but I also try to make my examples as practical as possible. Well...this may not be one of those times. I love movies and useless movie trivia so naturally I'm...

  • By
    Translate Content with the Google Translate API and JavaScript

    Note:  For this tutorial, I'm using version1 of the Google Translate API.  A newer REST-based version is available. In an ideal world, all websites would have a feature that allowed the user to translate a website into their native language (or even more ideally, translation would be...

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!