As the above picture indicates, if you want a straight up LAMP installation, you'll likely be doing it all piece-by-piece - or through your Linux distribution's get or yum installers. But if you're a Linux user, you're probably already comfortable with that kind of thing. Here are instructions for installing LAMP on various Linux distributions (source: Wikipedia):
I've personally used WAMP, MAMP, and XAMPP and none has really been disappointing.
XAMPP is slightly more complicated and has more features (but that's to be expected because it's a Linux program as well).
WAMP is a good and simple option for Windows - I've used it with my high school students.
MAMP is a clean and simple option for Mac and I've used it exclusively on Mac before.
MAMP PRO is also a good option if you're willing to pay a little bit because it allows multiple WordPress installations on the same localhost.
However, recently, I've been using Bitnami quite a bit on the recommendation of Morten Rand-Hendriksen, from Lynda.com, and I've quite enjoyed it. It's very easy to download and install and the Server Manager program is very clean and well designed. It's a simple one-click START or STOP for your servers and a one-click ACCESS SITE to go to your localhost install right from the Manager.
Which installation do you prefer? Leave me a comment with your thoughts.This post has been modified slightly from my original post on aaronsnowberger.com
Google Chrome has a pretty nifty emulator tool that enables better website development by emulating the different devices that you would want to test your websites on.
A few keys points about the emulator that makes it unique and much better for development than merely stretching your browser window to various sizes:
Chrome's minimum browser width (400px) is still wider than the smallest device size (320px iPhone 3/4)
Using the emulator tool also changes the user agent variable in Chrome so that it thinks and acts as if it were the actual device it is emulating
The emulator shows a grid and rulers with pixel dimensions behind the device window
How to use the Chrome Emulator?
Open the Element Inspector (right-click "Inspect Element")
Click on the mobile device icon in the upper-left corner of the Element Inspector (see screenshot)
Select the device you wish to emulate from the dropdown menu at the top (see screenshot)
Tip: Refresh the page for proper user agent spoofing and viewport rendering