i-keng.com » i-keng http://www.i-keng.com free php scripts ajax web resource Sun, 05 Feb 2012 16:48:23 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 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 AeroSQL : Web-Based Multiple MySQL Manager http://www.i-keng.com/2010/04/07/aerosql-web-based-multiple-mysql-manager/ http://www.i-keng.com/2010/04/07/aerosql-web-based-multiple-mysql-manager/#comments Tue, 06 Apr 2010 17:57:47 +0000 i-keng http://www.i-keng.com/?p=165 AeroSQL is an open source web application, for managing MySQL databases.

It can control databases from different servers in a single, desktop-like interface where records can be easily browsed or edited within a grid.

The application displays every query executed & can run a batch of sql queries to save you time.

It is possible to select the columns to be displayed while editing a table which will help reaching the data in an organized way.

AeroSQL is built with PHP & uses ExtJS to provide the desktop-like functionality.

Website: http://www.burlaca.com/aerosql/
Demo: http://www.burlaca.com/aerosql-demo/

]]> http://www.i-keng.com/2010/04/07/aerosql-web-based-multiple-mysql-manager/feed/ 0 FlexPaper Open Source Document Viewer For Websites http://www.i-keng.com/2010/04/07/flexpaper-open-source-document-viewer-for-websites/ http://www.i-keng.com/2010/04/07/flexpaper-open-source-document-viewer-for-websites/#comments Tue, 06 Apr 2010 17:36:31 +0000 i-keng http://www.i-keng.com/?p=161 FlexPaper is an open source document viewer component for displaying PDF files inside websites or Flash applications.

The component does not exactly display PDF files but the PDF-to-SWF converted files in a Acrobat Reader-like interface.

Usage is pretty simple, just inserting the SWF file + customizing the options and there are free tools to convert documents, like SwfTools.

FlexPaper supports zoom in/out, paging, fullscreen, search and printing the documents viewed.

Optionally, it is possible to use the component in Adobe Flex as a SWC source file comes with the download.

Website: http://flexpaper.devaldi.com/
Download: http://flexpaper.devaldi.com/download.htm

]]> http://www.i-keng.com/2010/04/07/flexpaper-open-source-document-viewer-for-websites/feed/ 1 Real-Time Site Analytics Tool: Woopra http://www.i-keng.com/2010/01/12/real-time-site-analytics-tool-woopra/ http://www.i-keng.com/2010/01/12/real-time-site-analytics-tool-woopra/#comments Tue, 12 Jan 2010 15:25:22 +0000 i-keng http://www.i-keng.com/?p=131 วันนี้จะมาแนะนำ Tools สำหรับใช้เก็บ Stat. ของ WebSite กันครับ โดยเจ้าตัวนี้ชื่อ Woopra ครับ

โดยการใช้งานทั่วไปก็คล้ายๆกับ Web stats หรือ Google Analytics ทั่วไป (ข้อมูลอาจจะเยอะกว่าด้วยซ้ำ) .. แต่เจ้าตัวนี้จะมี Desktop Application เอาใว้ให้ Monitor กันแบบ Realtime กันเลยทีเดียวเชียวครับ

Features

  • Live Tracking and Web Statistics
  • Rich User Interface
  • Real-Time Analytics
  • Manage Multiple Blogs and Websites
  • Deep Analytic and Search Capabilities
  • Live Chat

ตัวอย่าง Desktop Application

Website: http://www.woopra.com/

Download: http://www.woopra.com/download/

Live Tracking and Web Statistics

]]> http://www.i-keng.com/2010/01/12/real-time-site-analytics-tool-woopra/feed/ 1 xmoovStream – Opensource PHP Streaming http://www.i-keng.com/2010/01/12/xmoovstream-opensource-php-streaming/ http://www.i-keng.com/2010/01/12/xmoovstream-opensource-php-streaming/#comments Tue, 12 Jan 2010 07:31:49 +0000 i-keng http://www.i-keng.com/?p=122 xmoovStream Server is an open source http streaming server built with PHP.


It creates a layer between the web & your files to provide you control over them in many ways like:

  • stream Flash videos
  • force file downloads
  • logging of every action
  • hot link protection
  • hide original file locations
  • bandwidth throttling & burst loading
  • & more..

xmoovStream is a centralized server which can manage different kinds of content from different urls under a single installation.

Like mentioned, it is not limited to streaming Flash videos, it can simply stream any file type including the video player itself or a thumbnail.

The server also comes with a lightweight video player & an audio player for streaming your content.

P.S. The resource is free for non-commercial website & requires a license for any other usage.

Website: http://stream.xmoov.com/
Demo: http://stream.xmoov.com/examples/
Download: http://stream.xmoov.com/download/

]]> http://www.i-keng.com/2010/01/12/xmoovstream-opensource-php-streaming/feed/ 3