Bonsai is a lightweight graphics library with an intuitive graphics API and an SVG renderer. Bonsai’s main features include: Architecturally separated runner and renderer, iFrame, Worker and Node running contexts, Shapes, Paths, Assets (Videos, Images, Fonts, SubMovies), Keyframe and regular animation (easing functions too), Shape/path morphing and much more… Requirements: JavaScript Framework Demo: http://bonsaijs.org/ License:… Continue reading Bonsai.js – An Intuitive Graphics API and SVG Renderer
Category: Web Development
40 Free JS Libraries for Dynamic Content
Designers and developers can recognize the vast improvements in modern web design. From animated SVGs to customized web forms and movable typography, the list is practically endless. Dynamic content is the new norm and JavaScript libraries only make creation easier. If you’re looking for some cool dynamic effects on your website take a look at… Continue reading 40 Free JS Libraries for Dynamic Content
The Anatomy of Time Tracking Tools: Breaking Down Its Essentials
As more and more professionals are focusing on getting the most out of their time at work by boosting their productivity, time tracking tools are in vogue right now. By using any of these apps to monitor your time spent on each tasks individuals have for the day or week, they will gain a better understanding on how… Continue reading The Anatomy of Time Tracking Tools: Breaking Down Its Essentials
XPRS – A New WordPress Beating CMS?
The Internet has changed beyond recognition since WordPress was first released back in 2003. When the WordPress CMS was first released it was hailed as the answer to everyone’s prayers; a free content management system with hundreds of free visual themes to choose from. Hindsight is always 20/20. We now know that free themes rarely… Continue reading XPRS – A New WordPress Beating CMS?
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
30 Stunning Premium Parallax WordPress Themes
Parallax scrolling is one of the most popular web design trends because of the beautiful effects it contributes to the website as a whole. Although the technique has been around for years, using it as a website effect was first used by Ian Coyle when he designed the Nike Better World website in 2011. It… Continue reading 30 Stunning Premium Parallax WordPress Themes
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
Awful Website Navigation Mistakes You Should Avoid
A website’s navigation is one of the most important elements in a site’s design. Visitors need to use navigation to make their way through the website and find the information that they are looking for quickly. If the navigation is confusing or if it trips up the user in any way, you run the risk… Continue reading Awful Website Navigation Mistakes You Should Avoid
10+ Developer Tools We Can’t Live Without
In this article, we have gathered 11 of the best fresh and useful tools for web developers, these web tools will make your workflow more efficient and highly productive. We invite you to give them a try and see how they will improve your website, promote your business and create better communication between you and… Continue reading 10+ Developer Tools We Can’t Live Without
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
The Value of UX Research in Product Development
When we talk about user experience, we quite often end up discussing UX Design. Some may even refer to UX and UX Design as a same thing, which they are not. Today I would like to draw your attention to the “pre-story” of amazing and usable design — user experience research. Let’s try to answer… Continue reading The Value of UX Research in Product Development
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
40 Premium Bootstrap Themes & Templates
Over the last few years, the ability to rapidly create responsive web pages using Bootstrap has taken the development community by storm. Although other front-end frameworks like Foundation exist, Bootstrap has no doubt become the most popular. With such a large following, it’s no surprise that many web designers and developers are using the framework… Continue reading 40 Premium Bootstrap Themes & Templates
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
10+ Web Resources You Should Use
For sure any web developer knows that his job is really hard and stressful. To skip doing everything manually, save time and add value to your work, you can use these wonderful web apps that are at our disposal, like a partner. This particular post lists down more than 10 useful web tools for designers… Continue reading 10+ Web Resources You Should Use
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
Basics of Extreme Programming (XP) – A List of Free Continuous integration (CI) Tools
Although extreme programming is not general practice, the method is popular among more sophisticated, advanced and pioneering development teams; however, continuous integration, one of the fundamental techniques of this concept, is widely adopted by “grass roots”. CI focuses on reducing risks of occurrence of errors as well as being aimed to enhance workflow and strengthen… Continue reading Basics of Extreme Programming (XP) – A List of Free Continuous integration (CI) Tools
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