• autokana – jQuery plugin

    autokana – jQuery plugin

    Autokana is a jQuery plugin that automatically converts latin (roumaji) to kana (hiragana / katakana) using the auto-correct principle (keep in mind that it’s not suitable for converting copy/pasted but only typed-in text). You can check out how it works at autokana example page.

    You can also download the plugin (including a simple usage example) from github and use it for free.

    To use it, you will have to add the following somewhere at the beginning of your body tag:

    1
    2
    3
    4
    5
    6
    7
    <script type="text/javascript">
       // bind events when document is ready
       $(document).ready(function() {
          // attach auto-kana plugin with default options
          $("#kana_text_box").autokana();
       });
    </script>

    After that add the input box itself wherever you need it (make sure to use the same ID in the above part and in the input field itself):

    1
    2
    3
    4
    5
    6
    7
    <input id="kana_text_box" type="text" />
    <script type="text/javascript">
       // this part will clear and set focus on the input field on refresh
       // feel free to remove that part if you don't need it
       document.getElementById("kana_text_box").value="";
       document.getElementById("kana_text_box").focus();
    </script>

    If you have any suggestions or bug reports, feel free to leave a comment.

  • WordPress – Kako u WordPressu blokirati IE6?

    Microsoft Internet Explorer 6 već dugo vremena zadaje glavobolje web developerima – traži posebne setove pravila kako bi se elementi u njemu pravilno prikazali, ne podržava brojne moderne tehnologije web izrade, nedostaju mu brojna sigurnosna svojstva koja se u današnjem svijetu smatraju standardom…

    Srećom, postoje načini da se korisnike ovog zastarjelog browsera probudi iz zimskog sna i ukaže im se na to da postoji i nešto novije, ugodnije, bolje. Naravno, netko će se javiti i reći da se u korporativnim okruženjima još uvijek može naći IE6. Osobno kažem – pa šta, vrijeme je da se to promjeni, koliko je još potrebno čekati? Naravno, stvar je izbora, ali ne mislite li da bi tehnologiju umjesto pasivnog čekanja trebalo gurati naprijed, odbacujući ono što ne valja? Živio Darwinizam!

    Nedavno sam gledao kakva rješenja za problem zvan IE6 nude WordPress plugin-ovi, a zahtjevi koje sam imao bili su zapravo vrlo jednostavni. Nisam želio JavaScript koji će se polutransparentno učitati preko postojeće stranice omogućujući da se ispod njega nazire što se na stranici nalazi i da ga se može lako zaobići. Želio sam redirect na posebnu podstranicu koja će korisnika upozoriti na to da koristi zastarjeli softver. Također, želio sam da ta podstranica korisniku izbaci ikone sa prijedlozima za download nekolicine najnovijih i najpopularnijih browsera.

    Nakon par isprobanih pluginova, zaključio sam kako Stop IE6 zadovoljava moje zahtjeve te kako uz to ima i zgodan dizajn. Osim toga, još mi je jedna sitnica upala u oko – Stop IE6 je stvorio domaći developer Alen Cvitković kojemu se (ukoliko ovo čita (ili ne)) ujedno želim i zahvaliti na pisanju dotičnog plugina.

    Pridružite se i vi i gurnite web i uspavane korisnike korak naprijed za ‘opće dobro’. ;)

    Ovaj post je bio napisan za WordPress Školu koja je ugašena.

  • ReverbNation WordPress plugin not working

    reverbnation

    Ok, so you want to merge your bands Reverbnation profile with your wordpress website and you have installed the official WP plugin (v0.1 at the time) but it’s not working when you put the shortcode into a text widget? There are two possible reasons for this:

    1. Your WP theme does not support executing shortcode from widgets – find a fix here.

    2. ReverbNation server sources are commented out in reverbnation-widgets.php – find this file via FTP or through Dashboard and comment out ‘Development’ sources and enable the ‘Production’ ones. It should look like this:

    1
    2
    3
    4
    define("RN_WIDGETS_CACHE_SERVER", 'http://cache.reverbnation.com');
    define("RN_WIDGETS_WEB_SERVER", 'http://www.reverbnation.com');
    define("RN_WIDGETS_AUDIOLIFE_CACHE_SERVER", 'http://cache.audiolife.com//');
    define("RN_WIDGETS_AUDIOLIFE_WEB_SERVER", 'http://ws.audiolife.com/');

    That should do it.

    One more thing – you should probably use HTML source-code ReverbNation provides if you have an account there instead of this plugin because it’s much more versatile and provides you with more options to manipulate the appearance of ReverbNation widgets looks (v0.1).

Back to top