Matt McInerney

Since posting about relogo, a new standard for easy and automated logo distribution, I’m noticing it’s gotten a little bit of attention. I think the next step is to build a library of example uses, to show it off a bit.

In order to do that, I’m looking for some sites to use as examples. If you are a webmaster, all you have to do it is upload an SVG file of your logo and add this line to your site:

<link rel="logo" type="image/svg" href="http://yourdomain.com/logo.svg"/>

Replace the ‘yourdomain’ url with a link to your logo of course.

If you’ve started using this on your site, please send me a link on twitter, @mattmc, or reblog this post. I’d love to see examples so I can start using them on relogo.org.

rel=”logo” or relogo is an idea I’m proposing that uses existing link tags to serve up-to-date/approved logos. The idea is very simple. You paste a small line of code on your site that links to an SVG of your logo. This logo can then be easily pulled from any other site for promotional or editorial use. It also makes verifying correct logo artwork very easy. Since there is no centralized database hosting all the logos, the verification comes from checking the validity of the domain name hosting the SVG.

At the moment, it is surprisingly difficult to gather logos online. Sites like Brands of the World host vector files for many popular brands, but usually they are amateur recreations of existing artwork. Relogo would make it very easy to know that you’re using the correct artwork.

While I’m sure there are some brands that may not want to make their logo publicly available, I think a large percentage would rather host their own artwork than be represented by poorly drawn replacements or even out-of-date versions.

So how do you use it? Just upload your logo and use this line of code (with your own URL of course): <link rel="logo" type="image/svg" href="http://yourdomain.com/logo.svg">

I’ve also set up a simple API on relogo.org that will pull logo artwork from any site that uses the tag. Just go to: http://relogo.org/api/domain.com and replace domain.com with a web address i.e. http://relogo.org/api/relogo.org

I’m interested in getting feedback on this idea, so if you thoughts, please share.

I just posted an update to the hasaportfolio theme. Here’s what’s new:

• Added the ability to customize colors for: text, background, thumbnail backgrounds, links, link hovers, and borders
• Added lightbox features. Clicking on images in permalink pages now opens a lightbox view of the high res photo.
• Photosets are now using native tumblr theme tags so they can support high res images and captions for each photo.
• Thumbnails are now showing Captions when you hover over them, as opposed to HTML Safe Photo Alts. This fixes problems with apostrophes and ampersands. Captions have also been added to videos.

I know I said I wasn’t going to be updating clipping.us anytime soon, but I guess I spoke too soon. This morning I added the ability to create permanent links for any piece of text you’ve stored in a clipping.us url. The video above shows you a quick way that you can use this feature to extend the length of a tweet beyond 140 characters by adding a short link to the end of your tweet. Sorry for the distortion in the video by the way, I screen captured in a non-standard format, but I think it’s still easy enough to follow.

The basic idea of a clipping permalink is that you can generate a permanent link for any piece of text in a current clipping URL. This link can’t be edited or deleted, unlike a standard clipping URL. These urls are stored in the subdomain p.clipping.us. Once a permalink is created, a short url is automatically generated so that you can quickly share it twitter. My initial intention was to just give everyone the option of permanently saving a clipping quickly, but after playing with it, I realized it can easily extend the character count of a tweet with just a simple link.

(Source: vimeo.com)

I haven’t had a ton of time to post much recently, but I did want to take a moment to post a custom wordmark and website I designed for photographer Alison Weick. The wordmark features a custom slab-serif, and accompanying sans for the stacked version, both based on my typeface Raleway.

U.S. Soccer’s Next Goal. This is a project I got a chance to work on last summer at Pentagram, mostly designing the custom typeface ‘Game’ along with some other pieces for the campaign. I finally got a chance to see the bid book when I came back to Pentagram this summer and was really excited to see the final product. Click through to see the book, and other pieces designed for the campaign. Here’s to hoping the World Cup ends up in the US in 2018 or 2022.

I just updated clipping.us with two new features. The site will now save all of your clipping urls so that you can access them at the bottom right of any clipping page by clicking on ‘My Clippings.’ It saves them based on your IP, so no need for a username. I’ve also allowed the ability to lock a clipping url for a 5 minute period of time, so that it can only be viewed or edited by your own IP address. I thought this might be useful for information you’d only like to copy/paste and be seen within your own network.

I just launched a super simple web app called clipping.us. It is an easy way to paste snippets of text from one computer to another without any login information or registration. Just type anything after clipping.us/ like clipping.us/test, paste your snippet, hit save. Then access it from any other computer using the same url. Afterwards you can delete it, change, or leave it.

Any page can be edited by anyone because all clippings are intended to be temporary. The idea is to pick a somewhat unique url for yourself.

The site also has a bookmarklet that will automatically save the highlighted text in your browser to your clipping page.

The big question is why would I use this? or what is the point?

I see this being useful for transferring information between two computers in a lab setting, where you don’t constantly have an email app or im app open to message yourself or a friend. I’ve been in this situation working in college labs with a friend coding and wanting to share a piece of code very quickly. Rather than logging in to anything, you just paste the info into a clipping page with a url that you can easily remember or convey to a friend verbally.

Feel free to leave replies with feedback or any issues you encounter.

I just graduated last week and I’ve got a couple of days before I move to New York and start work at Pentagram, so I wanted to take a second to post some photos of projects I’ve been working on the for past few months. This is my Scrabble re-re-design. If you’ve followed this blog, you probably saw a previous version of this. I got a chance to address some thing I wasn’t as happy with in my final portfolio class at SCAD, so here are the results. I totally redrew the logo and reassessed the design of the package. If you’d like to see some larger photos, I’ve got them up on my portfolio site. I’ll try to post some more projects very soon.

I just updated hasaportfolio with a brand new portfolio theme for tumblr. The new theme support up to 15 projects. The projects can be photos, photosets, or videos. It also supports custom colors, a custom header image, and contact, blog, and resume links.

I used a lot of JQuery plugins so that all the projects are easily clicked through in slideshow format on one page. If you’d like to install the theme, you can copy and paste this text file. I’ll be submitting the theme to the tumblr theme section soon, but I want to make sure I iron out any kinks first. If you notice anything, drop me a reply.

If you’d like to see a live example, check out portfolios.tumblr.com.

I’ve been working on a new serif typeface as of late. If you’d like to see the progress, check the typophile thread.