Freelancer ID blog

Drag and Drop with jQuery for Touch Devices

Freelancer ID — Mon, 23 Jan 2012 11:51:23 +0000

In the last post: Drag and drop with HTML5, i explained how to drag and drop using HTML5 and Javascript (jQuery). I mentioned that touch devices such as iPhone, iPad, BlackBerry, Samsung…. etc, does not support HTML5 Drag and Drop features. Now, in this post, i want to explain how to make Drag and Drop [...]

How to: Drag and Drop with HTML5

Freelancer ID — Mon, 26 Dec 2011 20:55:27 +0000

Drang n’ Drop in HTML 5 is supported by: IE9+, Firefox 3.6+, Safari 4+, Opera 11+ and Chrome 12+. But its not supported yet for touch devices like Touch Mobiles and Tablets. To make things more clear, its not only HTML 5.. Its a combination between HTML 5, CSS 3, and Javascript. Why we combine [...]

How to convert HTML Forms into AJAX simply

Freelancer ID — Mon, 07 Nov 2011 03:19:38 +0000

Hellow reader, You may have a normal HTML Form, like: contact form, feedback form or any other forms in your website or any website you work on.Did you think how diffecult converting this FORM into AJAX? Let me say, it will be very simple. Simple as 1 minute of changes. How is that, right?Using the [...]

15 Free Ebooks for Front-End Development and Design

Freelancer ID — Wed, 13 Jul 2011 08:31:39 +0000

Hi reader,I have collected 15 free ebooks for front-end development to put it between your hands. Not all are PDF files, some are websites and online samples. I hope you enjoy them: Div into HTML 5 Designing Web Animation HTML5 WTF? The Web Book jQuery Fundamentals Web design in a Nutshell Designing for the Web [...]

5 Resources for Free PNG icons

Freelancer ID — Sat, 09 Apr 2011 10:43:54 +0000

I have collected 5 resources for free PNG icons. They could be used on websites, mobile applications and other stuff. They are available with multi-dimentions as follow: 1) 25 Glossy iPhone style icons These icons are available with PSD file. Free to download. 2) 99 Vector Icons (AI file) Monocrome vector icons useful [...]

10 Top jQuery Plugin for Images – 2011

Freelancer ID — Fri, 25 Mar 2011 09:30:32 +0000

1) Nivo Slider: A stunning jQuery image gallery with 16 unique transition effects. Comes with many featrues and compatible with most browser versions (IE 7+, Firefox v3+, Google Chrome v4+, Safari v4+ and Opera v10+). I like this plugin and i recommend it. 2) Gloss: Gloss is not an image gallery, it’s a lightweight jQuery [...]

jQuery File Upload – With Drag n’ Drop

Freelancer ID — Fri, 18 Mar 2011 15:20:03 +0000

jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads. The plugin is based on open standards like HTML5-JavaScript and No Flash. For legacy browsers it falls back to an Ajaxed-like iframe-PHP solution. Multiple files can be selected, they can even be drag ‘n’ dropped from the desktop and [...]

15 Free IDEs for Developers

Freelancer ID — Fri, 18 Mar 2011 15:04:55 +0000

Komodo Edit (Windows, Mac, Linux) Komodo Edit is an open source application that has support for PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5 and CSS 3. It has syntax coloring, folding, background syntax checking, auto-complete and calltips. It also includes libraries for autocompletion for jQuery, Ext JS, Ruby on rails and more. I [...]

jQuery Gloss Plugin

Freelancer ID — Mon, 17 Jan 2011 10:18:07 +0000

It’s lovely to make you webpage interactive. jQuery plugins add effects to multiple elements of HTML. jQuery Gloss adds a Gloss (shining) effect to images by simple and lightweight code. This effect is added on hover effect (mouseover, mouseout). This plugin is ~2.2 Kb and it’s simple as: Add a DIV element to hold the [...]

Make your website faster with Google tips

Freelancer ID — Mon, 22 Nov 2010 22:31:26 +0000

Inside the Let’s make the web faster website, Google is sharing the tips & tutorials for better performing web pages like: HTTP Caching, PHP performance, Javascript optimization and more. Besides the articles, It is possible to reach videos of speeches by several organizations on website performance. Also, links to various tools for the issue provided [...]

Easy Gallery 2

Freelancer ID — Wed, 20 Oct 2010 14:11:06 +0000

I recently have released a new version of Easy Gallery plugin. In this version, I have added a continuous sliding animation regarding to many requests to add it. My first version of this plugin located here: http://www.freelancer-id.com/easy-gallery/ $(document).ready(function (){ $("#gallery").egallery({ width:500, height:230, speed: 1000, delay:4000, easing:'easeInQuart', thumbs:'numbers', thumbClass:'tclass', aClass:'ac' }); }); The new version has [...]

New and Easy Gallery for jQuery

Freelancer ID — Sun, 01 Aug 2010 10:01:49 +0000

In Thursday, July 29, I have published a new jQuery gallery plug-in named as Easy Gallery. This gallery is easy to be used and has a simple code. Not talking too much about it, i will provide you with all links available. But let me tell you how does this gallery work: The HTML code [...]

Apply a custom font to your website, Works on all Browsers

Freelancer ID — Wed, 02 Jun 2010 21:17:43 +0000

For web developers and web designers who want to add their FONT to websites without using Standard Web Fonts and without making text as images. Google has create a Google Font API for public use to give web developers and web designers the ability to use extra fonts on the web, not only the standard [...]

PHP image class (upload, resize, crop)

Freelancer ID — Sun, 21 Mar 2010 15:23:38 +0000

There is a lot of PHP classes for upload, resize and crop images. But I created this one for many reasons as mentioned below: Ease of use. Flexibility. PHP version: 5 or later. Can upload, resize and crop image.. All in one. After knowing the reasons for making this class, let’s know how it works. Let me explain [...]

Must know to secure your web host

Freelancer ID — Wed, 23 Dec 2009 10:04:50 +0000

I would like to talk about hacks and how to secure your code in 2 levels. The 2 levels are: Code level. Server (host) level. The rist for not securing these two levels are: Losing important data. Losing your database. New files and folders created on your server (hack). updating your current files by adding maleware [...]

More about jQuery AJAX

Freelancer ID — Tue, 13 Oct 2009 14:44:54 +0000

jQuery made AJAX simple by using .ajax() function. The syntax for this function is: $.ajax( /* properties */); Now let me explain what properties we can use in this function. First, I would like to tell you what basic (standard) options for .ajax() as follow: Properties: - url: String /* The URL to send the [...]

jQuery Animate – Advanced

Freelancer ID — Thu, 24 Sep 2009 16:01:08 +0000

In the last jQuery Animate article I wrote, I mentioned how to use the .animate() function with few tricks. But here, I am going to write about jQuery Animate function in general and I will explain few things and some tricks. The jQuery Animate is a smart object because could be used at any syntax. [...]

jQuery: Catch Keyboard Events

Freelancer ID — Thu, 18 Jun 2009 16:18:22 +0000

Lot of jQuery projects relies on keyboard/mouse event like pressing “p” for previous and “n” for next also using the arrows. Because this is important, I have managed a code to get the keyboard character on 3 events: - Keypress - Keyup - Keydown I have created a function to return the key as below: [...]

jQuery Image Map

Freelancer ID — Wed, 03 Jun 2009 10:05:55 +0000

Hi reader, Today i have experienced something new with images. I created HTML page contains image. This image was mapped by using <MAP tag. Actually, You can’t find these areas when are browsing this page.. Because these areas (dimensions) are hidden and have nothing to be identified. So, I was looking for way to identify [...]

jQuery Animate

Freelancer ID — Tue, 19 May 2009 17:58:30 +0000

Here I will mention how to use the jquery animate function and the usability and flexibility of it. The syntax of this function is: $.animate(options, settings, callback); /* you can replace setting with duration (in milliseconds) or words: 'slow', 'normal' or 'fast'. callback is optional */ Below is a list of popular and most used [...]