You are currently browsing the tag archive for tutorial

Facebook Page Design and Tutorials

Since the introduction of the ‘Like’ button the use of Facebook pages by companies, brands, etc. has increased immensely. Facebook has a limit on amount of friends one can have and if you surpase that amount you need to to switch your account to a page. With pages you can add your personal design inside […]

Business Card Tutorials and Templates

This week a selection of business card tutorials and templates. The days that we only had a phone number to give are long gone. With Twitter, Facebook, weblogs, emails and the old fashioned phone number, everyone should carry a business card. Actually you should carry more than one, one for professional purposes and one for […]

Creating a Photo Gallery Using jQuery and the MT Asset Manager

The Movable Type Asset Manager is a great way to organize your blog photos, but it doesn’t include a way to show them off. In this tutorial, learn how to combine the Asset Manager with a JavaScript photo gallery to easily create a great-looking photos page for your blog.

Optimal Includes for Movable Type

There are ways to include files, and there are ways to include files, in Movable Type. The standard way certainly gets the job done, but it’s pretty slow when posting updates. Luckily, Billy knows the solution, and shares his template code with us in this tutorial.

Getting Gravatars on your Single Posts in WordPress

Do you want to display gravatars on your single posts, just like we do here on Devlounge? Then you need a WordPress blog, access to your single.php file, and this quick tutorial to get it up there.

Related Entries in Movable Type

Displaying related entries when reading a post is a good way to get the reader to dig deeper into your blog or site. Usually, you’ll do this by installing a plugin, but in Movable Type it’s actually possible without one, as this tutorial shows.

Text Treatments: Fire and Type

You know that flaming text effect that was so hip pre-dotcom bubble burst, very Web 1.0? Well, don’t overdo it, it’s a bit tacky most of the time. Sometimes, however, it’s exactly what you need, so why not take a look at this quick and dirty tutorial for Photoshop? Let’s start burning that type!

Roll Your Own FriendFeed with Movable Type

Impressed with FriendFeed, and want to do it on your own? You can, with Movable Type and a plugin, and this tutorial will tell you how. Feed your friends, your style.

Make A Unique, Multi-Layered Web Banner Using Photoshop

Zoe tackles layers in Photoshop in this week’s tutorial. Layers can be very useful, both for creating graphic elements and banners for sites, and when mocking up a site before moving onto production. In this tutorial, Zoe works from a photo and adds some new elements to fit the project.

How to Use Adobe Illustrator to Create a Unique Distressed Text Effect

Looking for that cracked, distorted effect in a font for your website, but you’re not finding a free font that cuts it, nor do you have the budget to cash up for a commercial license? Never fear, using Adobe Illustrator, a photo, and a suitable non-distorted font, you’ll be able to create your own unique beaten-up look. Zoe tells how in this tutorial.

Anatomy of a Movable Type Template

Billy Mabray dives deeper into the fine art of Movable Type templating, by showing us what makes up the actual template. Now we’re getting somewhere, this is your natural second step in the world of Movable Type.

Jazz Up Your Web Images With Fancy Borders

Tired of boring simple borders on your images using old school HTML? There are solutions, and the most creative ones involve working with the images in question in a program like Photoshop. That’s what we’ll do now, so let’s snazz up an image using cool borders, shall we?