redesigned

<div class="bubbles"><div class="test" contenteditable>
  Living Lakes
  <p class="smaller">– with – <p/>
  <p class="small">Editable Text</p>
  <p class="ex-small">You can simply click here and type anything you like...</p>
  </div></div>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>

redesigned

# Mount the EFS NFS volume
sudo mount -t nfs4 -o nfsvers=4.1,rsize=1048576,wsize=1048576,hard,timeo=600,retrans=2 fs-b5f1571c.efs.us-west-2.amazonaws.com:/ efs

# Add Apache to ec2-user group if not already
sudo useradd -G apache ec2-user
sudo usermod -a -G apache ec2-user

# Set permissions on the new volume
sudo chmod 2775 /efs
sudo find /efs -type d -exec sudo chmod 2775 {} \;

redesigned

# Apache Setup
<VirtualHost *:80 *:443>
	ServerName domainname.com
	ServerAlias www.domainname.com
	DocumentRoot /efs/html/domainname.com
	ErrorLog /efs/html/logs/domainname.com/error_log
	SSLEngine on
	SSLCertificateFile /etc/letsencrypt/live/domainname.com/fullchain.pem
	SSLCertificateKeyFile /etc/letsencrypt/live/domainname.com/privkey.pem
	<Directory /efs/html/domainname.com>

redesigned

Basically, besides the colors set to RGB and the units to pixels, when the illustrator document is created, you need to make sure that the Snap to Pixel Grid box is checked, and whenever you transform or move an object you want that box checked as well.

Since illustrator is vector, paths can potentially be placed any fraction of a pixel off and will create lots of extra feathered borders, blurriness, stair stepping on curves, squares and boxes with blurred corners, fuzzy fonts, wrong font weights, and host of other unwanted issues due to them not being aligned to the pixel grid properly.  Basically, that one setting of snapping to pixel grid increases the quality of the output for web tremendously.

Make sure to follow all of these tips:
http://help.adobe.com/en_US/illustrator/cs/using/WSf01dbd23413dda0e1e23acb6124476da654-7fea.html

This is the shortlist for illustrator web pixel perfection.
1. RGB Color
2. Font Rendering set to Sharp

redesigned

pwd (personal working directory)
cd (change directory)
mkdir (make directory)
⌘k (clear screen)
clear (clear screen)
ls (list directory)
touch (set times or create files)
rm (remove)

all osx commands: http://ss64.com/osx/

redesigned

#### Set the website based on the domain name ####
SetEvnIf Host ^www\.domain1\.com$ MAGE_RUN_CODE=website_one_code MAGE_RUN_TYPE=website
SetEvnIf Host ^www\.domain1\.com$ MAGE_RUN_CODE=website_two_code MAGE_RUN_TYPE=website

redesigned

/* ### IE 8, 9, and 10 ### */
@media screen\0 { body { background: #F00; } }

redesigned

Editing Tips:
When editing any CMS Static Block or CMS Page, I highly recommend first clicking the button to hide the WYSIWYG editor, and copying all the existing code out to a safe location, that way you have a back up in case your edits go awry or mess up the page somehow.  Then click the button to reenable the WYSIWYG editor and make your edits and save.  Refresh the corresponding frontend page in your browser to make sure everything looks good.  If you need to restore the page/block due to some error/glitch/problem simply re-edit that page/block, hide the WYSIWYG and copy the code you saved in your safe location  back in and resave the page/block and everything will be back to how it was before your edit.


When editing formatted content it is better to click into that content and use the keyboard to delete and type the new content rather they select highlighting and typing. Same with editing links, it is better to click into them and click the link button or edit the text rather then select highlighting 

redesigned

/* ## Image Bullets ## */
.my-list { list-style-image: url('./images/bullet.png'); }

/* ## Default Styles Reset ## */
.std ol li { list-style: decimal outside none; display: list-item; margin-left: 1em; }
.std ul li { list-style: disc outside none; display: list-item; margin-left: 1em; }

redesigned

/* #### General Contact #### */
/* Sender Name */
Mage::getStoreConfig('trans_email/ident_general/name'); 
/* Sender Email */
Mage::getStoreConfig('trans_email/ident_general/email');

/* #### Sales Representative #### */
/* Sender Name */
Mage::getStoreConfig('trans_email/ident_sales/name'); 
/* Sender Email */