Posts Tagged ‘Tutorials’

We are pleased to present below all posts tagged with ‘Tutorials’.

Rethinking Mobile Tutorials: Which Patterns Really Work?

Pattern libraries are a great source of inspiration and education for designers. But common practice doesn’t always equal best practice. In this post, we’ll look at why many common tutorial patterns are ineffective and how you can leverage game design principles to increase user engagement.

Rethinking Mobile Tutorials: Which Patterns Really Work?

After the release of the first edition of Mobile Design Pattern Gallery, Intuit asked me to speak with its mobile team. I spoke at a high level about the value of patterns across industries (fashion, architecture, software and others) and how they are a useful teaching tool.

Read more...

Mojo Motors’ Responsive Redesign With Fireworks: Visual Design Stage

In the previous article in this series, I discussed our ideation and initial prototyping process. We covered details on how to use Adobe Fireworks to set up a responsive design wireframe, reusable components, prototypes and ways to share designs.

Mojo Motors' Responsive Redesign With Fireworks: Visual Design Stage

In this article, we’ll share how we used Adobe Fireworks in our iterative visual design process, along with other useful tips.

Read more...

How To Create An Admin-Manageable Magento Entity For Brands

In this tutorial, we will create a new “brand” entity in Magento that can be managed through the admin panel. Once we are finished, you will be able to create, update and delete brands that can be viewed in the front-end independently, much in the same way that you can interact with existing entities such as “products” and “categories.”

How To Create An Admin-Manageable Magento Entity For Brands

In addition, we will associate our new brand entity with other Magento entities, such as products. The process itself is quite lengthy because I will explain each step in detail, but it really is easy once you know how, and it’s a great example of how powerful the Magento platform can be with minimal effort.

Read more...

How To Make An Effective Style Guide With Adobe Fireworks

I started with style guides like any other obsessive-compulsive designer: with the desire to make it simple to maintain and grow a design. Plus, knowing which component to use in a given situation is nice, too, right? Since making this a regular practice, I’ve found it’s been like having a nice combination of a CSS class and a pattern library all in one.

How To Make An Effective Style Guide With Adobe Fireworks

One of the first questions, understandably, is why use Fireworks for a style guide? Well, for me, it’s mostly because of symbols and styles. Sure, you could use similar things in Photoshop, but I find Fireworks’ implementation to be smarter.

Read more...

How To Build A CLI Tool With Node.js And PhantomJS

In this article, we’ll go over the concepts and techniques required to build a command line tool using Node.js and PhantomJS. Building a command line tool enables you to automate a process that would otherwise take a lot longer.

Build A CLI Tool With Node.js And PhantomJS

Command line tools are built in a myriad of languages, but the one we’ll focus on is Node.js. For those short on time, I’ve condensed the core process into three steps. This is the secret sauce to convert your Node.js script into a fully functioning command line tool. But do stick around to see what else I have to show you.

Read more...

How To Create A Self-Paced Email Course

When I realized I had written what seemed to be a course (i.e. not my usual article or book), I was left with a sense of panic. There are so many options for running an online course, and all of them seem slightly confusing or time-intensive to set up.

How To Create A Self-Paced Email Course

Then I remembered the autoresponders feature in my newsletter application (I use MailChimp, although every newsletter software has it). I could trigger lessons with autoresponders and deliver course material to where most people spend most of their day: the inbox.

Read more...

How To Create A Water Lily In Illustrator

Water lilies are beautiful flowers and ideal tutorial material. To get to the final result you’ll do a lot of clever actions which mostly involve rotating and duplicating, and there is a lot of room for experimentation as well. For instance, you can try out different ways on how you build up the layers of petals, and play with different shades of pinkish gradients.

How To Create A Water Lily In Illustrator

This tutorial gives you the basic steps I followed, but while I was creating this flower I did actually way more than what I’m writing here. You see, every creation is never straightforward or perfect just right away. It takes some trial and error, because I also needed to find the method that can be most easily explained.

Read more...

↑ Back to top