About design and nearby

My Website is on 101bestwebsites.com now, hooray!

Posted: November 28th, 2011 | Author: | Filed under: Creative Process | Tags: , | No Comments »

My site was listed as a beautiful javascript/ css website at 101bestwebsites.com, I’m so happy ))

'sweet' at 101bestwebsites

Related post: Sweet Web Design is on CSS Light

Working on a Project: Effective Management

Posted: November 18th, 2011 | Author: | Filed under: Effective Management, Tips and Tricks | Tags: , | No Comments »

Every new project starts with a planning. Or it should. And the future of the new venture depends on how much efforts you put at this stage, depends on how are you picky to details and are you able to think forward.
effective management

As you contact with a customer, you get his vision of the final product he awaits to get done. But a threat, for my mind, is that your client (at 90% of cases) has no experience with web and he names you just his feeling, not the guide for action. Well, may I say that it’s the same as explain a painter how he is to paint – the idea is clear, but there are so many pictures you get as many artists will work.
Read the rest of this entry »

How to Print Google Maps

Posted: November 7th, 2011 | Author: | Filed under: Tips and Tricks | Tags: , , , | 1 Comment »

Thanking Google Maps service you can add any map to your website easily. And what about printing the map? This simple at first sight question proves to be not so easy.

Variant 1:
The javascript for simulation the print button:

  1. window.print()

For example,

  1. <input type="button" value="Print" onClick="window.print()"/>

– and you get the possibility to print the whole page.
Unfortunately, that is not always the best solution.
Read the rest of this entry »

The Sweet Drop Down Javascript Menu

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

Drop down menu is the common element of today’s web design. It’s very flexible and takes up less space than the usual one, all what you do need is make over your menu for your own needs. With Javascript drop down menu comes more interactive or at least gets animation that improve user interface. With help of CSS it’s pretty easy to customize the look and feel.

After googling I found Sexy Drop Down Menu (by Soh Tanaka), but it didn’t quite suit me. The menu tabs were opened after clicking the relevant button. And I was looking for the hover effect. So my decision was to do over its javascript for my need.
Read the rest of this entry »

Using Cufón.js with jCarousel (How to Fix)

Posted: July 2nd, 2011 | Author: | Filed under: Tips and Tricks | Tags: , , , | 2 Comments »

Using Cufón with jQuery jCarousel, I get a bug: after the first rotation my texts (powered by Cufon javascript) disappear – and the rest of slide is shown. The Carousel has three items and rotates them circularly. I find the way to fix it via refreshing Cufón:

  1. function carouselAnimateStart()
  2.             {
  3.                 Cufon.refresh();
  4.             }

and

  1. jQuery(document).ready(function () {
  2.                 jQuery('#mycarousel').jcarousel({
  3.                     auto: 3,
  4.                     scroll: 1,
  5.                     wrap: 'circular',
  6.                     initCallback: mycarousel_initCallback,
  7.                     itemVisibleOutCallback:
  8.                     {
  9.                         onBeforeAnimation: carouselAnimateStart
  10.                     }
  11.                 });

Note: using such fix leaks the memory (because your script is refreshed every time).

Live example: check the example >>

Related post: Using Non-standard Fonts with Cufón.js
Related post: Cufón.js and Hover Effect

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

Let's discuss your project now