This note is updated frequently without notice!

Auto focus on an input field when page loads

Just add autofocus into the <input> tag.

<input name="q" class="search" type="search" placeholder="..." autofocus>

Separate a list into 2 columns

And make it into 1 if the screen is small.

<div class="two-columns-list">
  -webkit-columns: 384px 2;
  -moz-columns: 384px 2;
  columns: 350px 2;

Other useful Tools

  • Mario Ranftlgoogle-webfonts-helper – A Hassle-Free Way to Self-Host Google Fonts – giving us font files and font-face declarations based on the fonts, charsets, styles, and browser support you select.

Useful URLs

Notice an error?

Everything on this site is published on Github. Just summit a suggested change or email me directly (don't forget to include the URL containing the bug), I will fix it.