Archiwum kategorii: Web Tools

Convert Websites Into Mobile Quickly: Mobilize.js

Post pobrano z: Convert Websites Into Mobile Quickly: Mobilize.js

Advertise here with BSA

Mobilize.js is a HTML5-JavaScript framework for creating mobile websites from any standard sites quickly and easily.

The idea behind the framework is; rather than serving a totally different mobile web page, loading and using only the needed parts and displaying them inside a mobile theme (jQuery Mobile's default theme).

Mobilize.js can be used on every website, however, for WordPress and Sphinx users, there are plug 'n' play solutions provided.

It is open source and can be hosted under the website or a free-to-use CDN-hosted version is offered too.

Mobilize.js

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Free And PHP-Powered Q&A App: Coordino

Post pobrano z: Free And PHP-Powered Q&A App: Coordino

Advertise here with BSA

Coordino is an open source "question and answer" application that is created with PHP-MySQL and mimics the functionality of the popular Q&A website StackOverflow.

It is built on top of CakePHP and comes with features to ease the communication and sharing of knowledge inside a community.

Coordino

Once a user asks a question, the answer that is marked as "accepted" brings reward points to its user which is also the base of user levels in the system.

Tags can be added to each question which simplifies the categorization of them and reduces the chance of any duplicate questions.

Using an admin panel, the whole content and users can be moderated and there are various security features like auto-filter-spam that helps the admin by default.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

WIODE – Open Source, Plain & Web-Based IDE

Post pobrano z: WIODE – Open Source, Plain & Web-Based IDE

Advertise here with BSA

WIODE is an open source and web-based IDE application which focuses on simplicity and expandability.

It is built with PHP-MySQL and has an interface that will feel familiar to anyone working with desktop IDEs.

The application is very easy to work with; it can manage multiple projects, a file-tree helps browsing files-folders where double-clicking an item is displayed in a new tab (multiple tabs, yay!).

Wiode

Right-clicking on files/folders (context menu) brings options like "create copy, rename, delete or "FTP upload".

For the opened files, there are features like syntax highlighting, line numbering, auto-indenting, saving and previewing.

Also, a "system" menu displays the lists of projects, number of files in each and presents options like taking backups or archiving them.

WIODE is a multi-user application where users can work at the same time without overwriting each other's files.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Documentation Engine For Your API – Swagger

Post pobrano z: Documentation Engine For Your API – Swagger

Advertise here with BSA

If you have a web application with an API, a good documentation makes it much easier for the users to consume it and helps the service grow faster.

Swagger is an open source application that supports REST-based APIs and simultaneously solves server, client and documentation/sandbox needs.

It enables developers and non-developers to interact with the API in a sandbox UI that gives a good idea on how the API responds to parameters and options.

Swagger

It speaks JSON + XML and comes with implementations in Scala, Java and HTML5. And, client generators are available for Scala, Java, Javascript, Ruby, PHP, and Actionscript 3.

It is developed by Wordnik and a working implementation can be found at Wordnik's API documentation page.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Beautiful & Non-Distracting Wallpapers By Simple Desktops

Post pobrano z: Beautiful & Non-Distracting Wallpapers By Simple Desktops

Advertise here with BSA

Simple Desktops, a website curated by Tom Watson, is sharing a huge collection of beautiful wallpapers.

Wallpapers can sometimes be distracting, however, the ones presented are all plain with some small and nice touches.

Simple Desktops

There are more than 250 items where new ones are being added regularly (you can submit new ones too).

Simple Desktops is not only a place to find nice wallpapers but also a good resource to spend time for inspiration.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Open Source & HTML5-Powered Mindmapping App – mindmaps

Post pobrano z: Open Source & HTML5-Powered Mindmapping App – mindmaps

Advertise here with BSA

Mind maps are a great way of visualizing and documenting ideas that help concentrating and managing the main subject/idea easily.

mindmaps is an open source application that enables anyone to easily create good-looking mind maps.

mindmaps

It is possible to create branches (sub-ideas) with an unlimited hierarchy where all of them are linked to each other.

It is completely written with HTML5, CSS3 and JavaScript, the diagrams are created with canvas and offline usage is possible, thanks to ApplicationCache.

mindmaps has a simplistic interface and has features like copy-cut-paste, undo-redo, saving the document as JSON and much more.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

theexpressiveweb.com – A Lovely Resource On CSS3 & HTML5

Post pobrano z: theexpressiveweb.com – A Lovely Resource On CSS3 & HTML5

Advertise here with BSA

theexpressiveweb.com is a beautiful resource and showcase on CSS3 and HTML5 features.

It is brought by Adobe and currently shares 12 features including the ones like CSS3 animations, media queries, web fonts, HTML5 audio, canvas and web storage.

The website is pretty interactive and comes with many impressive demos that are built by Adobe or other websites.

theexpressiveweb

For each property, the browsers that support it are displayed and, for non-compatible browsers, any possible fallback strategies are discussed.

Also, the official announcement of the project includes an informative "Lessons Learned" part which is a very nice read.

P.S. 2 Adobe-related posts in a row. What are the odds? : )

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Adobe Edge – A Design Tool For HTML5-Based Animations

Post pobrano z: Adobe Edge – A Design Tool For HTML5-Based Animations

Advertise here with BSA

Adobe's Flash is probably having the most difficult days since its launch considering the no-iOS support and the increasing popularity of HTML5 + web standards.

A strong competitor to the Flash platform now comes right from Adobe with a tool named Edge that eases creating web-based interactive animations that only use HTML5, JavaScript, and CSS3.

There is a Flash-like timeline for building the animations and the built-in JavaScript engine used for them is jQuery.

Adobe Edge

Check out these demos and consider downloading the source files for the demos to start playing with the application quickly.

Adobe Edge is currently released as a preview release and offered for free during that period.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Cross-Browser CSS Prefixes With Prefixr

Post pobrano z: Cross-Browser CSS Prefixes With Prefixr

Advertise here with BSA

Jeffrey Way of Nettuts+ has recently created a simple-yet-useful web application named Prefixr that can auto-insert cross-browser prefixes for a given CSS file.

Once a CSS file is pasted into the application, it scans all the rules and adds browser-specific ones when applicable. Simply, writing only border-radius will end up in getting -moz-border-radius, -webkit-border-radius, etc.

Best of all, the web interface is not the only way to use it. With the help of an API, it can be integrated into your code editor and can be ran with a shortcut (a how-to exists on Nettuts+).

Prefixr

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)

Simplified & Lightweight Color Picker – Flexi

Post pobrano z: Simplified & Lightweight Color Picker – Flexi

Advertise here with BSA

Flexi is a lightweight (4.3kb) color picker that doesn't use any images (thanks to SVG/VML), CSS or 1px hacks but only JavaScript.

It is a standalone script that doesn't require any JavaScript frameworks and can pass the color selected in hexadecimal, HSV and RGB formats.

The dimensions, position of the picker and slide area can be fully customized in CSS just like any other div element.

Flexi Color Picker

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
Professional XHTML Admin Template ($15 Discount With The Code: WRD.)
Psd to Xhtml
SSLmatic – Cheap SSL Certificates (from $19.99/year)