wernull

Leaving the Country Made Me a Better Web Developer

After spending a short time where English is not the primary language, I have learned first hand the importance of proper translation. There have been many times when I was translating a website that I did not put much thought into how those random arrangement of characters fit into the place they were suppose to go. However, I have now seen what it looks like for translations to be an after thought. The problem is not that the message is broken, but that it gives off a bad impression and sometimes can be interpreted as offensive or insensitive.

It’s not that this is new to me, but that I never understood how important it was until I was on the receiving end. This has given me a whole new perspective on the importance of being diligent with my localization tasks. Another thing I have noticed are how many things are designed without relying on text and use clever illustrations to convey the message like on road signs and exit lights. I have seen this being done using meaningful icons on websites, but I always looked at that from a design prospective and not a localization tactic.

It feels like to me that most cultures are better at a multilingual society than the United States. This shows from their intuitive solutions to overcoming a language barrier. My time abroad has not only changed my impression of other cultures, but given me stronger awareness to the importance of my attention to detail.

WordPress Unbranded / Simple Admin Plugin

WordPress makes a great CMS for clients on a budget. However, many of those clients don’t know and don’t need to know what WordPress is. This plugin is built to make the admin experience a little more personal for those who just need to log in and make a few copy changes.

Download / GitHub

Instructions:

Unzip and copy the folder into your plugin directory. Activate it from the Installed Plugins page. Plugin options can be found at Settings / WP Unbranded

Options:

  • Remove “Howdy”
  • Remove WordPress logo and link drop down from the admin bar
  • Replace user name drop down with just a logout button
  • Change login page image
  • Change login page image link to homepage url
  • Change Admin footer

Debug Ghost CSS Elements Causing Unwanted Scrolling

Have you ever been working on a site and come across strange horizontal scrolling? Or perhaps you opened your site on mobile and the width does not fit. This often happens from some rogue style breaking out of the main layout. Sometimes this can be found by scanning through the html with your favorite web inspector, but often the task is like finding a needle in a haystack. I came up with this css trick to help quickly scan a page for unexpected styling. Place this snippet at the bottom of you css file:

To make things even easier, I created a bookmarklet that inserts this code to the bottom of any page. Drag this link >> Ghost CSS << to your bookmarks to use anywhere… or just click and see what happens.

Custom Shortlinks for Your Website

It’s like a vanity license plate for your website. Normally I glance over short-links without thinking nothing of them, but I came across a tweet by @destroytoday with the url dstry.it and BOOM the brand was burned into my head. Although having a bad ass business name helps too. I also like that a personalized short-link gives the user a bit of confidence it’s safe to click. The hardest part to setting up a custom link system is registering a relevant domain. Two characters is almost impossible and not allowed by some top-level domains. If you’re lucky you can find a clever three or four character domain that bleeds into the TLD so it’s easy to remember and recognize.

The easiest part is setting up the domain with bitly. While there are some free products like yourls that allow you to host your own service, they take a little more work to setup.

Finally, if you use WordPress there a lot of nice plugins to make the process even easier. My personal favorite is bit.ly shortlink by Yoast.

First Version of My Personal Website

For my personal site, I wanted to design it with a simple look, but with a powerful interactive element. The sphere is given the 3D look and feel without using any third party engines. There is an unseen 3D object with points that are tracked and applied to the visible icons. The icons are only given the x,y,z properties of the hidden object so that they do not rotate and keep a front facing perspective. In order to layout the icons in a uniformed fashion; I applied the golden section spiral principal to the dynamic construction of the sphere. When an icon is clicked, it corresponds to a specific frame in a reference movieclip that has placeholder objects laid out like the icon clicked and applies all the positions to the visible icons.

Launch Flash site / Download Source