Design like you’ll post it to Dribbble

Recently, I’d say I’ve been ‘plagued’ with creating designs that are in my ‘comfort zone’ and are simple and easy for me to make. I haven’t been innovating, in my opinion.

And I would make great excuses for it — “Man, he’s a low-paying client, don’t spend too much time on this. Work quickly and then spend your hard-earned time on Reddit”, or, “Just get this done, no one cares if it’s pixel perfect or not”. I rolled with this for a while.

Until I logged into Dribbble after a long, long, while, and thought: “What have I made that I can post?”

Continue reading “Design like you’ll post it to Dribbble”

Discuss on Twitter

My workflow for designing websites in the browser

“Kill Photoshop!” the people say. There are many reasons to stop using Photoshop and start working the browser instead—a few great ones listed in this webdesign tuts+ article, tips for designing in the browser (Especially the ‘Work Gets Repeated’ and ‘Can be time consuming’ part).

However, many designers don’t know how to start designing websites in the browser—It’s a problem of habit. They’re simply used to Photoshop.

I fortunately started when Photoshop’s influence was less, than say, 5 years ago. Due to that, it was easy and quick for me to make the jump to designing in the browser. Here, I’ll detail how I design sites, for myself and my clients.

Continue reading “My workflow for designing websites in the browser”

Discuss on Twitter

4 must-subscribe newsletters for a web designer

To stay at the top of our fields, us web designers have to be up-to-date to everything that’s going on in the design and development world. One easy way to keep informed about everything is to subscribe to newsletters, whether weekly or daily, and get articles straight to your email.


Sidebar is definitely one of the top newsletters in the design world. Curated by Sacha Greif, it delivers 5 best links of the day, straight to your email.

Continue reading “4 must-subscribe newsletters for a web designer”

Discuss on Twitter

My workflow when working with clients

As most of you must know, I offer web design and development services, and as a package, logo design. In this post, I’ll be outlining how I manage clients, how I communicate, at what milestones I charge, and what tools I use.

(Note: This post is written considering you have talked to the client, and you have arrived on a rough plan of action and pricing)

Making the invoice and collecting upfront.

This is something that is really important. You definitely have to collect upfronts from the client! I usually take around 40% upfront, but for smaller projects, I charge around 60%. If your client refuses paying upfront, he probably isn’t trust-able—proceed with caution. Try and negotiate a smaller amount for upfront.

Continue reading “My workflow when working with clients”

Discuss on Twitter

‘Chrome: The design side to software’

Chrome, the web browser we all love.

But aside from its marketing strategy, what’s making us keep on using it? Why not go to the competition, like Firefox and Opera? Why are the (apparent) Open Source lovers ditching FX, just for Chrome?

I admit, large selection of apps and themes are sure a plus, but they are found on FX too.

I like to personally believe that one of the main reasons that the huge amount of people that use Chrome are using it because of it’s incredible design, and wonderful UI.

In this post, I will be talking about Chrome’s design, focusing on it’s UI and UX, and will be talking about the level of detail.

Continue reading “‘Chrome: The design side to software’”

Discuss on Twitter

Analyzing Nokia’s new responsive website

Note: This post is simply about the design of the new website, more accurately, is an analysis. Here, you won’t find who did what, statements from people responsible and CEOs, thoughts of their staff on this, etc — you’ll find an honest and detailed analysis of their design.

And Nokia, like many others, goes responsive. This post will detail the things that I like, I dislike, and what we could learn from this redesign.

Using a simple, minimal design, with a grid layout (which we could claim is inspired from Modern UI), Nokia has truly come up with something new, original, and pleasing to the eyes.

Continue reading “Analyzing Nokia’s new responsive website”

Discuss on Twitter

Javascript shortcut for getElementById and more

All of us who:

  1. Program in Javascript
  2. Manipulate the DOM

Need to use document.getElementById on a regular basis.

The sad thing is that it’s not really effective. Just look at it’s size! Typing it out again and again would be a big pain…

How would it be if you could do this instead?"helloIAmAnIdWithA#");

Awesome, right? I call it a javascript shortcut. It’s better, smaller, easier to remember. Learn exactly how to do the above, and shorten other commonly used methods (I’m looking at you, document.getElementByTagName!)

Continue reading “Javascript shortcut for getElementById and more”

Discuss on Twitter

CSS Layouts – Making an effective grid system

Grid systems are seen on every website (one of my personal favorite is the grid on Apple’s site). An effective grid system with a good CSS layout not only looks good and professional, it gives a sense of uniformity.

But before making an effective grid system, we’ll need to learn what it is. Here I’ve defined a few points which I feel a good CSS layout should have:

  • Uniform margins.
  • Sleek code.
  • Can mix and match different grid widths (example, I can use a half, and two quarter grids if I want to).
  • The grids don’t interact with other elements.

Making a grid might seem intimidating, as Math is required (and there’s a high chance of screwing up) but here I’ll walk you through each step 🙂
Continue reading “CSS Layouts – Making an effective grid system”

Discuss on Twitter

A simple javascript horizontal scroll website

Horizontal scrolling websites—although not the norm (nor very usable) sure look very amazing.

In this tutorial, we’re going to create an amazing, simple, javascript horizontal scroll website, for a fictional group of musicians who live on Mars.

Focus will be on the code, colors, and fonts. The overall ‘theme’ for the site would be fun and wacky.

Continue reading “A simple javascript horizontal scroll website”

Discuss on Twitter