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

Archive for the ‘Other Scripts/Apps.’ Category

For responsive layouts, we may want to trigger different JavaScript codes depending on the screen size, platform or browser.

Simple State Manager is a lightweight and easy-to-use JavaScript State Manager for responsive websites.

It doesn’t require any JavaScript frameworks and a perfect companion for handling layout-specific code in a clean way.

Simple State Manager

You can define the breakpoints and pack all the JavaScript to be executed on that breakpoint. Once another breakpoint is reached, SSM disables all the previous custom code and triggers new ones (so you don’t have to).

The manager comes with a complete API, a debugger and plugin support for extending further.

Buffer is one of the most popular apps for managing multiple social media profiles, scheduling posts and more.

Circular is an open source alternative for Buffer that is built as a Backbone.js app with a REST API written in PHP that stores data in MongoDB.

Circular

It only works with Twitter where you can add a list of tweets and they will be sent on the date-time defined.

Multiple accounts are supported and a bookmarklet helps using it easier.

P.S. The app can also be used and tried with the hosted version.

For any small business or freelancer, keeping track of the client invoices and payments is a job that is handled personally.

Using an online invoicing solution can help minimizing the effort spent on the task and, FusionInvoice, a free + open source invoicing app can help.

FusionInvoice is built with PHP/MySQL and has a simple-yet-nice interface.

FusionInvoice

Using the app, we can define clients, send quotes, convert quotes to invoices or create and send the invoices directly. Invoices can be set as “recurring” as well.

As a payment system, there is only support for PayPal and any other payment provider will require some custom coding.

In the dashboard, it is possible to filter records, view reports and also create guest users (like clients) which only has read permissions so that they can view their invoices and payments too.

There are many metrics and information on the web that we may be following regularly: tweets, number of followers, Facebook messages, GitHub activity and much more.

Reportr is a free and open source web application (with an alternative hosted version) that allows us to track any data and make it all visible from a single dashboard.

Reportr

It is built with Nodejs, uses MongoDB for storage and comes with various ready-to-use trackers like Facebook, Twitter, GitHub, Foursquare and even Runkeeper or Fitbit.

Reportr has a simple REST API and adding new trackers is pretty simple.

DynoSRC is a module for Nodejs apps that enables us to minimize HTTP requests by removing the need to serve JavaScript files.

The library loads the JavaScript files inline in HTML and stores them with localStorage so that they won’t be re-requested until a change happens.

DynoSRC

And, if the contents of a JavaScript file is changed, only the changes are served which is again a gain in the file size.

Also, it is possible to serve DynoSRC itself inline and no requests will be made for JS files.

Markdown is a widely used HTML markup language which is easier to write for non-HTML users. And, it is mostly preferred in discussions-based UIs (comments, forums..).

Once a Markdown input is stored, it should be formatted to HTML for displaying it and Parsedown PHP does nicely.

Markdown PHP Parser

The parser divides texts into blocks, looks how they start + relate to each other and looks for special characters to identify inline elements.

It is fast, stable and very easy to implement.

For any WordPress developer, using an options framework definitely helps customizing the theme/plugin much more and easier.

Redux is an advanced and stable WordPress options framework, built on top of the popular NHP, with an enhanced UI.

It uses the “WordPress Settings API” and has multiple built-in filed types, validation, import/export functionality and much more.

Redux - WordPress Options Framework

There are many online tools for beautifying our code and they are usually handy when working on formats like JSON or XML.

Code Beautifier is a website which has a pack of these formatters including HTM, JSON, XML, CSS or JavaScript.

Also, which is handier, there are converters like JSON-to-XML, XML-to-JSON, CSV-to-JSON/XML and more.

Code Beautify

SVG is one of the most attractive formats for creating any type of graphics that work on any platform.

However, SVG has new features which are only available in modern browsers too.

Snap is an impressive + free JavaScript library that eases working with SVG and focuses only to modern browser support.

JavaScript SVG Library - Snap

It is created by the developer of the most popular SVG library, Raphaël, and it supports features like masking, clipping, patterns, full gradients, groups, and more.

Snap works with existing or Snap-generated content and also comes with a simple API for animation.

When working on any type of documents (whether it is code or not), we may want to compare different versions to see what has changed.

Some editors have this feature built-in where some don’t. Mergely is a free-to-use web app for making such a difference analysis quickly.

Mergely

Documents can be uploaded with ease (or by mentioning URLs), the differences will be highlighted and it is also possible to merge them.

Mergely is also an open source JavaScript library (non-commercial) where you can integrate into your own projects.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com