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

If you want to take legal action to claim compensation for a personal injury, you will need to get advice from a personal injury attorney specializing in these types of cases.

Legal costs

There are different costs associated with each of these legal actions.

If the case goes to court

If the case goes to court you could face a fine, up to 2 years’ imprisonment and/or a maximum fine of 20,000.

If you lose a case

If you lose a case your costs could be substantial. These could include compensation for lost earnings, rehabilitation costs and disbursements of money that you would have spent on your legal costs. There is no limit on compensation if you lose in court. If you win a case You can claim compensation if your case is won in court. However, this can be costly and time-consuming, especially if you are claiming for pain and suffering. Depending on your circumstances you may also have to compensate your injuries from the time of the incident, up to one year after the incident.

If you lose a case, do you have to pay for any expenses you incurred for the sake of being successful in court?

Yes. You are obliged to pay for the court costs for losing a case. For example, if the defendant is charged with an offence but you lose your case, you will have to pay the defendant’s court costs. The amount of the costs will be determined by the court’s rules and regulations. You are also responsible for any expenses relating to the court case that you incur (and which were not the defendant’s fault). These may include: postage and handling costs, postage costs for a copy of a judgement, and postage costs for a list of evidence which may be introduced into evidence (such as the receipts for the defendant’s gas bills).

You do not have to pay these costs unless you can prove that they are clearly unreasonable. If you do not pay these costs, the judge can order you to pay them, including the costs of the Crown Law Fees Review.

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