Setup

Official installation instructions for Apache servers can be found here. I feel like I need to post the link because the page was actually a little hard to find on the concrete5 website.  Here we go!

1. Download concrete5 from the download page
2. Extract the files and put them in your webserver’s root directory (probably /var/www).  You can name the top-level folder whatever you want.  I called mine “concrete5″
3. Go to your terminal and sudo yourself (you’re going to need root permissions most of this): $ sudo su
4. In your terminal, navigate to your concrete5 install and run: $ chmod 777 config/ files/ packages/ (don’t worry, we’ll change this back to something more secure later)
5. In your browser, go to your localhost phpMyAdmin and create a new user with a new database and grant that user all privileges (Privileges > Add a new user)

Installation

1. In your browser, navigate to http://localhost/concrete5.  You will see a list of installation requirements under “Testing Required Items” that should be all green checkmarks.  Fill in the Personal Information and the Database Information (server will be “localhost” and database name should be the same as your username)
2. Click install, and you should get a message that says your installation is complete.  Take down the randomly generated admin password, cause you’re gonna need it.

Permalinks

1. After installation, you’ll be presented with your new website.  Click on Dashboard in the top right corner
2. From the Dashboard, click on Sitewide Settings in the lower left
3. Under Linking, put a checkmark next to “Enable pretty URLs” and click save
4. If your setup is like mine, you’ll get a little warning that says “URL rewriting enabled. Make sure you copy the lines below these URL Rewriting settings area and place them in your .htaccess or web server configuration file.”
5. Find the code that was generated for your .htaccess file under Required Code.  Highlight and copy that.
6. Back in terminal, navigate to your concrete5 install directory and make a new file called .htaccess
7. Paste the “Required Code” in that file.
8. Change the line RewriteBase /concrete5/ to RewriteBase /

Virtual Hosting

1. Still in terminal, navigate to /etc/apache2/sites-available and create a file  called concrete5.dev. Fill it with something like this:
   • <VirtualHost *:80>
ServerName concrete5.dev
ServerAlias concrete5.dev
ServerAdmin myemail@host.com
DocumentRoot /var/www/concrete5/
</VirtualHost>
2. Save that file and cd over to /etc/apache2/sites-enabled. Create a pseudo link like this: $ ln -s ../sites-available/concrete5.dev concrete5.dev
3. In the terminal, add line like this to the /etc/hosts file: 127.0.0.1 concrete5.dev
4. Restart apache: $ service apache2 restart

Finishing Move

1. Open this file in a text editor: /var/www/concrete5/config/site.php
2. site.php is generated by the installation process.  Its very similar to config.php in WordPress.  You need to edit it a bit to get permalinks and virtual hosts working
3. Change the line define('BASE_URL', 'http://localhost'); to define('BASE_URL', 'http://concrete5.dev');
4. Change the line define('DIR_REL', '/concrete5_v2'); to define('DIR_REL', '');

Secure your site

Edit 2/25/11: File these steps under “hella important”. In the terminal, navigate to your concrete5/ directory and enter the following lines to set more secure file permissions:

1. sudo chmod -R 755 config/ files/ packages/
2. sudo chmod 644 config/site.php
3. sudo chmod 755 sitemap.xml

That’s it!  You should be able to navigate over to http://concrete5.dev in your browser and see your new site.

http://likesalmon.net/browser-testing-with-cloned-virtual-machines/

I really loved using VMWare Fusion in OSX to test my webpages in Windows.  The power to just drag a whole Windows installation into the trash when it gets jacked up is intoxicating. Unfortunatly, Jaunty is still not supported by VMWare, and the bugs were just to much. Plus, I really didn’t like the web interface. Fortunately, I found VirtualBox which is at least as sleek as Fusion, but free!

To install VirtualBox, I got a lot of help from hopla on the Ubuntu Forum. I quote:

You need: virtualbox, qemu, wine

Code:

apt-get install virtualbox qemu wine

Download the free(!) Microsoft Internet Explorer Application Compatibility Check VPC Images here.

(Note: you don’t have to download the full pack, you can cherry pick specific combinations of XP/Vista and IE6-8)

Extract the VPC image(s) with wine (double-click).
(Note: it might take a while before the first window shows up)

Turn the VPC image(s) into (a) VMWare image(s) (which is/are readable by VirtualBox):

qemu-img convert -f vpc image.vhd -O vmdk image.vmdk

Setup a new VM in VirtualBox, using the vmdk image as an existing disk. Boot it, you will see the Windows boot progress bar and … it will BSOD shortly after.

Fixing the BSOD:

The BSOD is caused because the virtual Windows tries to load processor drivers for the wrong processor (it is not running on VirtualPC proc, but on VirtualBox proc). Or something like that…
We need to force Windows not to attempt to load drivers for the processor (it doesn’t need any proc drivers, because it’s all virtual anyway).
Start safe mode by (frantically) hitting F8 at Windows boot and choosing safe mode.

Ignore all the ‘New hardware’ detected warnings (we will deal with those later). Start a command box and run the following command to disable the loading of processor drivers:

Code:

sc config processor start= disabled

(note the space between ‘=’ and ‘disabled’!)

Restart the virtual Windows, it should now boot all the way to the Windows Desktop.

Once your virtual Windows has rebooted, go to Devices -> Install Guest Additions in the VirtualBox window.  This will mount a (virtual) CD with the Guest Additions software.  The autorun feature didn’t work every time, so if a new window doesn’t open up, find the Guest Additions CD in Windows Explorer and run the .exe.  This adds a lot of functionality to your virtual machine.

After rebooting the virtual machine, I followed the instructions from Primeval Soup:

In Windows, go to:

Start > Run > “cmd”

In the terminal, type:

D:\VBoxWindowsAdditions-x86.exe /extract /D=C:\Drivers

Start > Administrative Tools > Computer Management

Select Device Manager.

Select Batteries, Unknown Device -> Disable

Select Sound, video and game controllers, Multimedia Audio Controller -> Disable

Select Universal Serial Bus controllers, Universal Serial Bus (USB) Controller -> Disable

Select Network Adapters, Ethernet Controller -> Update Driver

Select Yes, now and every time, click Next

Select Install from a list or specific location, click Next

Enter location “C:\Drivers\x86\Network\AMD”

Click Finish

Open a browser, test connection

You’re done!

And that is a good feeling.

Snippets for HTML

Here’s a list of all the Snippets for html files. They are listed by tag names, with the TAB trigger in paratheses. These will only work in html files, other files have different snippets.

• Base (base)
• Body (body)
• Br (Shift+Ctrl+Space)
• Div (div)
• Form (form)
• Head (head)
• Heading (h)
• HTML — 4.01 Strict (doctype)
• HTML — 4.0 Transitional (doctype)
• Input (input)
• Link (link)
• Mail Anchor (mailto)
• Meta (meta)
• Non-Breaking Space (Ctrl+Alt+Space)
• Script (script)
• Script With External Source (scriptsrc)
• Style (style)
• Table (table)
• Table Row (tr)
• Text Area (textarea)
• Title (title)
• Wrap Selection as Link (ref, Shift+Alt+L)
• Wrap Selection in Open/Close Tag (Shift+Alt+W)
• XHTML — 1.0 Frameset (doctype)
• XHTML — 1.0 Strict (doctype)
• XHTML — 1.0 Tran (doctype)
• XHTML — 1.1 (doctype)

I struggled with this, as the usual method of including a javascript library and an external javascript script did not work. Usually, I would do this:


<script style="text/javascript" src=<?php bloginfo('url'); ?>/wp-includes/js/jquery/jquery.js" ></style>
<script style="text/javascript" src=<?php bloginfo('template_directory'); ?>/myScript.js" ></style>


But that didn’t work at all, even when I included the jQuery.noConflict() line in my script. So I ended up going with this, which loads the jQuery library that is included with the wordpress installation and then loads my script without any conflicts:


<?php wp_enqueue_script( 'myScript', '/wp-content/themes/myTheme/myScript.js', array('jquery') ); ?>


The wordpress docs have very little to say about wp_enqueue_script(), the function that makes this possible. A good resource with examples of use can be found here:

http://nickohrn.com/loading-javascript-libraries-in-wordpress-plugins-with-wp_enqueue_script/

I decided not to use MTASC as my compiler after all, since it can’t do Actionscript 3. I’m going with Haxe instead.

Installation:

1. Go to http://haxe.org/download and download the OSX Universal Installer.
2. Unpack the installer and double click on it
3. Open up .bash_login from you home directory in your text editor and add the line: export HAXE_LIBRARY_PATH=”/usr/lib/haxe/std:./”
4. Follow the instructions for “Getting Started with haXe/Flash” in the Documentation section of the haXe website to test your installation

Now you can go to http://www.loziosecchi.it/lab/textmate_bundle/ and download and install the Haxe TextMate bundle:

1. Go to Marco Secchi’s website and download the haXe bundle for Textmate.
2. Unpack it
3. In Finder, locate the Textmate icon in the Applications folder and right click on it. Choose “show package contents” from the menu that appears.
4. Navigate to Contents -> Shared Support ->Bundles within the TextMate package
5. Open a new Finder window and locate the bundle you unpacked
6. Drag and drop the haXe2.tmbundle file into the Bundles folder and restart TextMate

This was easy enough:

1. Download the Mac OSX package from http://www.mtasc.org/#download
2. Unzip it and change the name of the folder to “mtasc” for ease of use
3. Put the unzipped folder in your Applications directory
4. Put a new entry in your .bash_login file that says:
   1. export PATH=”/Applications/mtasc:$PATH”