Posts Tagged ‘HTML5’

Dynatable is a jQuery plugin which is capable of improving the usability of standard HTML tables very much.

Once initiated, the plugin goes through the rows and columns of the table, converted to an array of JSON objects and becomes ready to manipulate.

jQuery Dynatable

It can than be sorted, filtered, paginated or searched with the powerful API provided.

The plugin has functions to handle all the operations in a simple manner and it can also be used in other structured HTML elements like lists.

AngularJS is the JavaScript MVW Framework choice of many web developers as it simplifies creating dynamic views in web-applications while staying readable.

Videogular is a lovely HTML5 video player that is specifically created for AngularJS-powered apps and integrates to them perfectly.


It comes with bindable directives, a plugin system for extending further and support for theming.

There is native full-screen mode and the player works smartly on mobile with showing/hiding the unsupported features.

Native mobile apps usually work faster, smoother and these result in a better user experience.

And, web designers/developers always look for new ways to catch this performance with web technologies.

Ionic, a front-end framework, a helps building native-like mobile apps with HTML5, CSS3 and JavaScript.

Ionic Front-end Framework

It is not a replacement for PhoneGap or a JavaScript framework but the focus is on the UI interactions and design.

The framework ships with SASS and various AngularJS extensions (optional) and many components like buttons, toggle, header/footer, tab bar and more.

Ionic is well-documented with tutorials and examples to start with.

File uploads are one of the most problematic things when it comes to web development (security, big files, etc.).

Resumable.js, a JavaScript library, handles one of the problems: the ability to resume uploads.

The library uses the HTML5 File API and offers a fault-tolerant upload mechanism by splitting each file into small parts.


And, whenever the upload of them fails, uploading is retried until it is completed so that connectivity issue is never a problem.

Also, users can always pause, resume or restart uploads with ease.

There are options to set the size of the chunks, detect if the HTML5 File API is supported, getting the progress status and much more.

Google has released a new tool, named Google Web Designer, for creating interactive HTML5 sites and ads.

It is a modern WYSIWYG where you don’t need to dive into the code but use the features to get the output and the tools are mostly design-oriented.

However, the code generated is always there and it can be edited or tweaked and the result is displayed automatically.

Google Web Designer

The tool comes with ready-to-use settings for designing Google-powered ads (DocubleClick, AdMob) that will work on any device.

There are built-in components like 360 or carousel galleries, YouTube video embedding and more.

A timeline exists for animations and anything can be drawn with a pen tool (not limited to shapes).

Google Web Designer is currently in beta status and it is available for both Windows + Mac.

  • Tags:
  • Filed under: Extras, Other License, Tools