Category: Web Development

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

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