Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘GPL License’ Category

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 JS

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.

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.

JavaScript Audio Codecs

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.

jQuery Textualizer

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.

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.

phpThumb

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.

  • Tags:
  • Filed under: Goodies, GPL License, Images
  • 0 Comments
  • 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.

    Substance

    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.

    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.

    selfoss

    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.

    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.

    ownCloud

    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.

    MyWebSQL

    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).

    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.

    jQuery News Ticker

    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

    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.

    jsMorph

    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.

    Uptime Robot
    Loading...
    Get WebResourcesDepot Weekly
    A Weekly Newsletter For Web Designers And Developers
    feed-holder
    FeedBurner
    • PSD to HTML
    • file uploading, video/audio/image encoding, s3 storage and much more
    • PSD to HTML
      aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter