Posts Categorized: General Web


Creating a Custom CKEditor Button

In CKEditor 4, the buttons on the toolbar are made up of various plugins, located in its /plugins/ folder. In our case, I needed to add a custom button that, when viewing the source, would look as such: <p class=”h2″>H2 Heading</p> It’s a bit of a strange use-case, but it’s for a website in which

Google Chrome “ERR_SPDY_PROTOCOL_ERROR” Quick Fix

While using Chrome, you may have come across a ERR_SPDY_PROTOCOL_ERROR error. This has happened to me personally many times on websites such as Facebook and a couple that I develop myself. The issue is hard to reproduce and there are no error logs on the server to be had. What would happen is you’d navigate to the

Styling an IFrame With jQuery and CSS

<script> $(‘iframe’).load( function() { $(‘iframe’).contents().find(“head”) .append($(“<style type=’text/css’> .yourCSS{background:#eee} </style>”)); }); </script> That’s pretty much it. Add the script where it needs to load. As an example, I used this to style the quoting feature within a textarea: I believe there’s only very hacky ways of doing this if the IFrame isn’t coming from your own website. In

A Quick jQuery Solution For a Fixed Website Menu

With Beard Profile, we decided to make the website’s header fixed. This should fix issues with long-scrolling article content, and most definitely the Newsfeed content. We initially had a Back to Top button, but a fixed menu seems to be a better option when it comes to keeping visitors navigating on your website. This is

Using Logrotate to Rotate PHP5-FPM Logs

I recently noticed my php5-fpm.log file on my Ubuntu 12.04 server getting fairly large, so I needed to use logrotate to compress the log file and create a new one. In /etc/logrotate.d we’ll have our individual application information, which overrides the defaults set in /etc/logrotate.conf . It’s in logrotate.d where we’ll create our php5-fpm log

Setting Up Office 365 Using DigitalOcean’s DNS Management

If you’re not familiar with how to set up certain things in regards to DNS, you might get a little stumped using Microsoft’s instructions. They do provide specific how-to’s with a lot of popular DNS hosting providers, but there’s no way to add one-size-fits-all instructions (well, there is, but only if you know what you’re

Windows Live Admin Center With Exim4

Trying to send email from one of our WordPress sites hosted here at Obstance, to an email @obstance.com, ended up showing us this in our Exim logs: A message that you sent could not be delivered to one or more of its recipients. This is a permanent error. The following address(es) failed: ****@obstance.com Unrouteable address

Getting Fonts Working Cross-Origin

We use a font icon set called FontAwesome at Obstance and ran across a small problem: we were unable to get it to load cross origin. What this means is that if you’re linking your fonts from a domain other than the one you’re on, such as one from a CDN, it won’t load in

Converting a Few MySQL Columns to UTF8

Today, I ran across a bit of a situation on a client’s website. For some odd reason, out of nowhere, special characters were converted to question mark symbols — anything from quotation marks to diacritical marks. Using the W3 Validator, it spat out: Sorry! This document can not be checked. Strange. Well, not the part