About design and nearby

The Top Reasons to Hire a Freelance Designer

Posted: May 8th, 2011 | Author: | Filed under: Creative Process | Tags: , , | 1 Comment »

Sometimes outsourcing your business needs is the best way to a cost cutting, also that frees you up for more (or less)) important tasks. And the question is – who is more preferable for hire, a freelance individual (or a small firm) or a large company.
reasons to hire a freelance web designer

I see the main reasons for hiring a freelancer as:

The cost.
A Common Freelancer inhabits at home, he has not overhead costs like office rent and additional bills (in case if you’re hiring an agency, the rates includes the cost of employing staff who do other things that may not be relevant to your project).

Direct communication and Speed.
Dealing directly with a freelancer shortens the project duration, because he is the very person who is working for you. As the communication between you both is clear and easy, you will be able to get your job faster (being a freelance web designer I work irregular hours to compete, often more than 8 hours a day and 5 days a week – enough coffee is a must!) and according to all your amends.
Read the rest of this entry »

Input Box with Text Inside

Posted: March 20th, 2011 | Author: | Filed under: Tips and Tricks | Tags: , , | No Comments »

HTML forms are used to pass data to a server and depending on the designer’s plan they may take one look and feel or another. Usually to create a text box (or input box) coders use the <input> tag and the type attribute – “text”:

  1. <input type="text">

The common usage of the input tag looks like

Your text: 

Sometimes you need to go another way – to implement some designer’s concepts or just because you have no enough spare space at all.. Or you can find that it’s necessary according to the last design’s trends ))

For me the solution was (sure, without inline styles):

  1. <input type="text" name="#" id="#" value="your text"  style="padding-left:5px;" maxlength="50" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

Or more cute variant –
HTML:

  1. <input type="hidden" name="#" value="#" />                    
  2. <input type="text" name="#" id="Text1" value="search" maxlength="50" class="one" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
  3. <input class="sec" type="submit" value="" />

Styles:

  1. .one { width: 193px; height: 16px; float:left; padding-left:5px;}
  2. .sec { background: transparent url('/images/search_button.png') no-repeat; width: 20px; height: 20px; border: none; cursor: pointer; margin-left:19px; margin-top: 3px; top:21px; position: relative;}

Result:




Pretty easy and why don’t ))

Grunge Style Inspiration

Posted: January 11th, 2011 | Author: | Filed under: Creative Process | Tags: , | No Comments »

Grunge is a stylish design trend. It looks a little bit ‘dirty’ and faded, but helps to create less structured and ‘free form’ designs.
Grunge poster

To fit grunge look and feel you have to use textured backgrounds, ragged edges, worn and faded graphics, hand-written elements and be inspired by urban lifestyle. For such kind of design your colors should be subdued – brown, beige, grey, black (well, that’s not the rule for advertising types of photos, but I’m not going to sell Big Macs). The more bright colors make the impression less evident.

Nowadays designers mix styles to achieve the best result. Well, for web designing I prefer to use some grunged elements – to make the result more sweet :) The only grunge style in is too specified, however it may suit some music bands.

I was inspired to make a poster. The hardest point of this work was to put together the whole wide range of different elements… hope, you like that too.

Scrolling Text with <marquee> Tag

Posted: January 9th, 2011 | Author: | Filed under: Tips and Tricks | Tags: , | No Comments »

<marquee> tag is a non-standard HTML element, but <marquee> is recognized by most of today’s browsers and cross-browser compatible enough. It was introduced by Microsoft in early versions of IE and now I find its description at W3C Working Draft (so it has a future).

Attributes:
width: the width of the marquee (by default 100%)
height: the height
direction: which direction the marquee should scroll (left, right, up, down)
behavior: the type of scrolling
scrolldelay: how long to delay between each jump
scrollamount: how far to jump
loop: how many times to loop
bgcolor: background color
hspace: horizontal space around the marquee
vspace: vertical space around the marquee
Read the rest of this entry »

Using Non-standard Fonts with Cufón.js

Posted: November 17th, 2010 | Author: | Filed under: Tips and Tricks | Tags: , , | No Comments »

During some time I was looking for the way to apply any non-standard font for a website. I do not like to use Flash, so I didn’t think about sIFR. And I’m not happy with pasting images instead of font… and using {font-family: sans-serif;} is not the best variant for some projects. You may say me about Typeface.js – yes, it works and it’s purely Javascript, but I was looking for more prompt script.

I found Cufón javascript by accident, when I was redacting the website.

Why do I like it? Well..
Cufón is javascript only (like typeface.js), but it’s size is rather smaller and speed is incredible )) Cufon is supported with all the most common browsers and pretty simple to use.
Read the rest of this entry »

Looking for a Freelance UX & UI designer for your project? I’m ready to jump onboard!

Let's discuss your project now