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

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.

Videogular

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.

Resumable.js

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
  • 0 Comments
  • FireShell is an open source framework for quickly creating a front-end boilerplate and workflows.

    It comes with an HTML5 boilerplate (baseline HTML5 features, DNS prefetching, responsive meta) and Sass (with pre-setup files and folders).

    FireShell

    Grunt.js is used for compiling Sass, concatenating JavaScript files, connecting to a localhost server and live file reloads + injection.

    Also, FireShell includes popular libraries like jQuery, Moderniz, HTML5 Shiv and Google Analytics code.

    Least.js is a jQuery-powered image gallery that can display images in a Pinterest-like layout.

    The images are displayed from an unordered list where their order is randomized on each load.

    Least.js

    Any clicked image doesn’t load the bigger version in a modal but by sliding other items down and the big version on the top (kinda similar to Google Image search).

    The gallery makes use of HTML5-CSS3 features and works good on responsive layouts.

    HTML5 Up! is a website that creates and shares very good-looking and free HTML5-CSS3 templates.

    All the templates have responsive layouts (down to mobile) (uses Skel.js) and they are compatible with all major browsers.

    There are already 10+ templates where new ones are added within time and they can be used freely under the CCA license for both personal or commercial projects.

    Free HTML5 Templates by HTML5 Up1

    Users with modern browsers are increasing each day and making use of features like HTML5 audio sounds more and more logical.

    AudioPlayer.js is a jQuery plugin for quickly placing a HTML5-powered audio player to any web page.

    jQuery HTML5 Audio Player

    The player’s interface is chic (doesn’t use any images for that), has a responsive layout and touch support.

    It has the major controls (play/pause, volume and duration) and weights only 4kb.

    iio Engine is an open source framework for creating HTML5 applications with JavaScript and canvas.

    The framework is lightweight (45kb) and packed with a debugging system + cross-platform deployment engine.

    iio Engine

    It doesn’t require any JS frameworks and can work side-by-side with Box2D.

    iio Engine’s website provides a full documentation and many examples to simplify development.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com