28
Dec
// php the_time('Y') ?>
Swipe JS is a lightweight (3.7kb minified) mobile slider with 1:1 touch movement (sliding content based on exact touch position).
It can display any HTML content and offers a native-like experience with features like:
- resistant bounds (increased resistance to slide when there are no items to display next or before)
- smart resizing on rotation as the slider resets to make sure the sliding elements are sized right
- the size of each slide is set with the width of the container which is useful for passing different widths on responsive designs
- detecting if you’re trying to scroll down the page or slide the content left to right

Swipe is a standalone slider which doesn't rely on any JavaScript library and has few configuration options like:
- the slide to be displayed on initial load
- speed of transitions
- auto slideshow to be on/off
- and callback fired after successfully displaying a slide
Also, it has API methods for custom interactions including the display of prev-next items and getting the current position.
Requirements: No Requirements
Compatibility: All Modern Touch-Enabled Devices
23
Dec
// php the_time('Y') ?>
You'll remember JSMad, a pure JavaScript MP3 decoder (which was previously featured at WRD).
It came with ID3 support, works perfect in Firefox and requires "enabling Web Audio API" in Chrome.
The developers of JSMad have recently released a similar resource named ALAC.js.
It is also JavaScript library but for decoding/playing ALAC files (that are supported on iPhone, iPad, most iPods, Mac and iTunes).
Although HTML5 audio is the most compatible way to play audio in iOS devices, ALAC.js can be an alternative.
P.S. it is a port of the recently open sourced Apple Lossless decoder.

21
Dec
// php the_time('Y') ?>
Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text.
The plugin accepts any number of sentences (or words) and can rotate them smartly and beautifully.

Once a sentence is about to rotate with the other one, the letters that will be re-used are kept and move to their new locations with several effects to choose from (fadeIn, slideLeft, slideTop).
It is possible to define the duration that each item will be displayed and also the duration of the transitions. Also, functions exist to stop or pause the rotation.
Requirements: jQuery
Compatibility: All Major Browsers
14
Dec
// php the_time('Y') ?>
Working with images and resizing or cropping them can sometimes be challenging as there is always a math going on behind: the ratios, resizing with the width or height, x-y values for cropping, etc.
phpThumb is a PHP library that handles all the hard work on creating thumbnails with only few lines of code.
It accepts any source types for images (from the filesystem, URL or database) and all popular image formats.

Images can be rotated, cropped, watermarked, their quality can be defined and there is even a built-in caching to minimize the server load.
phpThumb also has a wide collection of filters including contrast, blur, brightness, applying rounded corners and more.
Requirements: PHP 4.0.6+ and GD library
13
Dec
// php the_time('Y') ?>
Substance is an open source and web-based application for authoring and publishing documents.
It offers a MS Word-like-yet-simpler and easy to use interface for creating, editing and organizing content.
Any number of other users can be invited for collaborative editing where it will be possible to view which user created which parts of the document.

Users can subscribe to document for getting notified about the updates and comment on any parts of the content (and they can be seen in a nice toggled view).
The "table of contents" are created automatically and helps browsing long documents faster.
Also, an export feature can convert documents into many other formats including PDF, ODT, RDF, EPUB, HTML, Markdown and more.
Even if the Substance is not used as is, the modules (document editing, exporting, etc.) of the application are very handy to be used/integrated in other apps.
Requirements: Node.js, CoffeeScript, CouchDB
Compatibility: All Major Browsers
21
Nov
// php the_time('Y') ?>
selfoss is an open source and lightweight web application that can fetch content from any number of sources.
RSS is the content type supported by default, however, with its plugin system, any new source types (log files, e-mails, etc.) can be implemented by adding a single class.

The application has a simple-yet-functional interface which also supports navigating via keyboard.
It is also flexible in means of the database used; you can either go with MySQL, SQLite or MongoDB.
Requirements: PHP 5.3+
14
Nov
// php the_time('Y') ?>
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.
.gif)
Requirements: PHP 5.2+, MySQL (or SQLite)
9
Nov
// php the_time('Y') ?>
For MySQL users, phpMyAdmin -the popular MySQL admin tool-, is probably one of the most-used apps unless you are fan of a desktop MySQL admin tool.
MyWebSQL is an exciting open source alternative to both as it is a web-based MySQL (and SQLite) manager with a desktop-like functionality.
It is built with PHP and, with the help of a completely Ajaxed interface, tasks can be accomplished pretty quickly.
.jpg)
Creating, editing and deleting tables or records are easily done in a grid mode which also makes working with multiple items at the same time possible. Also, shortcuts for any actions exist inside context menus to make browsing faster.
There are other must-have features like import-export, SQL editor (with syntax highlighting), repair tables, search, process manager, etc.
MyWebSQL is a multilanguage app with lots of ready-to-use languages and has a themable interface.
Imho, what is missing the most is the ability to manage multiple server connections with a single login and scheduled tasks (which I hope would exist in the future versions).
Requirements: PHP
Compatibility: All Major Browsers
3
Nov
// php the_time('Y') ?>
News tickers are a widely-used for displaying content (specially the titles that forward readers to a detailed version) in a tiny space
jQuery News Ticker is a very nice plugin, inspired from the BBC news ticker, that simplifies creating them.

It can get the content from an unordered list, RSS feed or an HTML file and show it in a simple-yet-slick interface (the interface can be totally customized).
There are prev-next and play-pause controls for quickly navigating through the items and few settings exist like:
- speed of the effects
- effect type (reveal or fade)
- direction (left-to-right or right-to-left)
- display duration of each item
- and more..
P.S. Loading from a RSS feed can only be done if the feed is in the same domain with the ticker
Requirements: jQuery
Compatibility: All Major Browsers
27
Oct
// php the_time('Y') ?>
For any web project, if it is only the animations we need, wouldn't it be nice to use a lightweight framework rather than a complete and big-sized one?
jsMorph is a standalone JavaScript animation framework which can manipulate stylings of multiple HTML elements.
The framework automatically detects start positions, converts units, adjusts rendering speed and corrects time leaks for smoother rendering experience.

It is only 2.3kb, chainable, well-documented (supported with examples) and works pretty fast (with an optimized browser rendering buffer usage).
And, there is a queuing system which allows morphing multiple items.
Requirements: No Requirements
Compatibility: All Major Browsers
Thank you! Please check your inbox to confirm your subscription.
Loading...
Get WebResourcesDepot WeeklyA Weekly Newsletter For Web Designers And Developers