Friday, November 13, 2009

My new weblog

Links for nerds - my new weblog where I collect links different technology-related news.

Thursday, September 24, 2009

Sorry

There are some problems with WordPress plugin repository, so currently I cannot commit some critical changes. I am really sorry.

Tuesday, September 15, 2009

PDF and PPT Viewer - WordPress plugin for embedding documents to your posts

Recently Google published Google Docs undocumented feature that let us embed PDF documents and Power Point presentations to the webpages. Surprisingly this document viewer isn't created with Flash. All the user need to view documents is love JavaScript. Of course I couldn't ignore this cool feature and created WordPress plugin that let you embed PDF and PPT documents to your posts. The plugin is called PDF and PPT Viewer.

Installation

  1. Upload pdf-ppt-viever folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the 'Plugins' menu in WordPress.

Basic Usage

It's extremely easy to use PDF and PPT Viewer. Just start writing a new post. Then, when you need to insert PDF or PPT file to your post, press Add Media button above WYSIWYG editor. Then go to the desired tab and insert a file to the post in a usual manner. If this file is a Power Point presentation or PDF document, the plugin will determine it automatically and do the rest of work for you. As a result you'll get the file embedded to your post in the manner that is shown here. Note that if you insert the file from your media library, you should set Link URL to the File URL.

You can set size of the viewer to fit the theme that you use. Go to Settings -> Miscellaneous in the WordPress menu and set corresponding values in the PDF and PPT Viewer settings section.

Advanced usage

PDF and PPT Viewer supports shortcodes. It means that you can write code like [pdf-ppt-viewer href="document_uri" width="viewer_width" height="viewer_height"], e.g. [pdf-ppt-viewer href="http://infolab.stanford.edu/pub/papers/google.pdf" width="400" height="500"], which will embed PDF or PPT document to your post. All arguments, except href, are optional. By default, widht and height of the viewer are set according to blog settings. Using this way of embedding documents, you can save your time and have a better control over viewer's size.

Supported platforms

PDF and PPT Viewer supports all modern browsers. The plugin doesn't require installation of non-standard PHP extensions on your server, so you will not have problems with your hosting provider. PDF and PPT Viewer works with WordPress 2.8 and higher.

Resources

PDF and PPT Viewer in WordPress plugin directory

Download

Good luck!

Learn the basics of jquery with our CISSP dumps. Download 642-902 dumps to learn how to create jQuery plugins and become expert using 70-640 dumps.

Thursday, September 10, 2009

Media Finder - WordPress plugin for searching images and video

Do you like WordPress? I do. This engine probably doesn't have the best architecture, sometimes its code is just awful, but its agility and excellent user interface attract lots of users around the world. I decided to contribute to the development of WordPress community and wrote a plugin Media Finder.

This plugin helps you find images and video on Flickr and YouTube quickly and easily and insert them to your post with one click. A lot of readers find posts with illustrations more interesting in comparison to the text-only posts. But we often don't have necessary illustrations which fit the subject of our posts. Here Media Finder can help you. It lest you find mediafiles on the largest storages of video and images on the internet, and illustrate your posts with them.

Installation (will take no logner than a minute)

  1. Upload media_finder.php file to the /wp-content/plugins/ directory.
  2. Activate the plugin through the 'Plugins' menu in WordPress.

Usage

It's extremely easy to use Media Finder. Just start writing a new post, then, when you need to insert image or video, press Add an Image / Add Video button (above the text editor) and go to Search tab on the opened window. After that enter the search query and press Enter. You'll see search results pretty soon after that. If you've searched for images, then in addition to inserting to the post, you can view it's larger version. And if you've searched for video, you can view larger version of the preview image and watch the video. And that's it!

UPD: From the version 0.0.2 I have added 2 options for the images search. First, you can specify the order of the images - by relevance, publication date or interestingness. Second, you can choose the license, end Media Finder will search only for images that support the chosen license. Thanks to iCounsellor who suggested this feature. In addition, all images that you insert to your post are by default linked to the author's photostream, because Creative Commons license requires it, but you can change it easily, if you want.

Supported browsers

FF2+, IE6+, Opera 9+, Google Chrome.

Web hosting support

Media Finder requires curl PHP library to be installed on your server. As an alternative, allow_url_fopen flag in php.ini flag should be set to 1. Don't worry, most fo the servers have the required library installed. If not, contact your hosting provider support service.

Support of different WordPress versions

I have tested Media Finder using WordPress 2.8.4, but earlier versions can also work. You can install the plugin and check whether it's compatible with your version of WordPress. Media Finder doesn't use database and doesn't make any unalterable actions, so you won't have trouble even in case of incompatibility.

UPD: Media Finder works with WordPress 2.7 and higher.

How you can help

  1. Just use Media Finder.
  2. If you like it, tell your friends or write a little post about it.
  3. If you find a bug or have an idea that will help to improve the plugin, write about it here in the comments.
  4. If you think you can improve design or functionality of the plugin and you wish to do it, I'll be glad to collaborate with you. Write to Kadalashvili at Vladimir at gmail dot com.

What I am planning to do

Of cource, I am planning to fix bugs as soon as possible. In addition, I am going to test the plugin for compatibility with earlier versions of WordPress. I am also going to add some options for search, for example, sorting the results by date, relevance or popularity. If you have some ideas about adding new features, please share them.

Resources

Media Finder on WordPress plugin directory
Download
Happy blogging!

Friday, July 31, 2009

SexyCombo 2.0.7 released

I have just released new version of SexyCombo jQuery plugin. This release was very productive. I have fixed all (I hope) bugs related to IE6. dropUp config option is now deprecated, the plugin can determine whether option list should go down or up automatically. Some minor changes related to usability were also made.

Friday, April 3, 2009

Must read!!!

11 jQuery Plugins to Enhance HTML Dropdowns - a great article about jQuery plugins that can customize default selectboxes. Must read!!!

Tuesday, February 24, 2009

Sexy Combo jQuery plugin

Introduction

Sexy Combo is a jQuery plugin that allows you to turn default browser selectboxes into much more attractive and usable comboboxes. The user can choose whether to select option from the dropdown list or just type it. This widget reaches its maximum efficiency when we have selectboxes with lots of options (e.g. countries or states), so it would be difficult for users to find option in the huge list.

The plugin is usable not only for end users, but also for developers. Sexy Combo has a lot of configuration options so you can modify its behaviour and appearance. FRom this version the core CSS file is separated from the CSS that provides combo's appearance, and now you are able to easily create new skins for the plugin.

Examples

Please view demo page to see the possibilities of Sexy Combo.

Installation

Please follow these instructions to install Sexy Combo:

  1. Download and unpack the archive.
  2. Include jQuery and plugin files to your web page:
     <script type="text/javascript" src="path_to_plugin/lib/jquery-1.3.2.js"></script>
     <script type="text/javascript" src="path_to_plugin/lib/jquery.sexy-combo-2.0.js"></script>
     
  3. Include core and skin CSS files to your page:
         <link rel="stylesheet" type="text/css" href="path_to_plugin/lib/sexy-combo.css" />
         <link rel="stylesheet" type="text/css" href="path_to_plugin/skins/skin_name/skin_name.css" />
         
  4. Done! Now make your selectboxes look and behave sexy!
     $("select").sexyCombo();
     

Usage and configuration options

Sexy Combo has a number of configuration options that are passed to the plugin in the form of JavaScript object, e.g. $("select").sexyCombo({triggerSelected: true});. The full list of options is:

  • (string) skin - name of the skin that will be applied to the combobox. Default is "sexy"
  • (string) suffix - this option allows you to configure text input's name. The suffix will be appended to the name of the selectbox. Default is "__sexyCombo".
  • (string) hiddenSuffix - the same as previous, but for the hidden input. Default is "__sexyComboHidden".
  • (string) initialHiddenValue - the initial value of the hidden input of the combo. Default is "" (empty string).
  • (string) emptyText - if provided, will be shown when an empty text input has no focus.
  • (bool) autoFill - if true, user's input will be autofilled with the value of the first item of the dropdown list. Default is false.
  • (bool) triggerSelected - if true, the selected option of the selectbox will become the initial value of the combo. Default is false.
  • (function) filterFn - a filter function that determines which options should be in the dropdown list. This function takes two parameters - current text input value and dropdown list item's value, and should return true if item should be in the dropdown list, otherwise false. Default is null.
  • (bool) dropUp - if true, the dropdown list will appear above text input. Default is false.

It is possible to create multiple comboboxes from which users can choose more than one option. All you need is to set "multiple" attribute of your selectbox to true, or set multiple config option to true if you create combo without selectbox. Currently this option does not work with autoFill config option. It will be fixed in one of the futute releases.

You are also able to create combos without using existing selectboxes. If you want to do this, you should use static method of jQuery.sexyCombo object named create, for example:

      $.sexyCombo.create({
          id : "id",
   name: "name",
   container: "#container",
   data: [
       {value: "1", text: "First option", selected: true},
       {value: "2", text: "Second option"},
       {value: "3", text: "Third option"}
   ]
      });
      

Below is the list of configuration options for static creating of comboboxes. You can pass them to the create method together with options we have discussed above.

  • (string) name - the name of the selectbox that will be created. Optional. Default is "" (empty string).
  • (string) id - the id of the selectbox that will be created. Optional. Default is "" (empty string)
  • (mixed) container - jQuery selector, jQuery object or DOM element that will hold the widget. Optional. Default is $(document).
  • (array) data - data that contains information about combo's options. This is an array of objects, which should have three properties - value(value of the option) and text(text that is displayed for this option) and (optionally) selected (if set to true, option's "selected" attribute will be set to true. Makes sence only with triggerSelected config option set to true). This option is required.
  • (string) url - the URL of JSON object that contains data for combo's options. Object's format is the same as for data option. If specified, data option will be ignored.
  • (object) ajaxData - data that will be passed to AJAX request.
  • (bool) multiple - if true, the combobox will be multiple. Default is false.

Appearance customization

In this version I have separated core CSS and presentational CSS, so now it's possible to create new skins for Sexy Combo. The download package contains one example skin. Feel free to create your own based on it.

Browser compatibility

Sexy Combo has been tested and works on the following browsers:

  • Internet Explorer 6 (PC)
  • Internet Explorer 7 (PC)
  • Firefox 1.5 (Linux)
  • Firefox 2 (Linux)
  • Firefox 3 (PC)
  • Opera 9 (PC)

Support project

Every user of Sexy Combo adds some value to it, so you help me by just using it. However, if you want to help more, you can do the following:

  • Tell the world about Sexy Combo. You can write an atricle or a blog post about it or just tell your friends/collegues about it.
  • Test it on browsers that are not currently supported "officially".
  • Report a bug.
  • If you are web designer/developer, I will be glad to collaborate with you. If you have some suggestions on design/programming, feel free to email me at Kadalashvili at Vladimir at gmail dot com.

Please don't donate money, it's needless.

Want to hire JavaScript programmer?

Please view my CV

Resources

Learning of jquery-plugin is simple and easy with our 70-680 dumps and SY0-201 dumps. Learn JQuery to create impressive client-side-based user interface components using 642-813 dumps.

My CV

Vladimir Kadalashvili

Address:

Uzbekistan, Tashkent, Karasu 3, 13, 73

Email: Kadalashvili.Vladimir@gmail.com

Phone: +998903288184

Weblog: http://vladimir-k.blogspot.com

Skills

Programming languages:

PHP, JavaScript, Python, SQL

Databases:

MySQL only. I like to write fast and well-optimized SQL queries. I can also study another database engines if needed.

Markup languages:

XHTML, CSS, XML, XPath, RSS, Atom

Frameworks:

Zend Framework (PHP), Django (Python), jQuery, jQuery UI, Prototype, scriptaculous, ExtJS (JavaScript), Blueprint (CSS)

Frontend development:

Producing standards-compliant and cross-browser XHTML / CSS, understanding concepts of semantic XHTML, ability to make layouts without using tables. Very strong knowledge of writing clean, cross-browser JavaScript. A great experience of working with jQuery (my favourte JavaScript library). I have also some experience with Prototype, but I don't like it so much. Like to use Blueprint as a CSS framework, but able to make layouts from the scratch.

Backend development:

Have a great experience with PHP, my current duties include PHP coding. But I like Python mostly, it's the most beautiful language I think. But I have no a lot of experience with Python.

Coding:

I like to write code for both computers and humans. Have a strong sence of what I call "beautiful code", and I like tools that can help me to produce such a code - jQuery, for example. Have a strong habit to write self- and well-commented code.

Web security:

Understanding the concepts of web security, preventing SQL injections, XSS, DOS attacks. Strong habit to validate user input and log everything.

CMS / Publishing platforms:

WordPress, Drupal, Joomla. Writing plugins / creating themes.

APIs:

Twitter API, Google Chart API, Facebook API, Goolge gadgets API.

Operating systems:

Windows XP, Linux. Prefer working in Linux.

IDEs:

Zend Studio, Macromedia Dreamweaver.

Experience

I am currently working for Witamean web studio. Current duties include writing PHP / JavaScript / CSS code. I have worked at this company for 1.5 years.

I am also developing a number of small open-source projects, so you can evaluate my coding skills. These projects are:

  • Sexy Combo - my favorite and most successful jQuery plugin (more than 1000 downloads from Google Code only). It'sa widget that aims to replace default browser selectboxes - users can not only select values from the list, but also to type them. Nice, usable, customizable, object-oriented. You are strongly encouraged to take a look at it.
  • Rich Array - jQuery plugin for performing various operations with arrays.
  • Sexy Vote - jQuery plugin that is a voting widget similar to Google Groups.
  • Submit Killer - jQuery plugin for killing form submit.
  • Timed Event - jQuery plugin that allows to make buffered and delayed event hadnlers very easily.
  • Progmatic - Google gadget that displays news for programmers from Slashdot, Hacker News, Digg and Reddit. News from each source are displayed in a separate tab.
  • Hot or Not - Google gadget that displays pics from Hot or Not website in a very attractive form, using tabs navigation.
  • Hot or Not Lite - the same as previous one, but without tabs feature.

About you

I want to work in a small team of tech guys where I can do amazing things that will help people. I would like to work as a JavaScropt programmer, but can also do server-side coding. If I will be allowed to use jQuery in my work, it would be a great plus. Expected salary is $1000 / month.

Testing tasks

I am not good at writing CVs, so if you are interested in hiring me, I will be glad to complete testing task for you to show my skills.

Thursday, January 22, 2009

Who is the hottest?

I have just developed new iGoogle gadget for Hot or Not called Hot or Not Lite. It does almost the same things as the previous, but without tabs stuff. With Hot or Not Lite you can choose which pictures (girls, guys or the best) to see in the gadget's settings. I have three reasons for this decision. First, a lot of users don't need to see all this stuff - girls, guys and the best. For example, I watch only girls' photos. Second, tabs and user preferences didn't work well with syndication services - for example, they didn't work properly with Blogger. I don't know whether it's a Blogger issue or syndication issue in general. Third, the gadget will be more lightweight because of tab's absense.

Both of the gadgets for Hot or Not are usable and attractive. I developed the second gadget to satisfy more users' needs. But if you want to embed it to your website, Hot or Not Lite will work better. Install, use, enjoy and become the hottest!

Install Hot or Not Lite on your iGoogle page

Embed to your website

Wednesday, January 21, 2009

Hot or Not news

I have just placed Hot or Not gadget on my blog's sidebar. There are some problems related to Blogger's gadgets implementation. Gadget works perfectly on iGoogle, but some strange errors appear in Blogger, and I haven't created workaround for it yet. But I decided to leave it in order to give impression about it to my visitors. I will work further on this gadget in order to reduce loading time and fix Blogger-related issues. Install it and enjoy!

Saturday, January 17, 2009

The hottest people on your iGoogle page

Many of us use one of the most popular Facebook applications named Hot or Not. I am personally a fan of this application, and I met a lot of new friends using it. I will not explain here how it works - you can try it yourself if you haven't used it before. I just want to say that I have just released new Google gadget that can display the hottest girls and guys on your iGoogle page. If you like hot people, you should really use it.

Add to iGoogle

Embed to your website

Thursday, January 8, 2009

World News

All best world news in one place. Syndicated from Digg, Reddit, Yahoo! News and CNN.com. News from each source are displayed in separate tab. Discover the world!

Add to iGoogle

Embed to your webpage

Wednesday, January 7, 2009

Scientific

My new google agdget that displays scientific news. Syndicated from four sources - Digg, Reddit, Y! News and Google News. News from each source are displayed in a separate tab.

Add to iGoogle

Embed to the website

Monday, January 5, 2009

Entertainment News

My new Google gadget. Digg, Reddit, Y! News and CNN are sources of data.

Add to iGoogle page

Embed to your website

Sunday, January 4, 2009

TechNews - google gadget for everybody interested in technology.

TechNews shows you the latest and most interesting technology news from 4 sources - Digg, Reddit, Y! News and CNN.com.

Install to iGoogle page

Embed to any website

Politician: all politics in your iGoogle page

Are you interested in politics? If yes, I encourage you to install my Google gadget called politician. It displays political news from four most authoritative sources - Digg, Reddit, Y! News and CNN.com.

Install to iGoogle page

Embed to your website

Friday, January 2, 2009

Gameplay: google gadget for true gamers.

I have just released new Google gadget called Gameplay. It syndicates top gamer's news from four sources - Digg, Reddit, Yahoo! News and Slashdot. News from each site are displayed in separate tab. If you are true gamer, I encourage you to install it to your iGoogle page or embed to your website. Install, play and enjoy!

Thursday, January 1, 2009

Progmatic: the best programmer's news in one place

I have just finished Google gadget that displays the most interesting news for programmers from four sources - Slashdot, Hacker News, Digg and Reddit. Top 5 news are displayed from each site, each in separate tab. If you want to get more access to the best technology news, you should really use it. You can install it to your iGoogle page or embed to your web site. If you want to view source code, it is here.