Last modified on 25 Mar 2020.


  • Font ligatures: When you type = + >, it becomes .

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