Character Counting

 Character Count

Type or paste here your text
Total :

Here is a simple character counter for you

Some websites limiting your comments or mails etc. by character remaining warning. Here you can use this for testing your text character length before you put it wherever you want.
For example twitter most famous about this. they only allow users 140 characters. Or youtube will only allow you enter 500 character. They usually give you in their side how many characters left but sometimes it does not work. For example when you copy and paste it will not work. Also some other platforms you may need this. For example in blogger it is suggested to have minimum 500 characters length posts.
So here  you go...

Best cheap android phones

 In public they call Chinese phones or clone phones. Whatever they say just do not listen them. If you like to pay a wealth to branded ones, what they call it iphone snobs then go ahead but if you looking for cheap and powerful phones similar with branded ones here they are.

What specifications is considered best? Let me write first specifications.

The minimum specification can be as follow:

• of course 3g connection type wcdma type connection beside normal gsm connection
• 5 inch and upper screen size is ideal i guess
• quad core or dual core cpu with 1ghz speed
• 1gb ram 
• 8gb rom (internal memory)
• 8 to 13 mp camera
• 4.2, 4.1 or 4.0 android os pre-loaded

We will take this specifications as our criteria so lets see brands list for that.

• Advan
• GooPhone
• Drois
• HDC
• Huawei
• Jiayu
• Kungfu
• Lenovo
• Polytron
• Meizu
• Newman
• OPPO
• Star
• THL
• Xiaomi
• ZOPO
• ZTE
• IMO
• Mito

 This list can be longer but for now i found those brands. these phones prices around 150 us $. 

IT people talking about coding

Mark Zuckerberg, Bill Gates, Jack Dorsey (founder of twitter), Chris bosh (American basketball player in NBA), William (from music group Black Eyed Peas), Drew Houston (creator of Dropbox), Gabe Navell (Valve company , legendary counter strike and half life video games creator company), and more others  in code.org's presentation youtube video

Which browser is best?

In history of internet there was browser wars and believe or not internet explorer (i.e.) was not the major browser at the beginning. A browser called netscape was major browser dominated internet once upon a time. Later on internet explorer took a place and got markets more than 90 percent for long time until around 2003.

After that year mozilla firefox and google chrome joined competition. In fact firefox is old netscape anyway. Because mozilla firefox derived from  netscape navigator. If you ask me which one you should use. I would suggest you to use chrome because it is always up to date and some other better features.


Why is it important? I meant choose browser. Because if you know little bit about web development you will see the difference. Other browsers can not display sometimes web pages properly because they are not uptodate frequently. But people still using other browsers and it gives programmers (web developers can be called kind of programmer too) some problems and they must use extra codes to fix problems into other browsers and for their users to show web pages properly and same in their browsers too.

By the way google chrome and most of browsers use mozilla's engine ( gecko  engine ) usually which is open source product. Google also have open source version which called Google Chromium if you like to use. but set it up can be a headache for you if you do not have any idea about technical things.

Here is chrome download page

Developer Pages of Big Sites

In this post I wanted to gather together all the lists of developer pages of big sites.

• Facebook :  http://developers.facebook.com/
• Twitter      :   http://dev.twitter.com/
• Youtube   :  http://www.youtube.com/dev
• Google     :  https://developers.google.com
• Apple       :  https://developer.apple.com/
• Android    :  http://developer.android.com/index.html
• Sony        :  http://developer.sonymobile.com/wp/
• Mozilla     :  https://developer.mozilla.org/
• Joomla     :  http://developer.joomla.org/
• BlackBerry: https://developer.blackberry.com/
• Yahoo      :   http://developer.yahoo.com/
• PayPal     :  https://developer.paypal.com/
• LinkedIn  : http://developer.linkedin.com/
• Ubuntu    :  http://developer.ubuntu.com/

I may forget some important sites or platforms but if I remember later on I can add them here again later on...

Most Popular Local Websites in Indonesia

Which websites on top in Indonesia? The local ones. If you wonder which websites are on top and most visited here is a list for you.

Before the list let me say yes in Indonesia too like anywhere in the world top 3 is google, facebook and youtube. But the list below about local websites.

What does it mean 'rank'? Rank means calculating websites visitors and clicks. If their ranks are high means those websites are popular. As you see below on list websites has ranks from 300 to 3000 which means they got thousands even millions clicks and unique visitors monthly.

Here is Top 10 Indonesian Local Websites

1.Detik 

 www.detik.com  
 Global rank is 371 , rank in Indonesia is 8, just behind the yahoo and wordpress which are 6th and 7th.

2.Kaskus

www.kaskus.co.id
Global rank is 358, in Indonesia 9th. As you can see it is global rank is higher than Detik while local rank is lower.

3.Kompas

www.kompas.com
Global rank is 725, in Indonesia 12th.

4.Tokobagus

www.tokobagus.com
Global rank is 1210, in Indonesia 17th. There is one more website higher than this but it is an indonesian bank website which i think you will not be interested to see here. Selling and buying things, you can put your products there to sell.

5.Viva

www.viva.co.id
Global rank is 1298, in Indonesia 18th.

6.Indowebster

www.indowebster.com
Global rank is 1742, in Indonesia 22nd.

7.Berniaga

www.berniaga.com
Global rank is 2001, in Indonesia 23rd. This website also similar like tokobagus..

8.Kompasiana

www.kompasiana.com
There is also another local bank before this one but I did not put it on list.
Global rank is 2401, in Indonesia 31th.

9.Okezone

www.okezone.com
Global rank is 2733, in Indonesia 33rd.

10.Kapanlagi

www.kapanlagi.com
Global rank is 3047, in Indonesia 35th.

Note that, this data can change everyday. so when you read this it may change little bit their ranking..

Augmented Reality

Google secrets

Some funny google tricks

There are bunch of tricks you can do in google as google a major search engine but there are also some fun stuff.

for example;

1. Open google and type search box , do a barrel roll , and see what happens
2. Again open google right there tilt and wait
3. This time write the loneliest number and check out the calculator
4. Answer to life, the universe and everything and search
5. Several years ago google bought youtube and so it is a google product too. While you watching a video on youtube just quickly click on your arrow buttons and you will be able to play snake game on video.
6. You can also try this write to search box where is chuck norris? and click i feel lucky or where are my socks? and click i feel lucky

There are more but for now i remember that much.

Kinetic Typography

Motion typography or moving typography we can say too. A kind of visual communication trend. You can create some text animation synchronized with speech. They even use this technique for professional movies.





for some elite samples see below

V For Vendetta
http://vimeo.com/11445422


Batman The Dark Night
http://vimeo.com/4016687

Fight Club
http://vimeo.com/1842983




Software to create Kinetic Typography.

After Effects

What is SEO

SEO is acronym of Search Engine Optimization or Optimizer. To own a website will not mean much thing if nobody visit it. To make it more visible to your users SEO working for optimize your website to be found on search engines. Especially Google because it is massively using by internet users. There are other engines too like yahoo, bing, altavista etc.. Also there are local ones like in China or Russia and very popular like Baidu and Yandex. But the term SEO especially used for Google. You like or dislike Google is like monopol in search engines.

Search engines are softwares usually work with an algorithm. Of course it is closed code for some reasons. They call it with different names such as robot, bot, spider, ant, crawler,....

How they optimize it? It is wide range term. Including html tags, meta tags, web design, contents, backlinks, ping backs, keywords, ...

How can we optimize our website or blog?

First of all whatever you play or do tricks in your site you will still need a content. It is better than any trick. very natural one. You have to think about why should i visit this website or why should i visit it back again? After you follow this you should also know it takes time especially if you are not a Facebook  like or yahoo like website do not forget they are not one person managed websites and you are alone. After this things you can start to optimize your site or blog.

Many people says your blog or site must be related with your content. Ok what about if it is portal type blog or site? That means you should consider your each entry or post or content whatever you name it as one page. I do not agree with this your site must be related with contents thing.

Anyway I will link here topics about SEO. like this one Robot.txt

Copy Lefts

Copy Lefts 2011- 135463211234564569.... all wrongs reserved

Anti-copyright movement,

With this logic you can freely download any files and programs but you have to be also generous to share it freely. You can also improve that software.

Some famous examples to open source projects;

Firefox
Linux and Unix-like OSs
Android OS ( mobile phone operating system )
Thepiratebay
Eclipse           ( compiler, IDE, text editor for programming )
Tux guitar     ( Guitar Pro alternative )
Open Office ( similar to Microsoft Office )
Blender ( 3d graphic software )
Chromium ( Not Google Chrome, but its brother )
GIMP ( Photoshop alternative )
Notepad ++
Perl
PHP
Python
Ruby
Apache ( web server )
Drupal   ( CMS, Content Management System )
Media wiki (wikipedia server)
Wordpress (Blog software not wordpress itself)
7-zip ( file archiver, file compresser )







See also;

Free Software
Free Software Movement
Free Software Foundation
Open Source
Richard Stallman
GNU
GPL (General Public License)
Linux and Unix-like OS's
SourceForge

On art and music

Conceptual Art
Riaa
Bono-U2

Picture Border Effect

                                                       

You see the samples above. Left one is normal image and right one with image border effect applied. So how can we do that?

I want to show you here a small trick to how to make image border effect by using java script. They call it hover effect or on mouse over effect so when user move cursor over it the script works. There are several ways to do it. You can put it in between head tags or for single picture directly into image tags.


How to do it in directly object tags.

Method 1

Directly you can use it into tags of image object.

 
 <img border="0" onmouseout="this.style.border='3px solid blue'" onmouseover="this.style.border='8px solid red'" src="YOUR PICTURE URL" />

Method 2

Or you can use it in between head tags and apply to your image.

 
<script type="text/javascript">

  function red(){

    document.picture.style.border='1px solid red';

  }

  function blue(){

    document.picture.style.border='1px solid blue';

  }

  </script>

And then to apply this script on image

 
<img src="YOUR PICTURE URL" border="1" name="image" onMouseOver="red()" onMouseOut="blue()">

Method 3

To apply this more than 1 picture you should use this.

  <script type="text/javascript">


  function red(Obj){

    Obj.style.border='1px solid red';

  }

  function blue(Obj){

    Obj.style.border='1px solid blue';

  }

  </script>

After that you can apply it to images like below. You have to use (this) for calling function.

 <img src="pic1.jpg" border="1" onMouseOver="red(this)" onMouseOut="blue(this)">


  <img src="pic2.jpg" border="1" onMouseOver="red(this)" onMouseOut="blue(this)">

Leap Motion

Here you are not even touch screen. No touch screen, Nice finger moves by the way :) .




 

Canon EOS 5d mark III

I felt in love with this machine. I hope i can get one soon. It is a professional camera which can even shut professional movies. It is really a monster. 22 pixel hd view you can get with this machine and some other technical capacity. Price is little bit expensive now like around 3000 usd but it is worth to have it if you know how to use it and also with some extra lenses maybe 300mm one it will be complete set. You can see sigma lenses which is compatible with canon. It has it is own lenses 24x105 mm but you can buy only body too if your budget not enough and then later on you can have an extra lenses. It is amazing how fast  electronic and IT improving because Canon just released their DSLR series first model just maybe 4-5 years ago and the first one with this one have huge differences.


It is one older model Mark II also quiet good. It said only difference between them is pixel is little bit higher in this and this one working more quieter.

I think only alternative for this monster is Canon 1d series last model.

What is cisco and microsoft certificates?

       Actually the question is do we really need it? Do you really need an IT certificate or self studying enough? Maybe everyone knows what Microsoft is but Cisco? What is Cisco really? Cisco is actually a network hardware producer based on San Jose, California and it is name come from San Francisco. Even in their logo is inspired by San Francisco Golden Gate Bridge. I do not know why? I think they love San Francisco too much. They are famous with their routers. Their routers use ios(not iphone), nx os, mds, SAN-OS operating systems which are mostly closed source code OS. It is founded by two Stanford University students in 1984 but their fate was not very good because their company bought for 10m. usd and they fired later on from company. Today they almost occupied  %95 of internet market, even cisco named router itself. If you use for example wireless connection probably you have a wireless g or n and Linksys it written there which is a cisco product. See the. IEEE 802.11 standards and WLAN
     
       Anyway the topic is not what they are but their courses and certificates.See the.  They have some types of certificates like CCNA, CCIE, CCNP, CNAP. See the. Actually Cisco little bit old fashioned now after Microsoft also started to give certificates like MCSE, MCSD,  See the.  Borland also had something like this before as BDN. However those certificates make you an certificated IT person and it gives you big chance to find a job all over the world.


     I  just wonder do we need to study there or self studying? I prefer to self studying. All this boring and expensive classes and in the end of class you recognize you did not get anything. But i do not know if you want to spend your money then just go there and tortured. See also this.

Why Blogger? Why Lunix? Why not Word Press and FB

Nowadays I always here this. Google becoming more spoiled and try to use their monopoly for something like putting their blogs on first pages or creating google plus against facebook. It is really amazing people saying it while they using freely Google products like blogger. Why I saying this? What this guy talking about you can ask.

First of all let me say Google is free and blogger is free and Word Press is not free. Second of all Google is more into open source things which is very important. Especially if you are writing a blog you probably have enough capability to understand web designs, internet this and that at least little bit. If not , sorry then.

Did you ever hear the word 'open source' or 'hacker'? Do you really know what they are stand for? Or what the heck is OS? Why i hate wp or fb or mac or even windows?  Do you know why? I will tell you here. Because all those above i wrote are against the nature of web, computer and whatever this technology brought to you. Freedom! Cos that guys want to make money and more money. They do not care what you need or how to help you, no!!

Maybe sometimes in some platforms in chat rooms you heard some people talking about linux. What is linux? Or any Unix-like OS. Why you should use linux? No not because it is more secure ( like some of people says, why it is more secure is little bit technical thing which i can explain later on ). No not because it is cool. Because it is open source code. What is open source what is closed source. I will not burn your brain with those technical details neither. If you read this blog for long time you recognized anyway i try to use very simple language which everybody can understand not only tech gurus. That is what basically open source means. It is not hiding from you it is source code. You yes you from any simple users. Anybody who willing to learn  can reach their source code even can change it. But you can not do it in windows or mac. Fb will never tell you how their algorithms work In the movie of Facebook Mark Zuckerberg says i am not a bad guy. No, you are a bad guy and trully bad guy. People do not need to be thieve or hacker bla bla to get tag of bad. I meant if you do not believe me you can just search and even look at wikipedia type windows. On right side box you can see it is written closed source. I do not know what they hiding. You ask them.

Anyway if you do not care anything above just keep using your ipones, ipads bla bla because it is very cool i know i know...Yes Steve Jobs you cry behind him even more than you did to your father.And hackers are veryyyy bad people :D

Href link without underline

You may probably wonder how to design your linked texts on your blog or website. Probably wondering how to make them without underlined or different colored etc.. There are two different ways to do it. You have to use css for designing it.

How to do is like that you can just write in between head tags and it will apply all your linked texts or you can just use it for specific link only single one. I prefer not to use underlines. I do not know maybe some of you either not like it. It has some disadvantages but for me it is ok.

For css inside head or external css anyway you write like this below.

Iframe

Iframe is inline frame which you can use on your website and blogger posts like here too. You can put your main page or other pages into posts or with gadgets. You can put also some websites there too. What i see is blogger does not allow you put any website there but sites like amazon or ebay can be.

Tux guitar

Alternative for guitar pro and totally free tablature editor and it is also open source program. You can also write tabs or use guitar pro tabs on it. It can read guitar pro files  like gp3,gp4, gp5.

Robot.txt

Robot.txt  is a file a text file which allows robots, search engines crawl your site better. It is not only for google bot but any search engine bots or even can be for any robot whose aim is different than searching.


You can simply write there

User-agent: *
Allow: /

What it means?" User-agent:*"   stands for any robot. Allow: / it is allowing robot search your website.

How to create a robot.txt for blogger

On dashboard, settings, search preferences find custom robot.txt. Usually default settings is disabled for it. But you can change it. Click to edit and Enable custom robots.txt content? choose yes. And underneath text area write what i wrote on top.

And top of it there is a message warn you " Warning! Use with caution. Incorrect use of these features can result in your blog being ignored by search engines.". It is true it can cause search engine ignore your site for example if you write there; "Disallow: /" instead of "Allow:/" .

Lets say you want to write it only for google. It can be. Because some malware and malicious robots can enter site if you allow any robot such as email collectors, etc..

User-agent: Google
Disallow:

User-agent: *
Dissallow: /

But this will result only google bot can crawl your site but not other search engines.

How we can use it on website not in the blog. You can use it on html meta tags between head tags. For example <meta content=robots.....


<meta name="robots" content="all" />
<meta name="robots" content="index,follow" />

and if you want they not follow a link you should put inside href tag this  rel="nofollow"