Last modified on 01 Oct 2021.

Terms

  • 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">
  <ul>
    <li></li>
  </ul>
</div>

.two-columns-list{
  -webkit-columns: 384px 2;
  -moz-columns: 384px 2;
  columns: 350px 2;
}

Other useful Tools

  • Mario Ranftl – google-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