10 jQuery Essentials

Its now a few weeks of my using jQuery as the standard JavaScript library for my web projects. I’m really fascinated with the super-easy writing of JS using jQuery. In the course of using it for normal usages, I had to add a few other functionalities using Javascript. Before trying to find out a solution myself, I searched for jQuery based solutions for those. And here is a list of some of the excellent resources I found on the web:

1. Interface Elements

“Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.”

2. jQuery Tabs

“It’s a jQuery plugin that lets you create JavaScript tabs very easily – once you assembled the HTML with just one line of JavaScript code.”

3. jQuery Start Ratings

“Here is a quick and dirty re-creation of a star rating plugin. This is a fully degradable plugin that creates the Star Rating interface based on a simple form structure.”

4. jEditable – in place editing

“My name is jEditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different xhtml elements.”

5. jQuery Date Picker

“Welcome to the homepage for version 2 of the jQuery datePicker plugin. This is a complete re-write from the ground up to add power and flexibility to the date picker.”

6. jQuery Multi File Upload

“jQuery.MultiFile is a plugin for jQuery to help users easily select multiple files for upload in a concise quick and easy manner.”

7. jQuery Portlets

The portlets feature drag/drop, expand, collapse and many more features!

8. jQuery Autocomplete

jQuery plugin: Autocomplete is very easy to integrate to your existing forms.

9. Better tooltip

This plugin enhances the default tooltips. You can style them via stylesheets and improve their behaviour. The tooltip is shown at the mouse position and moves if there isn’t enough space.

10. Form Validation

An excellent way of validating your forms with a mix of jQuery, CSS and some HTML markup. Truly marvelous!

That’s full pack! I hope these will help you out with you jQuery’ing. Many other sites helped me find these resources, including Google, Ajax Rain, Ajaxian, and AJAX Magazine.

Goodbye for today!

Md Emran Hasan
Co-founder & CTO
Right Brain Solution Ltd.

Web 2.0 how-to design style guide

Yesterday I found this excellent Web 2.0 how-to design style guide by Ben Hunt. I accidentally found it while searching with the keyword “Web 2.0” in google’s new blog search.

This style guide focusses on the new trends in the web 2.0 designs such as:

  1. Simplicity
  2. Central layout
  3. Simple nav
  4. Bold logos
  5. Bigger text
  6. Strong colours
  7. Rich surfaces
  8. Gradients
  9. Reflections
  10. Cute icons

I can bet you’ll like this site as anything. Also do browse the other sections of the site, its a gold mine!!

Repository of DB Models

We all have designed databases in our life in various occasions. Its quite a fun job for small scale db, but gets hectic when lots of relations come into play. What if someone helps you out with a sample db model on the topic that you are going to make? Wouldn’t it be helpful if you can get an idea about the various entities, know some of the basic business rules and see a sample E-R diagram before starting?

Barry Williams thinks so and has built Llibrary of Free Data Models to help the database makers out there. Its a collection of over 400 ‘Kick-start’ data models that he created in the last 5 years. The top 10 most demanded models of the library are (full list here):

  1. Libraries and Books
  2. Inventory Control for Retail Stores
  3. Hotel Reservations
  4. Video Rentals
  5. School Management
  6. Clients and Fees
  7. CD collections
  8. Customers and Invoices
  9. Payroll
  10. Apartment Rentals

So, bookmark this site and use as a reference for any new data model you need to work with.

Bangla Unicode Phonetic Parsing Script

The Bangla Unicode Phonetic Parsing Script is here !!! This has been a great development and the bangla web community will be delighted to use this script wherever they want to write Bangla in UNICODE (in phonetic way).

The ease of implementation of the script gives a kick-start to the developers who want to harness its value. And a intuitive keyboard switching mechanism sets the users at ease – no need to take your hands off from keyboard while you want to mix English and Bangla !

The next steps would be to make it a standard solution in this arena – having support for all major browser versions. We are looking forward to seeing more development of it!

Hats off to you Hasin !

Pageflakes, here I come !

Although it’s been a while I am in touch with Pageflakes, recently I have joined in the development team as a Development Engineer.

I started as a community developer, developed some small flakes, and then was asked to join the team as a developer. Currently my days in Pageflakes are going with much excitement as working in Pageflakes is fun!

We need to do so much things before releasing a new feature, yet the excitement is never less !! We develop flakes, we test them, the flakes pass through life cycle but when its released and used by many users, you can’t help flying in the air in excitement !

Are you using it?

I am now a somewhere in…partner

Today I have been included as a member of styret in somewhere in… It’s a long awaiting status that I have been dreaming of since I joined in May 01, 2005 ! It took a longer time than usual as I was working in a part-time basis.

I believe that I have learnt a lot of things during my stay in somewhere in… for the last few months. These learnings not only includes developer’s knowledge, but also includes strategic thinking, social networking, afoofa, community involvement, collaboration and many other excellent knowledge.

In my own judgement, I see my days in somewhere in… as an investment in creating a better future: both from personal and organizational viewpoint. Not only I learnt many things but also I helped my company in creating colorful moments !

At the end, I can see that my responsibility has increased with this status and I assure everybody that will strive for fulfilling it to the farmost extent.

Incredible photoshop artwork !

You gotta see this incredible artwork by Bert Monroy created in Photoshop. Here is a stat by himself:

• The image size is 40 inches by 120 inches.
• The flattened file weighs in at 1.7 Gigabytes.
• It took eleven months (close to 2,000 hours) to create.
• The painting is comprised of close to fifty individual Photoshop files.
• Taking a cumulative total of all the files, the overall image contains over 15,000 layers.
• Over 500 alpha channels were used for various effects.
• Over 250,000 paths make up the multitude of shapes throughout the scene.

Damen

Everybody, Somebody, Anybody, & Nobody

This is a little story about four people named Everybody, Somebody, Anybody, and Nobody.

There was an important job to be done and Everybody was sure that Somebody would do it.

Anybody could have done it, but Nobody did it.

Somebody got angry about that because it was Everybody’s job.

Everybody thought that Anybody could do it, but Nobody realized that Everybody wouldn’t do it.

It ended up that Everybody blamed Somebody when Nobody did what Anybody could have done.

A review on “AJAX and PHP: Building Responsive Web Applications”

A few weeks back, I received a review copy of the book AJAX and PHP: Building Responsive Web Applications by Packt Publishing. After going through it and finding thats its a good one, I decided to write a review on it. So, I sat today and wrote a few lines about it in Amazon. Here is an excerpt from the review:

AJAX and PHP: Building Responsive Web Applications

Solid package bundled with great AJAX and PHP code

“After telling you everything you need to boost your own site with AJAX, they start to tell you how you can avail different AJAX functionalities in your site – Form Validation, Auto complete, Real-time Charting, Drag-n-drop, and so on. These are divided in the rest of the book in chapters. Each of them has a real-life working example that can make you think “Oh man!! I was looking for this to be in my site!!!” Although it’s more code than theory, you won’t loose the path as they start the chapters with a problem-solving manner and after showing the code, explain them step-by-step.”

You can see the full review here.

Cake PHP : The ‘right’ framework!

My search for the right framework has ended today, when I discovered the Cake PHP framework ! By right framework, I am meaning the one:

  • having an easy learning curve,
  • facilitating the MVC pattern,
  • seperating display and business logic in a ‘meaningful’ way, and
  • with which making web apps is possible in considerably low time.

Well, to my surprise, Cake gives me all these and goes beyond my expectation. Maybe becauz the idea of Cake has come from the growingly popular Ruby on Rails. Nevertheless, to me the most important thing is that I am not going to switch to other language frequently (as I’ve built my competency in PHP for some time).

So, whats so special with Cake ? Lemme tell you some:

  • MVC pattern
  • Almost zero configuration (you just need to tell you db config to start)
  • Various application helper (Html, JavaScript, Date, etc)
  • Support for Ajax (using the famous prototype library)
  • In-built validation
  • Access Control Lists (ACL)
  • Security, sanitization, session handler, etc.
  • A very active community !

I hope you’re impressed enough. No, no….don’t take it as other frameworks you’ve tried already….test it out !! You wont regret.

Ok, cya you in the kitchen !! We’re baking yummy cakes !