Category: Web Development

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

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

Amazing Frontend Design Patterns Using CSS3 and jQuery

Creating unique websites is every designer’s ultimate goal. When a website is uniquely designed it does attract a lot of viewers and the websites urge users to stay on them for as long as possible to keep them entertained. It is tantamount for all websites that they deliver to their users an amazing and lasting… Continue reading Amazing Frontend Design Patterns Using CSS3 and jQuery

Nibbler – A Free Tool for Testing Websites

Nibbler is a free tool for testing websites. Enter the address of any website and Nibbler will give you a report scoring the website out of 10 for key areas, including accessibility, SEO, social media and technology. Nibbler is fast and completely free. Nibbler uses “Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3″… Continue reading Nibbler – A Free Tool for Testing Websites

Fresh and Useful Resources for Sass Users

With such a promising title as syntactically awesome style sheet, this powerful and quite stable version of CSS extension language guarantees that your next project will definitely stay ahead and stand out from others; it won’t suffer from inconveniences caused by old browsers or small screen devices, neither would it come into conflict with other… Continue reading Fresh and Useful Resources for Sass Users

Creating Your First Node.js Command-line Application

Command-line utilities are a must for every seasoned web developer. Node.js makes developing such tools extremely easy thanks to a wealth of open source modules and a great package manager. In this tutorial, we will convert our Cute File Browser, which we published last week, from PHP to Node. Our goal is to create a… Continue reading Creating Your First Node.js Command-line Application

10 Awesome JavaScript Libraries All Developers Should Know About

JavaScript, also known under the acronym JS, is a dynamic computer programming language, it has also been called an “assembly” language or “the x86 of the web”. Bottom line, JavaScript is a programming language widely used by web developers as part of web browsers. It’s typing discipline is described on Wikipedia as dynamic and/or duck.… Continue reading 10 Awesome JavaScript Libraries All Developers Should Know About