Treehouse Quick Tips

When you want to setup your web server, you have a few different options. The first is shared hosting, which is very cheap but does not provide a lot of flexibility. On the other end of the spectrum, you could rent or buy your own server and have it hosted. The problem is that this will cost quite a lot of money, and give you a lot of pain and frustration as you try to manage it. In between is a VPS - Virtual Private Server. It offers all of the benefits of owning your own server, but the hardware is virtualized which makes it a great value. In this video, we'll show you how to setup a VPS with Linode.

Once you've setup and booted your virtual private server, you need to connect to it so you can begin configuring it. On the Mac, we'll be doing this in the terminal using ssh.

Now that you've setup and booted your Linode virtual private server, you need to login to configure it. In Windows, we'll be using a tool called PuTTY.

Now that you've setup and connected to your Linode, you need to give it a hostname. The hostname is the name of the machine, and can be set with just a couple commands.

Learn how to quickly prototype an iPhone app using the Storyboard feature of Xcode which requires no programming. By using scenes and seques you can easily establish transitions between view controllers.

There used to be a clear differentiation between desktop and mobile. With the introduction of tablets and tons of new internet accessible technologies, we've been faced with designing for more monitor resolutions and devices than ever before. In this video, we'll learn the basics of how and why we should embrace responsive web design.

When asking for input from your app users, it's a good idea to include a keyboard that makes it easy for them to input this information. For example, email address fields should include the @ symbol, and phone number fields should include the number keys. You can improve your user experience by displaying the proper keyboard to allow for easy input of text, emails, and numbers.

As a web designer, it's important to embrace that your website is going to look different in various browsers and on different devices. Focus on making your website change layout to match the device that your visitors are viewing it on.

The first argument in the splice function is the index you want to begin with. The second argument is the number if indices to remove. You can also replace or insert values into your array with the splice function. This is done by simply adding the elements to insert into your function.

You can easily share data between Android apps using the "Share" Intent. Intents allow you to utilize components inside and outside of your app with very little extra code, and a nice clean decoupling of components.

Logging is extremely useful. URL, paramaters, database calls, and other useful information. There are 5 levels of logging in Ruby on Rails: Debug, Info, Warn, Error, and Fatal. In production, all logging is set to "Info" level by default. All other levels are set to "Debug" This video will show you how to add a debug statement to a Rails application.

jQuery is a JavaScript framework that makes it simple to add behavior to websites cross-browser using the same CSS selectors web developers are familiar with. This allows you to write less and do more.

In this CSS Quick Tip, we'll learn how to define color values with the HSLa color model. HSLa stands for Hue, Saturation, Lightness, and alpha. This color method is much more intuitive than RGBA or Hex values, allows you to use the color wheel to select the hue.

In this Quick Tip we'll learn about Normalize.css, a new CSS tool we can use as an alternative to traditional CSS reset methods. Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

In this Treehouse Quick Tip, we'll learn how to create scalable full-page background images with CSS. This allows you to easily customize the background of your web page with just a single line of CSS. Best of all, the background image will scale with the browser size to maintain a consistent look across devices and resolutions.