Skip to content

Instantly share code, notes, and snippets.

@redesigned
redesigned / hacks.css
Created November 5, 2013 22:00
CSS Hacks
/* ### IE 8, 9, and 10 ### */
@media screen\0 { body { background: #F00; } }
@redesigned
redesigned / .htaccess
Created November 13, 2013 06:07
Magento Website and Theme Switching
#### 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
redesigned / illustrator_for_web
Created December 10, 2013 22:03
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 / functions.php
Last active March 24, 2016 12:27
Wordpress Magento Cross Integration
/* ===================================== */
/* Add This to Wordpress's /wp-content/yourtheme/functions.php file */
define('MAGENTO_ROOT', '/Volumes/Storage/www/heartandsun/store/');
define('MAGENTO_LOADER', MAGENTO_ROOT.'app/Mage.php');
if (!class_exists('Mage')) {
require_once(MAGENTO_LOADER);
umask(0);
Mage::app("default");
};
/* ===================================== */
@redesigned
redesigned / shell
Last active October 19, 2016 19:30
Wordpress Shell Commands
Install:
wget --no-check-certificate https://wordpress.org/latest.tar.gz
tar xvzf latest.tar.gz
cp -rf wordpress/* .
rm -r wordpress
rm latest.tar.gz
@redesigned
redesigned / basic_commands
Last active January 12, 2017 19:44
Terminal / Shell Shortcuts
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 / Apache Cert Install
Created September 20, 2017 01:00
AWS LetsEncrypt
# 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>
# 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
redesigned / magento upgrade
Last active April 9, 2018 21:26
Magneto Upgrading Commands
After upgrading:
delete all files except config.xml from the following directory:
/app/code/core/Mage/GoogleCheckout/etc
go to www.mywebsite/downloader then reinstall the package called Lib_Varien
go to /app/design/frontend/base/default/template/checkout/onepage/ file payment.phtml
(add this id to the fieldset)
<fieldset id="checkout-payment-method-load">
<?php echo $this->getChildHtml('methods') ?>
@redesigned
redesigned / index.html
Created April 11, 2018 02:12
Underwater Text
<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>