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

Archive for the ‘MIT License’ Category

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.

Using footnotes in web pages and presenting them nicely is usually a difficult job.

Bigfoot, a jQuery plugin, not only eases but also beautifies the footnotes in web pages.

Bigfoot jQuery

It auto-detects the footnote link + content, converts the link into a button and displays the footnote content inside a popover when clicked.

The script adapts well to responsive layouts and there are options provided to customize its functionality.

We are used to controlling/navigating websites with mouse, keyboard and “touch” afterwards.

Voix.js is a JavaScript library that allows us to add another layer to controlling them which is “voice”.

Voix.js

It has functions to start and stop listening through the microphone and we can set events to be fired when a given keyword is detected.

The library is pretty easy to use and it currently works in Chrome.

Allofthelights.js is a jQuery plugin that can change the opacity of the whole webpage but leave the video player.

This is for helping the user to easily focus on the video and there is built-in support for YouTube, Vimeo,  DailyMotion.. and custom players can be added too.

Allofthelights.js

It works with multiple players on the same page and supports responsive layouts/players with no issues.

The animation speed, background color and opacity can all be customized an callback functions exist.

When an image will be used on a web page, editing is usually performed at applications built for it (like Photoshop).

For advanced editing and cropping, that is required but for simple ones, using JavaScript can be good choice. And, that leaves the original image un-edited so we can always change the filters applied.

photoJShop

PhotoJShop is a jQuery plugin that enables us to apply such simple effects/filters to images.

These filters include blur, sepia, emboss, lighten, darken, b&w, sharpen and more.

The plugin works on canvas + images and the filters to be applied can be chained for easier usage.

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.

SVG is a very flexible file format as it can be scaled, manipulated and works in all major browsers.

SVGeneration, a website, features beautiful patterns created with SVG which can be used in our projects freely.

SVGeneration

There are many graphics offered and we can submit new ones as well.

Each graphic can be customized with the help of a web-based editor (colors, sizes..) and the SVG + CSS codes are generated automatically.

There are always new ideas and approaches for anything related to web development and the same goes for responsive layouts.

ResponsiveComments is a client-side solution for conditional loading in responsive web design.

ResponsiveComments

It uses the data attributes for defining the breakpoints and the HTML comments for hiding the content to be displayed on a defined screen-size.

The approach comes with pros and cons where the biggest advantage is “being a quick solution, easier JavaScript manipulation” and the major disadvantage is the HTML-bloat.

Slippry is a jQuery image gallery plugin for that has modern features.

First of all, it uses HTML5-CSS3 markup and works well with responsive layouts (optional).

It can be styled with Sass or CSS and has multiple transition options including Ken Burns effect.

Slippry - jQuery Gallery

The slider can be set to auto-slide, display captions and has both prev-next + bullet navigation controls.

There are also callbacks for major events and multiple examples + a detailed documentation is provided.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com