About design and nearby

4 Keys to Better Communication with Clients

Posted: April 23rd, 2015 | Author: | Filed under: Design and Decorations, Effective Management | Tags: , , , | No Comments »

Effective communication is key to the success of your projects. Poor communication is a surefire way to damage any business.

Communication with ClientsFor me as for a designer the process of communication begins before clients even agree to hire me to work on their project. Time is money, I know how to minimize conversation throughout the entire design process and at the same way keep it effective and results-driven.

There are a few my tips for better communication:

1. Ask the right questions.
Good designer understands that she/ he has a set of tools and experiences on hand to fulfil the client’s specific needs.
Tell your client that in order to understand what is needed to get the project done, you are going to ask some questions. Typically they are:
– Final vision, or what would be the result of the project?
– Strong and weak sides of past client’s projects and campaigns.
– Goals of the current project.
– Working process itself, or how it normally runs through the department.
– Company branding and style guides.
Read the rest of this entry »

Responsive Tables

Posted: April 16th, 2015 | Author: | Filed under: Development, Tips and Tricks | Tags: , , , | No Comments »

As for my mind, tables are not to be used for layout. I do use tables are for lists of data. And at the age of responsive design they have to support responsibility.

Solution #1:
For the last time I work a lot with Bootstrap. There are a lot of pre-ready solutions, which help to save my time. Bootstrap framework proposes it’s own variant of responsive tables – you should wrap ‘table’ into ‘div’ element with .table-responsive class:

  1. <div class='table-responsive'>
  2.   <table class='table'>
  3.     …
  4.   </table>
  5. </div>

Horizontal scroll appears at the bottom of the table on small devices.
You can find an alive example as Variant 1.
Read the rest of this entry »

How to Build Your Android App (.apk) for Testing in Visual Studio

Posted: April 7th, 2015 | Author: | Filed under: Development, Mobile Design and Development, Tips and Tricks | Tags: , , , , , | 1 Comment »

After an application has been coded, you have to test it. And to test the app you should create APK (.apk) file firstly.

Below is how I do that (for Android application powered by Xamarin):

1. Right-click at your Android project: open ‘Properties’ tab. Be sure that selected drop down is ‘Release’, not ‘Debug’.

Android .apk -1

 

Read the rest of this entry »

jQuery Namespaced Events for Safer Event Handling

Posted: March 31st, 2015 | Author: | Filed under: Development, Tips and Tricks | Tags: , , , , , , | No Comments »

Probably it’s a well-known feature of jQuery events.. and uncommon at the same time.

It’s easy to add and remove an event handler in jQuery. You could remove a handler because you don’t need to produce any actions on that event anymore or to reduce memory usage, or both. The problem happens in case you’ve attached several handlers to the same event – you are not able to remove just one of them.. without namespacing.

The event.namespace property returns the custom namespace when the event was triggered.

So

  1. $(window).bind('resize', function (){
  2. console.log("doSomething");
  3. });

matches everything and
Read the rest of this entry »

jqGrid: How to Make it Responsive (with Twitter Bootstrap)

Posted: March 30th, 2015 | Author: | Filed under: Development, Tips and Tricks | Tags: , , , , | 5 Comments »

I started developing application with jQgrid (an Ajax-enabled JavaScript control for representing and manipulating tabular data) and Twitter Bootstrap grid system. This jQGrid plugin uses a px width for defining width of the grid and column width. And my design should support responsibility – as usual. And that’s the tricky part ;)

jq Grid

Solution #1

The HTML: I wrapped my grid with div element with class ‘jqGrid’:

  1. <div id="grid" class="jqGrid">
  2.     <table id="list"><tr><td></td></tr></table>
  3.     <div id="pager"></div>
  4. </div>

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