i-keng.com http://www.i-keng.com free php scripts ajax web resource Mon, 05 Mar 2012 06:37:34 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 DHTMLX Touch – A JavaScript Framework for Mobile and Touch Devices http://www.i-keng.com/2012/03/05/dhtmlx-touch-a-javascript-framework-for-mobile-and-touch-devices/ http://www.i-keng.com/2012/03/05/dhtmlx-touch-a-javascript-framework-for-mobile-and-touch-devices/#comments Mon, 05 Mar 2012 06:37:34 +0000 i-keng http://www.i-keng.com/?p=224 DHTMLX Touch is a JavaScript library which heavily makes use of HTML5, for building mobile web applications.

It’s not just a set of UI widgets, but a complete framework that allows you to create cross-platform web applications for mobile and touch-screen devices.

The framework is compatible with multiple devices and applications built with it will work smoothly on iPad, iPhone and Android.

The library is free to be used in GPL-licensed applications and currently in “alpha” stage but updated/improved regularly.

There is also a visual-designer for the library for building web applications with drag’n drops.

 

Website: http://www.dhtmlx.com/touch/

]]> http://www.i-keng.com/2012/03/05/dhtmlx-touch-a-javascript-framework-for-mobile-and-touch-devices/feed/ 0 Flexible Notifications With jQuery – noty http://www.i-keng.com/2012/02/27/flexible-notifications-with-jquery-noty/ http://www.i-keng.com/2012/02/27/flexible-notifications-with-jquery-noty/#comments Mon, 27 Feb 2012 06:41:02 +0000 i-keng http://www.i-keng.com/?p=220 noty is a jQuery plugin for creating user-friendly, “JavaScript-alert alternative”notifications very easily.

It has built-in support for alert, success, error and confirmation messages and they can either be displayed as HTML elements that fade in/out or as modal boxes.

The notifications can be displayed on any part of a web page (top, bottom, center, top left or top right) and many options exist for customization (speed of open/close animations, display duration, being closeable or not and more).

Each notification is displayed from a queue in an order which is nice for making sure each item is shown.

There are various callbacks provided and an online editor exists for customizing the notifications.

 

Website: http://needim.github.com/noty/
Download: https://github.com/needim/noty

]]> http://www.i-keng.com/2012/02/27/flexible-notifications-with-jquery-noty/feed/ 0 Instant CRUD Interfaces With PHP (CodeIgniter): GroceryCrud http://www.i-keng.com/2012/02/27/instant-crud-interfaces-with-php-codeigniter-grocerycrud/ http://www.i-keng.com/2012/02/27/instant-crud-interfaces-with-php-codeigniter-grocerycrud/#comments Mon, 27 Feb 2012 06:35:43 +0000 i-keng http://www.i-keng.com/?p=217 For data-driven web applications, we usually create an admin interface for managing this data where many parts of it are actually about listing records within a grid.

GroceryCrud is a CodeIgniter-powered resource that can auto-generate a fully-functional create/read/update/delete interface very quickly.

Once it is integrated into a CodeIgniter installation, a new grid with CRUD features can be created with only a few lines of code and it can have pagination, sorting + search, all with Ajax.

The generated data-entry forms can have both server-side and client-side validation where custom rules can be integrated easily.

It is possible to only use the desired columns and there are callbacks almost everywhere for further customizations.

 

Requirements: Codeigniter 2.0+

Website: http://www.grocerycrud.com/
Demo: http://www.grocerycrud.com/examples
Download: http://www.grocerycrud.com/downloads

]]> http://www.i-keng.com/2012/02/27/instant-crud-interfaces-with-php-codeigniter-grocerycrud/feed/ 0 Intype – A Speedy & Flexible Text Editor For Developers http://www.i-keng.com/2012/02/27/intype-a-speedy-flexible-text-editor-for-developers/ http://www.i-keng.com/2012/02/27/intype-a-speedy-flexible-text-editor-for-developers/#comments Mon, 27 Feb 2012 06:29:54 +0000 i-keng http://www.i-keng.com/?p=212 If you like working with lightweight editors when coding or willing to switch to a lighter one, Intype is a very nice option.

It is a fast-loading text editor that has support for syntax highlighting and snippets on most of the popular languages (and new ones are being added regularly).

The application can handle multiple projects, allows browsing/managing the files of them and comes with advanced editing features like:

  • the ability to select multiple text and editing at once
  • smart column selection (selecting all text inside an unordered list)
  • snippet insertion
  • and more..

P.S. It also has a “distraction-free” editing mode which is great for focusing on the code and nothing else.

 

Website: http://inotai.com/intype/

]]> http://www.i-keng.com/2012/02/27/intype-a-speedy-flexible-text-editor-for-developers/feed/ 0 Generate A Base CSS From HTML http://www.i-keng.com/2012/02/05/generate-a-base-css-from-html/ http://www.i-keng.com/2012/02/05/generate-a-base-css-from-html/#comments Sun, 05 Feb 2012 16:48:23 +0000 i-keng http://www.i-keng.com/?p=207 When creating/designing a web page, we either start with the HTML, build the structure and style it later or style-while-structuring.

If you design with the 1st approach and bored of creating a CSS file with copy-pasting all those class + id names, here is a quick solution:

Bear CSS is a free-to-use web application that generates a stylesheet with all the elements, ids and classes from a given HTML file.

The app is mostly useful for projects with a pretty long HTML and it would be better if Bear CSS had asked which items to include inside the stylesheet just after the upload -feature request

Website: http://bearcss.com/

]]> http://www.i-keng.com/2012/02/05/generate-a-base-css-from-html/feed/ 0 jQ.Mobi: jQuery-Like JavaScript Framework For Mobile (But Smaller & Faster) http://www.i-keng.com/2012/01/16/jq-mobi-jquery-like-javascript-framework-for-mobile-but-smaller-faster/ http://www.i-keng.com/2012/01/16/jq-mobi-jquery-like-javascript-framework-for-mobile-but-smaller-faster/#comments Mon, 16 Jan 2012 16:48:15 +0000 i-keng http://www.i-keng.com/?p=202 This is how jQ.Mobi defines itself and gives a good insight on what it is.

It is a fresh and open source JavaScript framework -developed by appMobi- that focuses on providing a great experience on both of the dominant mobile operating systems with a tiny footprint and code efficiency.

Compared to jQuery Mobile (24kb), it is much smaller in size with only 3.5kb (both minified and gzipped) and covers most features with the same syntax.

When it comes to speed, jQ.Mobi is impressive there as well and mentioned to be 3x faster on Android and 2.2x faster on iOS.

The framework also has a UI library (again smaller in size) and includes plugins for mobile interactions and interfaces

 

Website: http://www.jqmobi.com/
Download: https://github.com/appMobi/jQ.Mobi/downloads

 

]]> http://www.i-keng.com/2012/01/16/jq-mobi-jquery-like-javascript-framework-for-mobile-but-smaller-faster/feed/ 0 jQuery Mobile Becomes Stable With V1.0 http://www.i-keng.com/2011/11/19/jquery-mobile-becomes-stable-with-v1-0/ http://www.i-keng.com/2011/11/19/jquery-mobile-becomes-stable-with-v1-0/#comments Sat, 19 Nov 2011 05:26:32 +0000 i-keng http://www.i-keng.com/?p=197 Many designers/developers were excited to see the launch of the jQuery Mobile~a year ago and waited for the stable release to start building for mobile.

With an announcement yesterday, the project officially reached to its first stable release.

jQuery Mobile already supports a huge set of mobile browsers, has theThemeRoller for mobile and it is very well-documented with guides + examples for an easy start.

 

The framework includes many widgets for (touch-optimized) mobile layouts: toolbars, buttons, pages/dialogs, content formatting, list views and forms. All built on jQuery core for a familiar and consistent syntax.

 

Website: http://jquerymobile.com/

Demo: http://jquerymobile.com/demos
Download: http://jquerymobile.com/download/

 

]]> http://www.i-keng.com/2011/11/19/jquery-mobile-becomes-stable-with-v1-0/feed/ 0 ownCloud – Open Source Web App For Managing Files, Contacts, Calendar & More.. http://www.i-keng.com/2011/11/15/owncloud-%e2%80%93-open-source-web-app-for-managing-files-contacts-calendar-more/ http://www.i-keng.com/2011/11/15/owncloud-%e2%80%93-open-source-web-app-for-managing-files-contacts-calendar-more/#comments Tue, 15 Nov 2011 16:31:23 +0000 i-keng http://www.i-keng.com/?p=190 There is a “getting stronger” opinion and movement on web users having their own self-controlled, free and open source clouds where data belongs to the users, can be transferred easily and privacy is not an issue.

ownCloud is supporting this movement with a cool app which works as a:

  • file manager/explorer with share option, WebDAV support, the ability to play music files
  • calendar
  • contacts manager
  • and has planned features like image gallery, online text editor, online task manager, encryption, bookmarks, desktop sync client, Android&webOS apps and server-server sync.

It is built with PHP-MySQL (or SQLite) and is definitely a good option for users willing to move their data to the web + manage easily.

 

Website: http://owncloud.org/
Demo: http://demo.owncloud.org/

]]> http://www.i-keng.com/2011/11/15/owncloud-%e2%80%93-open-source-web-app-for-managing-files-contacts-calendar-more/feed/ 0 WYSIWYG Editor With A File Manager: elRTE http://www.i-keng.com/2010/08/29/wysiwyg-editor-with-a-file-manager-elrte/ http://www.i-keng.com/2010/08/29/wysiwyg-editor-with-a-file-manager-elrte/#comments Sun, 29 Aug 2010 08:59:20 +0000 i-keng http://www.i-keng.com/?p=182 elRTE is an open source and feature-rich WYSIWYG editor that is built using jQuery UI.

It performs all standard functions of an editor and has all the extras like undo-redo, advanced table management, creating a custom HTML element with a custom style + inserting it quickly and more.

The interface is controlled via a single CSS file and can be customized pretty easily.

It has a built-in “save” button which can be attached to a JS function that saves the content that is pretty useful for helping users not to lose their content.

elRTE can be integrated with any file manager, however, there is elFinder, a file manager that has ready-to-use integration (can be used standalone too).

Website: http://elrte.org/
Demo: http://elrte.org/demo
Download: http://sourceforge.net/projects/elrte/files/

]]> http://www.i-keng.com/2010/08/29/wysiwyg-editor-with-a-file-manager-elrte/feed/ 0 MobiOne iPhone Emulator http://www.i-keng.com/2010/04/15/mobione-iphone-emulator/ http://www.i-keng.com/2010/04/15/mobione-iphone-emulator/#comments Thu, 15 Apr 2010 07:55:44 +0000 i-keng http://www.i-keng.com/?p=171 MobiOne is a powerful and free iPhone and Palm Pre emulator (currently for Windows only) with a drag-n-drop mobile-web visual designer for mockups and mobile HTML code generation functionality.

It has various mobile design templates, updated OSS components, screen capture, multi-touch, gesture support and more.

The tool doesn’t require any SDK to be installed as it takes advantage of HTML5, CSS3 and JavaScript for development.

MobiOne also supports PhoneGap (an open source, JS-based mobile development toolkit)

Website: http://www.genuitec.com/mobile/

]]> http://www.i-keng.com/2010/04/15/mobione-iphone-emulator/feed/ 2