The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Technology

Technology Category

A New Approach To Building Web Apps — Meteor

Meteor is a set of tools for building web applications that abide to contemporary standards.

meteor A New Approach To Building Web Apps    Meteor

Meteor is quite a revolutionary full stack framework that blurs the lines between the server and the client.

It runs on Node and has some bullet point-worthy features:

  • The DOM updates immediately (true real-time apps);
  • Synchronous databases;
  • “Hot Code Push” — update apps while users are using them;
  • Latency compensation;
  • Smart packages for a slick footprint;

I could be mistaken, but features like authentication should definitely be handled by either other libraries or server-side. Just note that security question shouldn’t be taken lightly with Meteor.

Meteor is truly an interesting framework, though: it’s definitely something that’s easy to use for smaller apps, and time will tell if it fits the production environment as well.

EDIT: the devs have apparently addressed the database question: security features are to be added ‘soon’, but the devs, I think, will be facing myriad problems with row-level and column permissions within the database.

Interactive Grid Generator — Tiny Fluid Grid

Tiny Fluid Grid is a web app for creating a grid system for an upcoming website.

tinyfluidgrid Interactive Grid Generator    Tiny Fluid Grid

You can set the number of columns, gutter percentage, min & max width.

The application will then ship a zip file showcasing the demo code, along with grid.css — a stylesheet with the grid you created.

Tiny Fluid Grid is a huge time saver for anyone who needs a quick layout.

High-quality Images For Retina Devices — Retina.js

Retina.js is a JavaScript library that replaces regular images with HD images in devices with retina screens.

retina High quality Images For Retina Devices    Retina.js

Retina.js only works on devices from Apple — iPhones and iPads, and maybe some others with the Retina technology. The library is great for adding detail to your website or app that’s used by iPhone or iPad users.

What’s more, the library uses LESS mix-ins for applying the high resolution images through your stylesheet.

JavaScript Viewer For Huge Images — PanoJS3

PanoJS3 is a JavaScript viewer for dynamically stitching together images that don’t fit the browser screen.

panojs3 JavaScript Viewer For Huge Images    PanoJS3

PanoJS3 is a far-reaching library that not only sports a number of powerful features for panoramic image viewing, but is also heavily extendable, easy to implement, features mouse navigation, has numerous user events, etc.

PanoJS3 is compatible with most touch devices and desktops.

An Adaptable Framework For Node — Flatiron

Flatiron is a JavaScript framework for Node. Features include routing; templating; and data management.

flatiron An Adaptable Framework For Node    Flatiron

Flatiron is also heavily extendable, with the possibility to add your own plugins to it.

Why should you prefer Flatiron to the countless JS frameworks out there? Flatiron is loosely coupled and comes in components, a fact that makes it easy on the bandwidth and great for making Flatiron-bundled plugins of your own.

JavaScript Client-side Caching – locache.js

locache.js is a framework for caching objects on the client-side.

locache JavaScript Client side Caching   locache.js

locache is just 4kb minified, but still delivers in terms of features:

  • Cache any JSON object for re-use or offline use;
  • Store objects for a set time;
  • Clearing the cache;
  • etc.

locache is a great supplement for data-intensive applications that need code re-using or capability for offline use.