Occasionally you'll run into a problem where you have two or more ranges that you need to equalize. This is probably most common when charting or using graphs but also comes in to play when using things like HTML5 range sliders where you need to make a dynamic slider that has a range from 0 -… Continue reading Equalizing Ranges with JavaScript
Building CSS Transitions with Chrome DevTools
Animation style, acceleration, deceleration and motion are all very important things to consider when designing a user interface. Luckily most of these can be implemented using CSS transitions. One of the easiest ways I've found to edit own transition and animation styles outside of the few keywords that have good browser support such as linear, ease-in,… Continue reading Building CSS Transitions with Chrome DevTools
Unencrypted Website? Shame on me
Google Chrome will shortly begin shaming all sites that don't have an SSL installed by showing the red 'X' in the URL bar. Previously the 'X' was only shown if the SSL was invalid or insecure but the new push to encrypt everything is leading to showing the 'X' even if there isn't an SSL… Continue reading Unencrypted Website? Shame on me
Loading Localhost from Mac on your iPhone or Android
Testing your local environment against Xcode and Browserstack is great, but they're still just emulators. If you need to test against an actual mobile device it's useful to load your current local environment on a mobile device and do your testing immediately before you push to a remote server. The following instructions are pretty specific… Continue reading Loading Localhost from Mac on your iPhone or Android
Zipping and unzipping files using SSH
SSH into your server Install zip and unzip. CentOS / Fedora / Red Hat: yum install zip and yum install unzip Debian / Ubuntu: apt-get install zip and apt-get install unzip Zip a file: zip new-zip-file.zip file-to-zip Zip all files in directory: zip new-zip-file.zip * Zip a directory: zip -r new-zip-file.zip directory-to-zip Unzip to the… Continue reading Zipping and unzipping files using SSH
Pointing a Subdomain to an AWS EC2 Instance
Continuing on with my Adventures with AWS, I needed to point a subdomain to Amazon Web Services, while keeping my primary domain and it's DNS handled at another host. I would consider this is a relatively common need, you have your primary domain hosted somewhere that is handling your DNS for you, but you want… Continue reading Pointing a Subdomain to an AWS EC2 Instance
jQuery and the Slack API
Disclaimer: You should think twice about interacting with the Slack API using client facing JavaScript like jQuery on a public website because your webhook (the special URL that Slack generates for you) will be public. This means that anyone could post anything in your Slack channel without being authenticated. It is possible to interact with the Slack API… Continue reading jQuery and the Slack API
Restarting an Amazon EC2 Instance
If your AWS EC2 Instance is unresponsive from the browser and you aren't able to SSH in from your terminal, you may need to restart it. This can happen for a few different reasons, one of which (the one I ran into) being memory management. I was running both Bitbucket and Jira on an EC2… Continue reading Restarting an Amazon EC2 Instance
Configuring AWS Elastic IP’s
An Amazon Web Services Elastic IP is essentially an IP address that is tied to your AWS account. It's not specifically tied to any given EC2 instance and can be used for multiple instances. When you launch your first EC2 instance you're immediately assigned a Public IP address. This IP address is not permanent and if… Continue reading Configuring AWS Elastic IP’s
AWS (Amazon Web Services) for Front End Developers
Hosting in 2016 is no small matter. There are a ton of great hosting providers out there, each with their own unique spin. The classics like Hostgator, Mediatemple, Namecheap etc are still around and doing great work but there are relatively new players in the field too like DigitalOcean, who just bill by the hour for… Continue reading AWS (Amazon Web Services) for Front End Developers