Category: JS

Chartist.js Creates Responsive, Animated Charts with SVG

Numbers and statistics are usually bone-dry and sometimes not really clarify but obscure even more. By visualizing data with charts, you can attract much more attention. The JavaScript library Chartist.js from Zurich turns as many numerical sequences as you like into easy to understand bar, line, pie, or other charts. They not only look good… Continue reading Chartist.js Creates Responsive, Animated Charts with SVG

Spectacle – A ReactJS Presentation Library

Spectacle is a React-powered presentation library. With Spectacle you can write slides with JSX. It supports tags like <Deck>, <Slide>, and there are even layout tags for making text appear in the right place without too much fiddling about with CSS. It even supports a presenter view, so you can see the next side and… Continue reading Spectacle – A ReactJS Presentation Library

ExpandJS – Built with Polymer & Google’s Material Design

ExpandJS is a modular library with 80+ custom elements and 350+ utility functions to kickstart your Web Applications. The elements are built upon Polymer and follow Google’s Material Design guidelines, allowing for beautiful and responsive interfaces. The utility library is an extension of lodash, adding more functions and introducing checks for unexpected arguments. It is… Continue reading ExpandJS – Built with Polymer & Google’s Material Design

Tools and Resources Every Web Professional Should Know About

It’s quite easy to get lost in the numerous tools and resources available for web professionals at the moment. Some are truly extraordinary and others aren’t really work your time. In order to help you get the best ones for your business we’ve comprised a list of the ten best we could find. Stamplia Stamplia… Continue reading Tools and Resources Every Web Professional Should Know About

Debugging and Testing your JavaScript with Vorlon.js

Vorlon.js is an open source, extensible, platform-agnostic tool for remotely debugging and testing your JavaScript. Powered by node.js and socket.io. You can install Vorlon.JS and add a single line of JavaScript to your web app. Run your server and start the Vorlon.JS dashboard. You can remotely connect up to 50 devices simultaneously. Run your code… Continue reading Debugging and Testing your JavaScript with Vorlon.js

25 Free jQuery Plugins for Custom Tabs & Accordions

Modern web designers simply adore dynamic page elements. Dropdown menus, carousels, tabbed links and accordion menus are just a few examples. All of these effects can be recreated using free jQuery plugins without much code. The toughest part is finding the perfect jQuery plugin to fit with your current project. In this gallery you’ll find… Continue reading 25 Free jQuery Plugins for Custom Tabs & Accordions

Interactive Drag and Drop Coloring Concept

This is a little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.(by Codrops). The idea is to simply drag a color from a color palette to a website mockup and color designated areas of it (like sections or texts). And this is how it… Continue reading Interactive Drag and Drop Coloring Concept

Rainyday.js – Rendering Raindrops with JavaScript

The idea behind Rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components. It is a pure JavaScript library which uses… Continue reading Rainyday.js – Rendering Raindrops with JavaScript

Our Favorite jQuery Plugins and Libraries For Spring 2015

Web development is hard and there is much to learn. Developers and designers need to be on top of a lot of emerging technologies and trends. But the community is buzzing with activity and it creates awesome libraries and plugins that can help us do our work. Here are some of our favorites. Not all… Continue reading Our Favorite jQuery Plugins and Libraries For Spring 2015

Facebooks’ React Native radically simplifies app development

Facebook fans and app-development enthusiasts can at last rejoice: the company’s much-hyped, and recently announced, framework project was unveiled yesterday at Facebook’s F8 Developer Conference. React Native is a radical departure from how mobile, UI app development is usually done. When this open source project was first announced, it received excited reactions from developers. React… Continue reading Facebooks’ React Native radically simplifies app development

10 Awesome Javascript Plugins with Cool Animation

Web development is pretty fun. I like it because it has so much to learn and so many solutions to solve a problem. It forces me to think creatively and think beyond the box. And one of the best thing – there are thousands of free solutions such as Javascript plugins out there available as… Continue reading 10 Awesome Javascript Plugins with Cool Animation

Slideout.js – Touch Slideout Navigation Menu for Web Apps

Slideout.js is a touch slideout navigation menu for your mobile web apps. it’s dependency-free with simple markup. It supports native scrolling. You can easily customize it as you wish. It supports different CSS transforms & transitions. Best of all, it’s just 4 Kb. Requirements: – Demo: https://mango.github.io/slideout/ License: MIT License

animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used.It can be used to generate alert or confirm messages with few lines of code. animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3… Continue reading animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

Impress.js – A presentation framework based on the power of CSS3 transforms and transitions

It’s a presentation framework based on the power of CSS3 transforms and transitions(positioning, rotating and scaling them on an infinite canvas) in modern browsers and inspired by the idea behind prezi.com Additionally for the animations to run smoothly it’s required to have hardware acceleration support in your browser. This depends on the browser, your operating… Continue reading Impress.js – A presentation framework based on the power of CSS3 transforms and transitions

Lightning Fast Searches on JSON with DefiantJS

Do you need to query large JSON structures? Do you end up coding loops to parse the JSON and identify the data that matches your query? DefiantJS offers a better way. DefiantJS provides the ability for you to build smart templates applicable on JSON structures, based upon proven & standardized technologies such as XSLT and… Continue reading Lightning Fast Searches on JSON with DefiantJS

Top 20 Best PHP Scripts for Support Tools

Do you own or need to design a large website with a great support and help page? You don’t have to write the code yourself from scratch! These great PHP scripts for support tools will help you create great support and help features, such as live chat, FAQ pages, ticket submission, support centers, forums, help… Continue reading Top 20 Best PHP Scripts for Support Tools

Morphing Modal Window

This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.The main idea here is the button that triggers… Continue reading Morphing Modal Window

Snabbt.js – Fast animations with Javascript and CSS transforms

snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices. snabbt.js is built to be fast. It will… Continue reading Snabbt.js – Fast animations with Javascript and CSS transforms

Squire – An HTML5 Rich Text Editor

Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers. It should work fine back to around Opera 10, Firefox 3.5, Safari 4, Chrome 9 and IE8. Requirements: HTML5… Continue reading Squire – An HTML5 Rich Text Editor

50 Most Useful jQuery Plugins from 2014

Today, we have the 2014 edition of our top 50 jQuery plugins of the year. They are the 50 jQuery plugins that we feel are the most useful, most innovative and most time-saving solutions to many of the modern design and development issues you may have. Just to help you find exactly what you are… Continue reading 50 Most Useful jQuery Plugins from 2014

Schema – A Modular, Responsive Frontend Framework

Schema is a modular, responsive, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box. Schema comes fully equipped with the capabilities of creating familiar experiences across multiple viewports. From a desktop monitor down to a mobile device, Schema’s 12-column grid provides… Continue reading Schema – A Modular, Responsive Frontend Framework

30 Best JavaScript Frameworks for Development

One of the best Javascript Frameworks for development includes Ember.js, incorporates common idioms so you can focus on what makes your app special. Creating responsive web applications with fluid and maintainable interfaces can be a challenging task. Desktop developers have it much easier with their tools and workflows. You may be thinking, are there any… Continue reading 30 Best JavaScript Frameworks for Development