Category: Web Development

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

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

Best Tools and Platforms For Building Websites in 2015

You need to know your CMS, website building platforms, and page crafting tools. How else do you expect to pacify the two forces behind website creation – design and development? You could be a design guru, and have no clue about coding. You could be waist-deep in the analytic mindset required for programming, even though… Continue reading Best Tools and Platforms For Building Websites in 2015

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

20 Free AngularJS Resources & Tutorials

While jQuery is easily the most popular open source JavaScript library there are many competitors. Among the many alternatives I want to focus on AngularJS. As a designer it can be tough getting into JavaScript because it might feel a little bit like programming. Getting past the initial learning curve is tough but worthwhile in… Continue reading 20 Free AngularJS Resources & Tutorials

Inspirational Examples of UI Style Guides

According to Wikipedia, a UI style guide is a ‘set of standards for the writing and design of documents’ and that it ‘ensures consistency and enforces best practice in usage.’ All very true. But what it neglects to mention is how inspiring UI style guides can be just to look at and get lost in.… Continue reading Inspirational Examples of UI Style Guides

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

7 Reasons Why You Should Choose Ruby on Rails

During the last ten years, Ruby on Rails has grown to become an increasingly popular solution for building web apps. In our rapidly changing technological environment and shaky economy, RoR can speed up the development process and help companies save time and money. Today, the knowledge of Ruby can land you great jobs – there… Continue reading 7 Reasons Why You Should Choose Ruby on Rails

20 Tools To Get You Started With Web Development

Creating a website may sound complicated and tedious, but there are a lot of tools out there that can make your task a lot easier. It’s important to have a good presence online both for businesses and organizations or causes, this is why all the tools and services available for helping you create a website… Continue reading 20 Tools To Get You Started With Web Development

15 Top Notch Collaboration Tools for Your Creative Projects

Are you daunted or put off by the prospect of project management? You shouldn’t be. Think of it rather as an opportunity. Start-ups have more to prove than large companies. They have to build a reputation and not lose credibility, which is why your web design or development practice needs teamwork to deliver great products.… Continue reading 15 Top Notch Collaboration Tools for Your Creative Projects

The Best 20 Tools for Web Development

Over the past few years the web development community has steadily increased its numbers. Due to the creativity and resourcefulness websites have become increasingly interactive and diverse. It’s complicated enough with all the different devices that now have access to the Internet to make a website that will look good and function properly across platforms.… Continue reading The Best 20 Tools for Web Development