Skip to content

Instantly share code, notes, and snippets.

View index.html
<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>
View AWS - EFS Setup.sh
# 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 {} \;
View Apache Cert Install
# 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>
View illustrator_for_web
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
redesigned / basic_commands
Last active Jan 12, 2017
Terminal / Shell Shortcuts
View basic_commands
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
redesigned / .htaccess
Created Nov 13, 2013
Magento Website and Theme Switching
View .htaccess
#### 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
View hacks.css
/* ### IE 8, 9, and 10 ### */
@media screen\0 { body { background: #F00; } }
@redesigned
redesigned / tips.txt
Last active Dec 27, 2015
Magento Editing Tips
View tips.txt
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
View lists
/* ## 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
redesigned / email_addresses.php
Created Oct 30, 2013
Magento - Getting Store Email Addresses
View email_addresses.php
/* #### 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 */