Free and Easy VirtualBox IE 7, 8 and 9 Setup

Simple and easy way to set up testing IE on OSX.

Install VirtualBox for OSX. See Oracle’s download page here.

Open terminal locally on your computer, enter the following:

curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh | bash

This install could take some time, it’s installing IE 6 – 9. Make sure you have enough space on your HD, all said and done this requires about 10GB.

If you would like to install just one of the binaries instead of all 4, they’re listed here:

IE7:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="7" bash

IE8:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="8" bash

IE9:

curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="9" bash

Once install is complete on all, or your select VMs, boot up VirtualBox and you’re good to go. Should you be prompted for a password, the default password is Password1. After 30 days, VirtualBox will complain about running out of a license. You should be able to revert back to the original snapshot within VirtualBox and avoid that entirely. You will lose anything you’ve changed there, but there really isn’t a viable alternative.



jQuery Benchmark Tests Between Selector Methods

There are several different ways to select, child, select and traverse the DOM to find an element, its parents or siblings. Arguably, it’s whatever is easier to read since a lot of these queries are done one off and stored in a variable cached for later.

For example:

$('#someID .other-class > li[3]');

versus

$('#someID').find('.other-class > li')[3];

One being a bit more readable than the other. However, when it does come down to raw iterations on a larger scale. jQuery’s find method proves to be the fastest given context.
jQuery Selector Benchmarking

Again, this would only really have an effect when running at a larger scale. This is definitely something to take into consideration when optimizing site speed and trying to keep memory costs low.

You can run the benchmark tests for yourself on JSPerf, here.


The Five Minute LAMP: Linux, Apache, MySQL, PHP

The basic LAMP structure, I set it up continuously on just about every new box I spin up. Up and running in five minutes, using apt-get.

Set Root Access

sudo su -

To start with, ssh into your vps or if you’re working locally – skip this. You’ll need root access for this whole process if you’re not ssh-ing as root.

Install Apache

apt-get update
apt-get install apache2

Let’s start with apache, in your terminal, type the above

If you’re working locally, you can test this later in your browser at http://localhost or if you’re working remotely, enter your server’s ip address.

Install MySQL

apt-get install mysql-server libapache2-mod-auth-mysql 

MySQL is next.

mysql_install_db

Run the MySQL install.

/usr/bin/mysql_secure_installation

Followed by the secure installation to set your preferences

This will take you through a series of questions on configuring the server. Very self explanatory, if you don’t set a root password now you can take care of it later.

Install PHP

apt-get install php5 libapache2-mod-php5 php5-mcrypt php5-mysql

Lastly, the PHP installation.

vim /var/www/html/test.php

Now lets create a dummy test.php file to make sure our server works. The dummy file you saw earlier was just the default index file apache creates at install.

<?php echo('test'); ?>

Once in vim, or the editor of your choice, enter some PHP to make sure it’s working.

service apache2 restart

Since much of the installation occurred after installing apache, you may need to restart apache.

Visit the host via the methods we talked about earlier and append /test.php. You should your test message print out, and we’re done!


Pointless Emoji’s for Everyday Coding

Completely useless, utterly pointless, but inherently necessary for proper development. The emoji cheat sheet. This is all the available emojis within Github’s commit / pr infrastructure.


Atom.io goes Open Source

Github’s new popular editor goes open source. A coffee script foundation with deep integration of Chromium and Node have followed in the footsteps of Emacs and Vim to make the best things open source. Their entire repository is opened, with pull requests already coming in.

 


The Best Packages for Atom

Github’s shiny new sublime clone is garnering interest rather quickly. It’s a bit bare bones in it’s standalone version, but install these packages to ramp up usability.

  • Editor Stats: Just like it sounds, view click stats and mouse movement
  • Color Picker: Color display modal for quick selection
  • Visual Bell: Visual cue for beep noise, good for those who listen to music at work
  • Project Manager: No drag and drop folder sets, Sublime-esqe project management
  • Tabs to Spaces: Easily convert all tabs to spaces / spaces to tabs in a document
  • Highlight Line: Highlight the current line you’re on
  • Asteroids: For obvious reasons
  • Autocomplete+: Auto completion for methods and properties
  • Monokai: Monokai color theme

If I missed any important ones, I’m definitely interested in expanding my list.



Get Atom One Step Closer to Sublime

Make Github’s swanky new editor that much closer to Sublime with project-manager. The package adds in the ability to save, open, and list projects by name so you’re not dragging in a new project folder on load. Atom is already gaining a ton of traction as an up and coming IDE. It’s JS based construction allows for rich package integration and Github’s resources stretch deep so we can expect quick iteration here.

Kyle


Grunt CSSO Minify

Runtime minification on CSS, abstract to entire directories. A few config options in compass will let you do this pre-build though. Still worth checking out.

Kyle


Pages:123456