Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

Tweet for Code #3

By David Walsh on June 4, 2014

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!

Anagram Check

Anagrams are cool, and I'm gonna let ya finish, but this is the smallest checker code of all time!

@davidwalshblog function isAnagram(a,b){function _(s){return s.toLowerCase().replace(/[^a-z]+/g).split('').sort().join()}return _(a)==_(b)}
— forever aloe (@potch) June 4, 2014

Text Display Optimization

Sometimes fonts don't display optimally on all devices, so let the device browser help:

@davidwalshblog html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
— Achal Varma (@_achalv) June 2, 2014

Equal Width Table Cells

We all know that tables are a pain to work with but this snippet ensures cells stay equal in width:

@davidwalshblog .calendar {table-layout:fixed;} (equal width cells in table)
— Andrew McGivery (@andrewmcgivery) June 2, 2014

Slide Title Centering

This gem from Ana Tudor vertically centers a slide title when using HTML/CSS/JavaScript slides...which you should be using! Death to Keynote and Powerpoint!

@davidwalshblog line-height: 100vh; /* for slideshows, put the title of the slide in the middle */
— Ana Tudor (@thebabydino) June 2, 2014

Floating Point Fix

Floats in JavaScript can be a pain point to those who don't already know about the issue. Here's the fix to keep in mind:

@davidwalshblog var num = 0.2*0.2; //0.04000000000000001 var fixedNum = parseFloat(num.toPrecision(12)); //0.04 Floating point problem fix
— Sergey Gospodarets (@Malyw) June 3, 2014

Closing a Browser Tab

This blog post will now self-destruct...

@davidwalshblog open(location, '_self').close();
— Alex Tkachman (@alextkachman) June 2, 2014

Until the next Tweet For Code!

Recent Features

By David WalshJuly 28, 2013
Create a CSS Cube
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
By David WalshJune 29, 2016
Being a Dev Dad
I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...

Incredible Demos

By David WalshDecember 5, 2012
spellcheck Attribute
Many useful attributes have been provided to web developers recently: download, placeholder, autofocus, and more. One helpful older attribute is the spellcheck attribute which allows developers to control an elements ability to be spell checked or subject to grammar checks. Simple enough, right?
By David WalshAugust 23, 2015
Simple Image Lazy Load and Fade
One of the quickest and easiest website performance optimizations is decreasing image loading. That means a variety of things, including minifying images with tools like ImageOptim and TinyPNG, using data URIs and sprites, and lazy loading images. It's a bit jarring when you're lazy loading images and they just...

Discussion

Anonymous

The replace() + split() in the anagram checker can be written as match(). In Firefox 30.0:

function isAnagram(a,b){x=[for(x of[a,b])x.toLowerCase().match(/[a-z]/g).sort().join()];return x[0]==x[1]}