Tips and Tricks

Improve your workflow with SSH and the terminal

2014 is the year to ditch your ftp client and learn how to manage your server via your terminal (or MS Dos if you’re on Windows). Not only is a blazingly faster than ftp, but it’s also a zillion times more powerful. Get ready – you’ll be a SSH ninja by the time you’re done reading this post.

Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis.

Header Level 2

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Header Level 3

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
#header h1 a { 
display: block; 
width: 300px; 
height: 80px; 
}

Creating custom icon fonts without the bloat

Icon font’s are great, but one thing nobody seems to be talking about (when it comes to icon fonts at least), is bloat. Yes, it’s loaded via a CDN you may say, Yes, it’s only 100kb you say. Well, if you’re like me and care about EVERY kb that gets loaded, read on for a better method.

Header Level 2

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

Header Level 3

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
#header h1 a { 
display: block; 
width: 300px; 
height: 80px; 
}