Browsed by
Category: Featured

Start with self-belief

Start with self-belief

  • Persistence pays
  • Take risks, do not be reckless
  • It’s not about ideas. It’s about making ideas happen
  • They don’t talk, they do
  • They nail every opportunity
  • Hard lessons are learnt only by failure

Winning-traits-image-2

Winning-traits-image-3

Winning-traits-image-4

Winning-traits-image-5

Winning-traits-image-6

Winning-traits-image-7

Winning-traits-image-9

Web Beacons or Web Bug : What are they ?

Web Beacons or Web Bug : What are they ?

A web bug/beacons is an object that is embedded in a web page or email and is usually invisible to the user but allows checking that a user has viewed the page or email.[1] Common uses are email tracking and page tagging for Web analytics. Alternative names are web beacon, tracking bug, tag, or page tag. Common names for web bugs implemented through an embedded image include tracking pixel, pixel tag, 1×1 gif, and clear gif.[2] When implemented using JavaScript, they may be called JavaScript tags.

Lets see an example :(To Check whether the mail recipients has read the mail or not)
Now-a-days an email is written in HTML Format.So you can insert the below code easily.

What will happen here is,the Email client will try to fetch the image from the src path, But instead of actual image the PHP script will get executed.So this way you can check if the user has read the mail or not.

Note : In most of the email clients images are blocked by default,in that case this will not help.

Ref:
Wiki

Internationalization (i18n) and Localization (l10n)

Internationalization (i18n) and Localization (l10n)

You might have seen these keywords in Project Design Docs. Lets understand their significance.

Internationalization (i18n)
Internationalization is often written i18n, where 18 is the number of letters between i and n in the English word (I……18 letters……n).

Internationalization is the design and development of a product, application or document content that enables easy localization for target audiences that vary in culture, region, or language.

Localization (l10n)
Localization is sometimes written as l10n, where 10 is the number of letters between l and n.

Localization refers to the adaptation of a product, application or document content to meet the language, cultural and other requirements of a specific target market (a locale).

Example 1: (Developing a Web Portal)
While developing you can keep all your text entries into a DB or in a Flat File instead of hard-coding to the views (HTML/JSP). If you doing this way then you keep a provision to change you locale without changing the code. This way you follow Internationalization and when you deliver you product to end-users with their local language then you are doing Localization.

Example 2: (OS)
I18N: Suppose your OS is English(US),You can just change the OS language to Japanese/Chineese and can Install application in either Japanese/Chineese support.

L10N: Your OS must be in the same locale as the application.eg on Japanese OS you can install Japanese language supported application.Here every thing will be in the same lacale.

Ref:

WeakReference and WeakHashMap in Java

WeakReference and WeakHashMap in Java

Weak Reference :
An Object will not be garbage collected if one or more reference exits. This is not true always if the references are Weak Reference then its a valid candidate of Garbage Collection.

four types of references in Java i.e. strong reference, soft reference, weak reference and phantom reference. We will discuss about these references later.

Lets start with an example to understand Weak Reference.
Suppose you have a requirement to store current Active visitors with the entry time.

Now you can see v1 left but the entry still exist in HashMap. So it shouldn’t exist in the Map and v1 should get garbage collected but this will not because its a strong reference.

The output to above program will be

Where as if you change the HashMap to WeakHashMap(Predefined Map which uses weak reference.there is a private method name expungeStaleEntries(), which is used to remove stale entries as given in above example and this method is used in all exposed methods of WeakHashMap) .

Note :System.gc() is a request not a command but by JVM respects my request 🙂

i.e.

The output will be as below

So you can use WeakHashMap whenever entries are no more used. Bit of google will help to understand it better.

Responsive Web Design (RWD)

Responsive Web Design (RWD)

From Wiki
Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of re-sizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).

In simple words we want to develop website that suites all devices. You might have seen few domains have their mobile site different from main site like m.google.com. In such cases you will have to maintain both of the them (more maintenance means more cost). If you have one site that behaves well for all devices (desktop,ipad,iphone etc…) . dont you think that will be great ??? This is what Responsive Design is?

Lets start with an example.

1) Responsive Design
You can just re-size your browser window (to mobile size) to see how it works for the current site (i.e. http://www.bibek.in). Or you can check the same in with Mobil devices.
You will notice that the menus are converted to drop downs and study other segments behaviors.

2) Non-Responsive Design
Open this url ( http://bibek.in/eh/view/) in resized browser window or in Mobil devices. You will see the difference.

As of now you might have understood the significance of responsive design. So lets start working with RWD.

No doubt RWD a big thing now. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. Lets learn about the basic logic of responsive design and media queries.

Media Queries : CSS2 allows you to specify style-sheet for specific media type such as screen or print. Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different style-sheets. For example, you can have one style-sheet for large displays and a different style-sheet specifically for mobile devices.

Example :
The following CSS will apply if the viewing area is smaller or equal to 320px.

You can google to understand more into media quires.

Stay tuned for updates on this article.