Collecting the Internet So You Don't Have To

We work on the Internet. As such, we are constantly consuming information. Believe me, there is a lot of it out there. Sometimes we even forget things unless we write them down. Our blog covers everything from web standards to the muppets, php to comic books, music and everything else that we find interesting. Leave us a note when you drop by.

Interactive Digital Media Tax Credit for Manitoba

Business
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

If you work in New Media, build apps, program, create tools for clients, then you should be paying attention to the changes in the Interactive Digital Media Tax Credit that were announced with the recent Provincial Manitoba 2013 Budget. Our friends over at New Media Manitoba have a great breakdown that you should go read.

As this tax credit pertains to Visual Lizard and our services (listen up clients!) here are the key changes:

  1. The tax credit is equal to 40% of qualifying labour costs related to the production of eligible interactive digital media projects. The maximum tax credit for a project is $500,000.
  2. The Interactive Digital Media Tax Credit, which was set to expire December 31, 2013, is extended to December 31, 2016.
  3. An eligible product that is developed under contract for an arm’s-length purchaser does not need to demonstrate the product will be resold or licensed by that arm’s-length purchaser

Points 1 and 2 are terrific in that they allow us a little more flexibility with our internal projects, some client projects, and we now have another 3 years to possibly receive help when needed. That is awesome.

Point 3 is the cherry on top for us. More often than not, when our clients come to us, they are looking for our expertise in helping them build tools that their staff and clients or customers can use. These tools range from simple web tools all the way up to online logistics systems. In MOST of the projects we have produced over the years, there has never been any intention to resell the work/project once it is completed. Therefore our clients were never eligible for the Interactive Digital Media Tax Credit under the old terms.

With the new wording it means that MOST of our projects would now have a chance to qualify for the credit. There is the possibility of recouping 40% of the cost of the project in credits up to $500,000.

Visual Lizard has already put some calls out to get some further clarification on the new wording. Rest assured though, this is all positive stuff for our industry. Regardless of how the tax credit plays out over the next 3 years, we will still be here, building great things with great people. But keep this in mind when we talk. We might be able to think even bigger than we already do!

Finding Sub-Domain Stats in Google Analytics

Technology
Ross McDowall
Ross McDowall Senior Web Developer
Visual Lizard
work
1 (204) 957-5520 ext:151
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Ross McDowall Fearless Dwarven Warrior

We here at Visual Lizard have some clients who have multiple sub-domains that they would like to track the Google Analytics statistics. The issue that we have come across in the past is that we might not want to set up a completely different account for those sub-domains. It is helpful to keep the overall statistics together for a full report on the domain as a whole.

For those of you who only make their way into Analytics on an infrequent basis looking for general visit and pageview numbers the statistics in the content breakdown area for a site can be a bit daunting to work your way through. Especially if you are looking for only a few specific statistics on a single sub-domain. The other day we were asked to find just that. I personally hadn't done that before, so I had to spend some time trying to find a way to display only the sub-domain statistics that I wanted. Below are the steps for doing just that.

  1. Login to Google Analytics
  2. Select the Site
  3. Select Content Under Standard Reports
  4. Open Site Content and Select All Pages
  5. Set dates in the top right of the right column (statistics for specified period)
  6. Below the graph set the Secondary dimension to Hostname
  7. Click Advanced next to the search field
  8. In the available field type the subdomain (subdomain.example.com)
  9. Click Apply

Once you have the statistics you are after, you can bookmark the results like our client did. After that it will display the up to date information of that sub-domain and you won't have to go through hastle of setting up that search again.

The Continuing Struggle for Email Standards

Technology
Ross McDowall
Ross McDowall Senior Web Developer
Visual Lizard
work
1 (204) 957-5520 ext:151
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Ross McDowall Fearless Dwarven Warrior

Last week we were made aware of a display issue specifically with the rendering of an HTML email template in the Yahoo Mail browser. According to the Email Standards Project the Yahoo Mail Browser currently has a status of "Excellent". Initially we could not replicate the issue that had been brought to our attention and we could not give an explanation to why it was happening. Upon asking for further technical details about the person's computer we learned that it was only happening in his Safari browser.

It turns out that there are a couple of potential issues with Yahoo Mail in Safari. The first is the level of security. By default in newer versions of the browser these security settings are preset and shouldn't be an issue, however in older versions of the browser the user will likely have to change the security settings to be at least 32 bit encryption. The second and the more likely reason for our particular issue has to do with the Flash plugin.

The combination of several elements causing this issue are like a "perfect storm" of technology working together to make your life miserable. However the issue did cause enough problems to have a decent knowledge base of how to deal with the issue. According to the research I did while looking into the issue, the following steps should be followed to make sure that your Yahoo Mail will work in Safari.

  1. Update to at least Safari 5.1.1 (Latest version as of this date is 6.0.2)
  2. Update to at least Adobe Flash 11
  3. Clearing the Flash Cache: Go to System Preferences, select Flash Player, then under Storage tab, click "Delete All..." button and then click "Delete Data" button.
  4. Restart Safari.

The above steps were taken from an Apple discussion about people having issues with Yahoo Mail not displaying email in their Safari Browsers. While this may not be the answer to every issue with Yahoo Mail, it is likely that if there is an issue, it will have to do with the software's interpretation of the HTML, not the HTML itself.

The goal of the Email Standards Project is to have a consistent standard of display of the HTML used in emails regardless of the rendering engine being used to display the email. By doing this, the intended design to represent branding in e-Newsletters or e-Stationery by a company is represented accurately no matter what platform or email client is being used.

MacBook Pro 17" For Sale

Business
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

Visual Lizard has 2 laptops for sale with the following specifications:

  • MacBook Pro 17-inch, Mid 2009
  • Processor: 2.8 GHz Intel Core 2 Duo
  • Memory: 4 GB 1067 MHz DDR3
  • Graphics: NVIDIA GeForce 9400M 256 MB
  • 500 GB SATA Disk

2 - matte screen

These machines have been formatted and restored to factory bootup with OS X 10.6 ready to roll. They have been our trusted work machines for the past 3 years. They are in excellent condition. We would love them to have a nice, new home rather than collecting dust.

If you are interested, please use the contact form below or give us a call at (204) 957-5520 and ask for Julian or Doug.

UPDATE: SOLD! 

How to Force Spotlight to Reindex A Volume

Technology
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

If you use Apple hardware and run OS X, you may encounter a mildly annoying Spotlight issue from time to time where it will not find a file, or an app.

To correct this issue, there are two things you can try. The first is described in this post (http://support.apple.com/kb/HT2409) by Apple. They tell you to use System Preferences > Spotlight > Privacy (tab). If you drag a folder or hard drive to the Privacy tab, then remove it from there, Spotlight will reindex that item. Sometimes this works.

The second option, which gives you a lot more control, is to fire up the trusty command line found in Applications > Utilities > Terminal and run a couple of commands. The command in question is:

sudo mdutil -E

The -E flag forces Spotlight to erase (hence E) the indicated volume information. If you want to be more specific, such as a folder with your writing in it, or your Applications, you can tailor mdutil as follows:

sudo mdutil -E /volume/path/to/folder

As with all things run in the terminal, when they work, there is no feedback. You just end up back at the command prompt wondering what's up.

For more information on the mdutil functions, you can hit up the Apple Developer documents on mdutil

Note: This is advice on the internet, use at your own risk.

Scalable Vector Graphics In St. Vital Centre

Functionality
Wil Alambre
Wil Alambre Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:152
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Wil Alambre Whiteboard Ninja

When it came time for Fusion and Visual Lizard to relaunch the St. Vital Centre website, one of our goals was to modernize it as much as possible. This meant using up-to-date web standards, creating a responsive layout, and replacing Flash-based elements with CSS and JS alternatives. Doing so would ensure the site worked smoothly on current web browsers as well as mobile devices. The biggest challenge ahead of us was going to be the directory map.

The original directory map was built using Flash. Though it operated smoothly, it couldn't be seen on iOS devices, which currently account for nearly a quarter of the website's traffic. However, St. Vital Centre wanted to maintain the general functionality: being able to zoom in/out, panning in four directions, as well as clicking and highlighting individual stores. A static image wasn't going to cut it.

After some research and experimentation, we decided to build the new directory map with scaleable vector graphics (SVG).

The big gains using SVG is that it loads fast, looks great on high-density displays like the new Retina iOS devices and Macbook's, allows for direct manipulation through CSS and JS, and it works on modern mobile browsers like iPhone's Mobile Safari. Two main problems are that it has spotty support in many browsers, and that it has zero support in older browsers like IE8 and IE7. Not ideal.

Luckily, we didn't have to do anything too fancy with SVG for our directory map. Basic support was all that was needed, with some sort of fallback for those browsers that couldn't handle it. We accomplished this by using SVGWeb, a javascript library designed to provide support to as many browsers as possible and allow for a Flash-based fallback for everything else.

Fusion created the directory map as a vector graphic, to be used in printed material as well as the website. We were able to convert that vector graphic into SVG markup by importing it into Inkscape. Inkscape automatically groups paths and assigns ID attributes, but you can use its provided tools to do some general manipulation. For instance, we made sure the amenities on the map (washrooms, telephones, etc), were assigned ID attributes with similar prefixes so we could target them specifically.

SVGWeb documentation recommends keeping the SVG markup as a separate file and calling it in using an object tag. This would allow browsers to cache the file and speed up page load. We decided to include the SVG markup instead, as this allowed us to style it with CSS and assign JS events with jQuery.

Adding zoom and pan tools to the map was relatively simple using jQuery. There are multiple tutorials and libraries you can find through a google search. We also used jQuery to assign hover and click events to the map, making each store a link to the individual tenant's information.

The good thing about building it this way is that SVGWeb applies the full SVG markup and the assigned JS events into the Flash fallback. The panning, zooming, hovering, and clicking all works in the Flash version without having to code a completely separate solution.

One of the accepted tenants of using modern techniques like these are acceptable fallbacks. In older browsers, we see Flash instead of SVG. In some browsers, the popup labels get positioned at the mouse pointer's location rather than above each store. In some browsers, the popup labels don't get the little arrow "tail" on them. Not everyone is going to get the same experience, but not everyone is losing anything important. Everyone is supported in some way, but visitors who have been diligently updating their browsers will get a fuller experience.

Though only partially supported, we expect SVG to start appearing in more and more projects in the near future. With native Flash support being abandoned by mobile operating systems and high-density screens being adopted by device manufacturers, there is a growing place for vector graphics on the web.

The Instagramification of GrajewskiFotograph.com

Functionality
Lauren Zacharias
Lauren Zacharias Programmer
Visual Lizard
work
1 (204) 957-5520 ext:156
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Lauren Zacharias Dr. Z

Recently, we were asked by Jerry Grajewski to add an Instagram feature to his website. For those not familiar with Instagram, it is a mobile app which applies filters and effects to your photos and then shares them on your Instagram account, Twitter feed, and other social outlets.

Instagram makes integrating their data fairly easy via an API (Application Programming Interface). You sign up as a developer, then get a client ID and access token. This allows you to authenticate yourself to the API. To help out even further, Instagram offers an API console that lets you test out API calls ahead of time.

Instagram API Console

We used the API to pull down the 30 most recent photos from Jerry's Instagram account. With multiple resolutions for each photo, we then applied the lightbox effect used throughout Jerry's other galleries.

Check it out here: grajewskifotograph.com/instagram

Duplicate Content and Canonical URLs

Technology
Dwayne Kristjanson
Dwayne Kristjanson Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:154
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Dwayne Kristjanson Indifference Engine

There's usually no need to include the same content in multiple places on your website. After all, the whole point of HTML is to link from one place to another so it's always possible to have only one instance of the content in question. The only times when it's necessary to have two distinct URLs for the same content is when the surrounding navigation, headers, etc. need to change depending on the path the user took to get to it.

For example, when users are browsing through an online store by category it's a better experience when links to the category they were just browsing appear on the page showing information for a product. That allows them to quickly get back to look at other products. In cases like this, having only one URL for the product and keeping track of what the user was viewing in their session quickly gets out of hand. The user can, and often will, have more than one tab open viewing the same site and tracking which links were clicked from where can be complicated. From a programming perspective, it's far easier to have multiple URLs that show the same product, with the different URLs triggering the different navigation display.

But what effect will taking the easy route have on SEO? In the past, not much. For Google, however, this has changed somewhat since the Panda update in February of 2011. That update targeted "low quality" sites, specifically content farms that often have copy-pasted content matching a wide variety of search results and link farms set up to boost another site's SEO by linking back to it with specific keywords. Both of these types of farm site would frequently have largely identical content available at multiple URLs and multiple domains.

Prior to the Panda update, the main "negative" effect of having more than one URL for a given piece of content was that Google would list only one of them in their search results. After Panda, duplicate content pages lost a small amount of Page Rank. Google hasn't specified specifically how much or from what areas, but from what I've read the effect is largest when the duplicate content occurs across domains. It's also likely that keywords in the alternate URLs will not be used for ranking. The actual effect on non-malicious duplicate content, however, should be small. Sites with multiple domains should be redirecting the aliases to their main domain. They should also be using basically the same keywords in all of the URLs that reach a specific page.

However, if your site will have a significant amount of content that can be accessed from more than one URL, consider using rel=canonical. This is a method of indicating which URL you want search engines to use for the duplicated content. The main requirement is that one of the alternative URLs needs to be selected as the canonical one. All of the other URLs will then include a link tag in the page head pointing to the canonical url.

	<link rel="canonical" href="http://example.com/path/to/item" />

There is no need to include a rel=canonical link on the canonical page itself. This is a common occurrence, and likely won't have any negative effects since the search engines know to account for it. Specifically, Google has indicated that their crawler handles this case without issue, whereas Bing has indicated they prefer to not see rel=canonical on the canonical page although it doesn't really hurt your ranking if it happens.

Coda 2: Making A Good Thing Better

Technology
Wil Alambre
Wil Alambre Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:152
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Wil Alambre Whiteboard Ninja

Here at Visual Lizard Coda is our go-to development application. It used to be that, when we needed to build a site, we needed a code editor open, we needed an SVN manager open, we needed an FTP program open. Having a single application that handled it all was a milestone; there was the time we were doing things the hard way and there was the time we started using Coda.

When Coda 2 was released, I was one of the first to download it. I was so excited to try Panic's upgraded application that I grabbed it as soon as midnight rolled around. Sure, there was a seven-day trail available at Panic's website for those who wanted to dip their toes, but I grabbed it from the App Store. Buying directly from Panic would give them a bigger cut (Apple taking 30% from the App Store purchases) and probably provide quicker updates (not requiring Apple's approval to push out new versions), but the App Store version comes with iCloud syncing, and I really don't want to rely on remebering where I put all my serial numbers anymore.

One of the first changes I saw was the Sites screen. Sites could now be dragged onto one another to create groups. Since a good chunk of my work involves development servers, staging servers, production servers, etc, this simplified my ever growing project list a lot. Also, I finally had the option to see the Site screen as an actual list! The thumbnail view is certainly pretty to look at, but like the Mac OS X dock, it's prettiness doesn't translate into practical usage, especially when you have dozens of projects. The list view has the extra advantage of showing the site's root URL and last date the project was opened.

A welcome addition to Coda 2 is a built-in MySQL editor. The main thing I like about Coda is that I can develop in one place, and I do a lot of MySQL work. No more alt-tabbing to a dedicated MySQL app or phpMyAdmin. I can open multiple instances in tabs, connect to other servers with host-user-password info, and run arbitrary SQL. This sort of addition reenforces the idea that Coda is made for me and developers like me.

The sidebar has been rethought for the better. It used to be split, with a perpetual file list above and most other options (code help, shared documents) in a smaller space below. Now it is a single, fully adjustable pane. The black floating SVN window (which I was never a fan of) can be there, now feeling a full part of the app. The code helper can be there, having a lot more room to display, rather than the cramped single line in Coda 1. The file can be there, but more importantly, can also not be there.

Overall, Coda 2 is the development application I fell in love with peppered with great updates. Code folding, quick file opening, Trasmit built-in FTP-ing, CSS popup tools, GIT integration, file browser from the path breadcrumb, etc. I'm still discovering little additions that I can now not imagine not having.

Now, since this is the launch of the app, it is expected there will be a couple hiccups. Off the top of my head, these are some of the things we are looking forward to being fixed/improved...

  • In the preferences pane, checking/unchecking the iCloud-syncing option sometimes crashes the app
  • In the sites list, when I copy the root URL from the site editor, sometimes that field appears blank when you open that site again to edit. The data is there, but its disconcerting to see it blank.
  • On the site list, it would be fantastic if I could click or shift-click on something on the root URL to open it in a browser.
  • Sometimes, the site list will just "forget" my SVN username and password.
  • I also purchased Diet Coda, and I'm hoping our iCloud-synced site list will eventually be available on it.
  • When I shrink the toolbar to text-only mode, the already-small favicons the app uses for the Sites tab are sized down to the point of being almost incomprehesible.
  • When the toolbar is larger and using the icons, I find the Files icon looks too much like the white-backgrounded code icons of all the other tabs.
  • HTML and CSS validation is included, but no PHP? Someone will make a plug-in, I'm certain, but still... darn.

...there's probably more, but I'll let my co-workers chime in on their own. None of these are critical, and they haven't stopped me from making Coda 2 my default editor already. It might sound silly to be this passionate about what application I use to build in, but when you love your work, its hard not to love how you work.

Winnipeg Comedy Festival gets a Facelift with Responsive Design

Design
Ross McDowall
Ross McDowall Senior Web Developer
Visual Lizard
work
1 (204) 957-5520 ext:151
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Ross McDowall Fearless Dwarven Warrior

Visual Lizard loves The Winnipeg Comedy Festival! We have been proud supporters for the past 6 years and 2012 was no exception. After the 2011 festival ended, we met with the fine folks that make it all happen and put together the wish list for next year. The list included an alumni area, a better mobile experience and faster speed. We loved the list and made it all happen.

The first step was to upgrade their aging Catalyst CMS to our latest version. The upgrade went smooth as silk and the data transfer completed without a hitch. There are several advantages to be gained from the upgrade.

First, many of the functionality changes between the old version and the new version allow the administrators more robust control over their content. Since some the folks at the Comedy Festival are also administrators of another website that uses Catalyst version 4, they would automatically be familiar with the new interface.

Second, the new version of the system also allowed us to implement some of the latest coding features for HTML and CSS. For people using standards compliant browsers some of the new CSS3 display features would become apparent, but for those who don't, the design gracefully degrades to the CSS2 standards.

Working with guppy design, we wanted to employ the use a Responsive Web Design to the 2012 site. Guppy's overall design was flexible enough for us to make some simplifications to the primary design in order to allow them to work with the smaller screens on most moble devices.

One of the things we learned with this Responsive Design functionality was the interesting difference between your standard computer interface and the touch-screen interface. For years we have been using the pseudo-class :hover to visually indicate that something in the display is a live link. This doesn't work with a touch-screen. The physical interaction of a finger or stylus with the touch-screen makes the hover functionality impractical as the screen needs the physical interaction to know where your finger is. Without some sort of proximity technology, the hover state never gets seen on the touch-screen devices.

That's not to say we do not use hovers in our design implementations, but we have to consider alternatives to that functionality when we are coding for touch-screen devices. For instance, sub-menus that drop-down or fly-out based on a hover will not work. We had to build a second piece of navigational functionality that was based on touching to open rather than a hover state.

The more we work with Responsive Design, we are finding we have to rethink interface functionality, and help our design partners recognize the interface issues that come with these limitations. For instance our initial version of the menu you see in the screen shot to the right did not have a close button as part of the menu. During development with the client it was brought to our attention that they didn't know how to close the menu to see what was underneath. We felt shame for not catching this but quickly corrected it by implementing a close menu option for the mobile version(s).

The solution is simple as you can see in the open menu screen shot, but when you are not in a touch interface headspace during development, you have to make sure to remember this.

Thanks to the introduction of Media Queries in CSS3, we no longer have to build a completely separate set of styles for these mobile devices. This makes our CSS coding more efficient without having to add programming to our HTML in order to sniff out devices, and browser dimensions. It just uses the internal browser specifications to recognize the browser dimensions and use the appropriate set of styles based on the queries.

We are enthusiastically looking forward to using more responsive design in our future work. Oh, and did we mention we love the Comedy Festival? This year was one of the best yet. We cannot wait for 2013 ... if the world doesn't end.

We Have Augmented Catalyst to Accept Emails for Our Daily Links

Technology
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

If you visit visuallizard.com with any regularity, you know that we post up interesting links for each other in the Daily Links portion of our blog. A little while ago, we were discussing what we could do to make the posting of these links easier. Posting a link wasn't complicated, but we wondered, "Could we make it easier? How about faster? Maybe both?"

Never ones to shy away from a challenge, we set to work armed with the following goal: how can we make this simpler?

Our current process goes something like this:

  1. login to Catalyst
  2. visit the blog area of admin system
  3. find Daily Links section
  4. add a new link and fill in the required fields
  5. save

In reality, this only takes 3 or 4 minutes at most. But given our nature, we wanted to try to shave it down to 60 seconds or less. How?

With the above process, no matter what we do, we will always have to do Step #4. There is no way to provide a link without providing some data. Over the years, we have distilled the information needed for links down to a bare minimum: link title, URL, image (optional), description (optional), and appearance date (auto set to the current day). The appearance date is only there so we can cue up Daily Links in the future if we know we are going to be away. This leaves us with the required minimum of a title and a URL in order to post a link.

Our highly technical flowchart showing our old link-posting process.

The next thing we discussed was how most of us consume the web. Of the seven of us in the office, everyone has a smartphone of some sort, five of us have tablets, and all of us have laptops. Since we have ready-built tools for posting from our laptop, and we all have smart/mobile devices of some sort, we decided to concentrate on posting from our phones. What would be the fastest way?

Text messaging would be quickest, and given that we have a good partner in Twilio, we explored this. The problem is the 144 character limit. That is not enough space for some URLs even, let alone a description and title.

Email seemed the better choice. In order to facilitate this, we needed to ensure we had the php-imap functions enabled. Once those where in place, we decided to test our plan by creating a new mailbox that would collect the emails for our Daily Links. Email is pretty simple by nature and we wanted to retain that simplicity as much as possible. We used the subject field as the title, the first line of the body as the URL, and everything after as the description. The final piece is a little secret code for each of us, that when paired with our at-visuallizard-dot-com mail accounts, act as a the security check and allows the post to be published onto the site.

Once we tested everything, we setup a cron job that runs our "read inbox" routine and writes the contents of valid, security-checked emails over to our database. Voila! Quick Daily Links can now be posted from wherever you consume the web.

In our extremely-rough calculations, we have seen link posting times of around 60 seconds with this email routine versus the 180-240 seconds observed with the login-navigate-post routine. That might not seem like a big gain on the surface, but over the long haul you could end up saving an hour here or there, which really adds up.

A few things to keep in mind if you are going to try this on your own:

  • Hosting your own stuff certainly helps, as not all hosts will allow you to add functions to php and create virtual paths in your hosting setup.
  • Ensure you have at least 2 security checks to validate the emails before you post them. Restricted from-addresses, secret codes, or even manual approval processes.
  • Be aware that spelling, sloppy grammar, typos and the like are part and parcel of email, so you should have another tool for editing posted links. We do in our Catalyst CMS, but you shouldn't look to email posting as your only avenue.
  • Never publish the email address you want to send these links to. Never!
  • Be prepared to destroy and reset your mailbox if/when the spammers find it. This would of course mean modifying all your scripts as well.

If you are a client of ours and you use our Catalyst CMS, we now have a pretty awesome method for posting to it through email. Contact us if this is something you are interested in and we can make it happen. If you aren't a client of ours but would like to be, we are happy to talk to you about anything you might need.

Server Migration for February 2012 is Complete

Business
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

Hi everyone,

Today we migrated our trusty old server of three years over to a new, faster server that has 12GBs of RAM and SSD HDs. For those clients we informed of the move, everything should be up to date. If you are still experiencing any issues, please feel free to call us or use the contact form below to shoot us a message.

As always, we appreciate your trust and are happy to be hosting our collaborative efforts.

Sincerely,

Julian, Dwayne, Ross, Wil, Max, Lauren, Nils, Pim and Doug

MTS Has Turned Off SMTP.MTS.NET

Technology
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

If you, like us, have been using MTS.ca for internet access for one of our connections, you may or may not be aware that MTS has disabled their outbound mail servers. Head over to their site and review their service notice about disabling outbound mail.

What Does This Mean?

If you have your email setup to use MTS for sending email through SMTP.MTS.NET then you have to make a change.

If We Host Your Email

If you are hosted with Visual Lizard you can set your outbound mail server to either mail.visuallizard.com or mail.yourdomain.com.

You will need to provide your full email address yourname@yourdomain.com and your password.

Set the outbound mail port to 587

You should now be good to go.

If You Host Your Own Email Internally

If you are hosting your own email in-house, then you should already have your outbound email servers setup. Talk to your IT person at your company if things have stopped working. They will have more answers than we do.

If You Were Using MTS To Send Email At Home/Work and We Don't Host You

This one becomes a matter of choice. If you have been sending email through MTS from home or work, and this is no longer an option, then you can do a few things

  • Check with your hosting provider and find out what information they have for you and how you can send using your domain's outbound mail servers or your hosting provider's mail servers.
     
  • Setup multiple email addresses in your Gmail.com account or forward your email accounts to a GMail.com account and then send all reply emails from there with a specific reply-to address. See Google's help on using multiple email accounts with gmail. If you go this route, then you can use Gmail's outbound mail servers, or you can use your website's outbound mail servers to send through.
     
  • Update your email account service with MTS to use Live.com email. See MTS' instructions on how to do this.
     
  • Switch to a different interent provider that offers outbound mail servers when you are connected to their network. This isn't very practical, but is an option if you want to explore other services.

As always, this is information on the internet. Use at your own risk and hopefully this information helps some of you.

Including All Cake Templates in Coda Search

Technology
Dwayne Kristjanson
Dwayne Kristjanson Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:154
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Dwayne Kristjanson Indifference Engine

I'm currently using Coda 1.7.4, but I've had a persistant problem across several versions of Coda where the ".ctp" templates in my CakePHP projects would be ignored in the Coda search results. I had things working most of the time by setting up a Custom Syntax Mode in Coda to display ".ctp" files with PHP highlighting. That got things working for most of the search types Coda supports, but when using "find in folder" some of the templates were still ignored.

Eventually I was able to figure out out a way to consistently trigger the issue after noticing that the icon Coda used for the file it was ignoring was not the same as the ones for the files it included. The ignored file had the same icon as an executable bash script, and sure enough when I checked the file permissions the file was marked as executable. After a few tests, I was able to determine that the rule was as follows:

  •  If any of the executable flags are set,
  •  and the file extension is not known,
  •  and the search type is "find in folder",
  •  Then the file will not be searched.

That made sense, since it wouldn't do to search through binary files. There's no reason for the template files to be executable, anyway, so the right thing to do  was to change the permissions on the file. But that wouldn't help me make mass changes across multiple files if I didn't know that the file permissions were messed up.

Files ending in ".php", however, are searched even when they are executable, so not all executable files are ignored. How could I set things up so ".ctp" files would work the same way? I tried using a completely made up extension, and it behaved the same way as ".ctp". Setting Coda as the default application to open ".ctp" files and setting a Custom Syntax Mode for ".ctp" files in Coda had no effect. I was a bit lost as to what constituted an "unknown" file extension. Especially since some of my coworkers did not have this problem.

I emailed Panic, the makers of Coda, and they were able to confirm that this was a problem some people had. It was not, however, due to anything in Coda itself. Instead the problem was due to the Spotify service in OS X not indexing certain files. Knowing that, I noticed that Finder reported the file "kind" as "Executable Unix File". So I did some research into how to change that. A quick Google search led me to an article about changing a file's "kind". So I tried the following:

  • Right clicked on the Coda app in Finder and selected "Show Package Contents"
  • Inside the package is a "Contents" folder, and inside that is a file named "Info.plist", which I opened in a text editor.
  • I found the section in that file where PHP file extensions are associated with Coda, and added two new entries to the <array> element <string>ctp</string> and <string>CTP</string>.

After saving those changes, exectuable ".ctp" files could be searched in the same manner as executable ".php" files. Hopefully this will be helpful to other people who are having the same problem.

The Advantage Of Cloud-Based Stores

Business
Wil Alambre
Wil Alambre Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:152
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Wil Alambre Whiteboard Ninja

Visual Lizard has been working on Apple machines since 2007-ish when we all upgraded from standard-issue Dell desktops to seventeen inch Macbook Pros. Every since then, Apple has released a number of Mac OS X versions, and each time I have upgraded my machine rather than formatting and starting clean. Though this has the advantage of not needing to reinstall apps and track down registration numbers, after half a dozen updates and the same number of years, my machine has inherited quite a bit of cruft.

Over this season's holidays, I decided to reformat and reinstall OS X Lion. The first time I have started fresh in years. I like to believe everything is booting up and shutting down faster because of it, but I have not bothered with any measurments so that may, admittedly, be just my rose-coloured perception. The most noticeable improvement was reinstalling my applications.

Services like the Mac App Store and Steam have made setting up a Mac incredibly easy compared to the old days. I did not have to track down CDs or registration numbers or manuals. I was able to log into a cloud-based store, find all my existing purchases waiting for me in a list, and reinstalled them with just a couple clicks. What used to be an arduous and long process has become a straight-forward series of over-the-internet restores... though it can still take a while depending on your internet connection and the filesizes involved.

Reading Daring Fireball, I saw a quote by game designer Will Wright that was amusingly relevant...

It’s kind of remarkable. I’ve set up a couple of PCs and a few TVs over the last couple of years. Buying a new television and setting it up is far more complicated now than buying a computer and setting it up.

My recommendation to my coworkers and my own plans for the future is to, when given the choice, make app purchases from reputable cloud-based stores from now own. There are some issues with doing so, notably the Mac App Store's lack of demo versions and Apple taking a major cut from a developers profits, but it will only take you one time setting up a machine from scratch to see the advantage.

First Week With an Android Tablet

Technology
Dwayne Kristjanson
Dwayne Kristjanson Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:154
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Dwayne Kristjanson Indifference Engine

On October 16th I finally caved and bought myself a tablet. At the time, I had no idea what I might use it for, so I opted for the Asus EeePad Transformer. I picked up the keyboard dock as well, figuring that worst-case scenario I'd have bought an Android netbook.

The last time I owned an actual netbook I didn't care for it. The keyboard was too cramped and the battery life was too low. Plus it had a full-sized power brick, which made it awkward to bring it along for short trips. This tablet doesn't have any of those problems (well, by default it uses a lot of power while sleeping ... but I found a simple solution). The overall battery life is about 8 hours for the tablet, and there's an equivalent battery in the keyboard dock, which should suffice for all-day use. Even if I do let it power down, the power adapter is small, so it's not a problem to take it with me. Charging is a bit slow, and the charging cable is both short and proprietary. Not ideal, but I can live with it.

I've found that I prefer using this device in tablet mode for reading and casual web browsing. It's like owning a book with the internet in it. Mostly I've been using it to read comics. I've read comics on my computer before, but it's hardly ideal. For daily webcomics, a browser is fine but longer stories are a nuisance. The tablet, however, is perfect for long-form reading. Ebooks are next on the list to try ... but I'll need to finish off some of the dead-tree novels on my coffee table first.

There are a few quirks I'm still getting used to. The first thing I noticed was that while in-use battery life was fine, the battery level dropped significantly when the device was left in sleep mode for an extended time. Looking at the battery use history it was apparent that the device was waking up and connecting to WiFi periodically. Most likely to check for email, application updates, and probably the time and weather. This was despite having set the device to disconnect from WiFi when the screen shut off. Installing Auto Airplane Mode helped a lot. Now when I wake up the battery is only 1% or 2% lower than when I went to bed. Much better than the 30% drop when the device is allowed to connect to the network from sleep. There are at least two applications named Auto Airplane Mode, so this is clearly an issue that other Android users are having. The one I installed triggers when the screen shuts off, the other one I saw worked by specifying times to turn off wireless access.

The second issue I ran into was when I bought a bag this weekend so I could carry the thing around here and there. Due to the enormous disparity in popularity between the iPad and Android tablets, most cases and accessories for tablet owners will be iPad-specific. And since my particular tablet is decidedly longer than an iPad, it turned out to be a tight fit. But it will keep my tablet out of harms way when I start shuffling it back and forth to coffee shops during NaNoWriMo. I'm sure I'll fail yet again, but I should at least figure out if I like the keyboard.

Launch Of The New ManitobaMusic.com Website

Functionality
Wil Alambre
Wil Alambre Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:152
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Wil Alambre Whiteboard Ninja

Originally launched way back in 2002, the www.ManitobaMusic.com website has been an invaluable resource for both the Manitoba Music organization and for musicians throughout the province. We were happy to help establish their site online way back when, we were overjoyed to work with them again in 2006, and now we are proud to revamp and relaunch the site for 2011!

ManitobaMusic.com Homepage

Working closely with Manitoba Music and Guppy Design, the new site takes many of the popular elements of the previous iteration and makes them easier to get at, easier to navigate, and easier to enjoy. A light-weight design and a robust-but-simple layout allows the site to not only look great in modern-day browsers, but on your mobile device as well. Go ahead, try it on your iPhone!

ManitobaMusic.com New Music Releases

With the rise of social media, it only made sense for ManitobaMusic.com to take advantage of many of the great tools and functionality being made available today. From updating Twitter feeds in their sidebar and Facebook-powered commenting, to freely available RSS and ICAL feeds, ManitobaMusic.com is a site that connects with you and helps you stay connected with all your favourite local talent!

ManitobaMusic.com Live Music Calendar

Manitoba Music site admins not only have access to a great deal of data, but thanks to a carefully constructed administrative system, they can access and share that data however and wherever they like all over the site. An audio track can appear on a band's profile, as a downloadable track, and on the streaming radio in a matter of moments!

ManitobaMusic.com Member Profile

The best part is how the site encourages both its visitors and its members to engage online. Many of the same tools available to site admins are now at the fingertips of the organization's members, allowing them to add images, audio tracks, online video, news stories, and social media to their profiles.

ManitobaMusic.com Join Form

Visual Lizard and Guppy Design continues to work closely with Manitoba Music, refining an already great site. Thanks to a responsive layout, a clean modern design, and a powerful admin system powered by our Catalyst CMS, both ManitobaMusic.com and her sister site AboriginalMusic.ca are on the road to another great couple of years on the web!

Mark Pilgrim Has Removed Himself From the Internet

Technology
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

Mark Pilgrim, a long time voice on the internet and author of many of the sites we have visited over the years, has pulled the switch and removed all his digitial works. Every last one of them has gone dark. 

Apprently this has kicked up a search, headed by Eric Meyer - see his post - that led to the police being called. Which, in reality, is a good thing. There is precedent that software developers / programmers can suffer burn out and then commit info-cide followed by suicide. Wikipedia page (considered for deletion) with a list.

Right now, this entire thing is a little bit of drama on WWW, but it sure feels alot like _why's disapparence in 2009. 

If you are a fan of Mark's work (and you should be), some of his stuff is now being mirrored on GitHub. Here are a handful of links:

 

To Mark, thanks for all the words. The internet is a better place for most people because of the work you helped us produce. Here is to finding what you are looking for. Cheers.


Welcome Back NHL

Functionality
Julian Moffatt
Julian Moffatt CEO / Partner
Visual Lizard
work
1 (204) 957-5520 ext:1
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Julian Moffatt Purveyor of Good Times

I'm not sure if you have heard the news or not yet, but Winnipeg got an NHL team back. True story! Of course this has had us all talking about the name of the team, which is the Jets, the logo, which is pretty damn classy and the coming of this 2011-2012 NHL season. With all that, we wanted to build a little something for everyone. 

Enter http://www.welcomebacknhl.net as a little project we put together for kicks. Go there and grab the JavaScript code. Drop it into your website and a handy little Jets logo will appear in the top right corner. The logo is linked to the Jets website, making it easy for you to keep track of all the latest news. 

Did we mention that we can't wait for the start of the 2011 NHL season? Don't get us wrong, we love summer. But winter this year is going to be awesome. Enjoy!

Initial Impressions of Google+

Technology
Wil Alambre
Wil Alambre Senior Programmer
Visual Lizard
work
1 (204) 957-5520 ext:152
fax
1 (204) 957-5519
toll-free
1 (888) 237-9559
url
http://www.visuallizard.com
Wil Alambre Whiteboard Ninja

I was able to get a Google+ invite late last week and gave the new social network a run over the weekend. Now, a couple days later, I'm finding myself ignoring it. There are a lot of interesting ideas in it, but that is its main problem; there are a lot of pieces that have a lot of potential, but the whole doesn't do anything better than it's main competitor. In fact, it seems to go out of it's way to make it more cumbersome in many places.

Lots of what we see already exist in their own bubbles, have their own branding, and use their own user profiles. Only the over-arcing google login really kept them associated in any way; each app was bought and/or developed with little worry about how it would actually work with the other apps until later in their individual lifecycle. It took months for Youtube and Google logins to be merged, Wave was Gmail and Gchat and Buzz mashed together, Analytics was still using the term "urchin" in their supplied javascript code for years. Hell, depending on which apps you were using regularly, you had two or three completely different "google profiles".

Google+ is, basically, a variety of separate Google apps and products finally pulled together under a core umbrella. Even though there is a strong design and focus behind it, it still has that frankenstein bolted-together feel to it.

My Google Plus Profile

One of the obvious elements of this pasted-together development is on what used to be Google Profiles, the Google+ public profile page. There, by default, are the new "posts" and off to the right is the much-ignored "buzz", which is Google Buzz. Aren't these two things almost the same thing? Why didn't Google Buzz inherit the rest of what eventually became the "post" functionality? And how much of the "photos" tab is just half-cribbed Picasa (soon to be Google Photos) functionality?

I probably wouldn't find the whole thing so cumbersome if the core of this social network, the facebook-y parts, didn't try so damn hard to out-facebook facebook. 

My Google Plus Circles

The idea of circles is pretty good on paper, but the execution comes across as something designed by a person who only used it as it developed. I came from facebook, and though I can see they were trying to make the transition from a single pile of friends to infinite number of overlapping groups, they only succeeded in making a novel idea annoying.

The rotary-dial grouping for drag-and-drop is one of the too-clever ideas that works best in a photoshop mock-up than in actual practice... probably one of the reasons why this metaphor is not used anywhere else in any app; they just default to text lists everywhere else. Also, the little rectangle profile cards had a troublesome problem with being recursive, where hovering on a name within them would open another rectangle, which had links that would open other rectangles, three or four deep.

The hovering rectangle issue seems to have been resolved since last week, thankfully. This implies that it is one Google app that actually deserves the "beta" label, even though it's the first in memory that lacks it. Or won't be wearing it for four or five years.

My Google Plus Stream

Despite all this, I'm absolutely certain Google+ is going to be successful. First of all, there's several people who will jump on it simply because "it's not facebook". It's gotten to the point where hating trends and/or fads has become a trendy fad in and of itself.

Second, there are going to be people who want a social network that lets them be less social than twitter or facebook... now you can group people in cliques and make sure the right people never see that other group you hang out with. 

Finally, that heavy promotion of the +1 button means search engine opimization experts the world-wide-web over will be pushing all things Google on their clients. Where web apps like Twitter became popular due to a focused and vibrant community that grew, Google+ will be rammed down our throats by a combination of Google corralling all their free apps into it and SEO advice being laid on thick, bribing site developers and owners to support it in return for better ranking.

I'll probably keep poking at it over the next couple weeks simply because it does have so much potential in it's parts. But until the whole starts doing things as well as or better than Facebook, I'm having a hard time justifying bothering maintaining both... and facebook was here first.

After all, remember Orkut?