Posts Tagged web development

2013 Best Resources and Tools for Web Developers

Responsive Grid System

Responsive Grid System

Simple CSS framework for fast, intuitive development of responsive websites. Built using the ‘Mobile First’ approach, ‘clearfix’ for clearing floats, box-sizing: border-box for adding additional padding to elements

Responsive Grid System ?


Gumby 960 Responsive Grid Framework

Gumby 960 Responsive Grid Framework
Gumby 2 is built with the power of Sass. Sass is a powerful CSS preprocessor which allows us to develop Gumby itself with much more speed

Gumby 960 Responsive Grid Framework ?


Box CSS Framework

Box CSS Framework

This solution is based on box-sizing: border-box and display:inline-block building principles.

Box CSS Framework ?


Foldy960 Framework

Foldy960 Framework

Foldy960 isn’t aiming to be Yet-Another-CSS-Framework and we hesitate to use the term “Boilerplate”. Foldy is just a little kit and some extra classes to get you going on making your 960.gs design responsive.

Foldy960 Framework ?


Css2Less

Css2Less

A ruby library which convert old CSS stylesheet into LESS dynamic stylesheet.

Css2Less ?


Codeanywhere Code Editor

Codeanywhere Code Editor

Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).

Codeanywhere Code Editor ?


Responsive IE6

Responsive IE6

Responsive IE6 ?


Dirty Markup

Dirty Markup

DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code

Dirty Markup ?


SnipSave

SnipSave

A simple and elegant code snippet tool for developers. Quickly and easily save pieces of code for reference and use later on. All of your code snippets are stored in one place, accessible from anywhere.

SnipSave ?


RWD Calculator

RWD Calculator

Just a simple calculator to help turn your PSD pixel perfection into the start of your responsive website.

RWD Calculator ?


The Responsinator

The Responsinator

The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.

The Responsinator ?


Timeline JS

Timeline JS

TimelineJS can pull in media from different sources. It has built in support for: Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, Wikipedia, SoundCloud and more media types in the future.

Timeline JS ?


CSSO (CSS Optimizer)

CSSO (CSS Optimizer)

CSSO is a a CSS minimizer.

CSSO (CSS Optimizer) ?


Graphene

Graphene

Graphene is a realtime dashboard & graphing toolkit based on D3 and Backbone.

Graphene ?


Crossfilter

Crossfilter

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser.

Crossfilter ?


CanJS

CanJS

CanJS is a MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy

CanJS ?


Fixie

Fixie

Fixie.js is an open source tool that automatically adds filler content to HTML documents.

Fixie ?


Foresight.js

Foresight.js

Foresight.js gives webpages the ability to tell if the user’s device is capable of viewing high-resolution images.

Foresight.js ?


Webshims Library

Webshims Library

Webshims lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features.

Webshims Library ?


dhtmlxSpreadsheet

dhtmlxSpreadsheet

dhtmlxSpreadsheet is an open source spreadsheet widget written in JavaScript and PHP that allows you to quickly add an Excel-like, editable data table on a web page. It is also available as a plugin for WP, Joomla, etc.

dhtmlxSpreadsheet ?


heatmap.js

heatmap.js

Heatmap.js is an open source JavaScript library that can be used for generating realtime heatmaps. It uses the power and flexibility of the HTML5 canvas element to draw heatmaps based on your data

heatmap.js ?


Kartograph

Kartograph

Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.

Kartograph ?


sigma.js

sigma.js

sigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element.

sigma.js ?


Grunt

Grunt

Grunt is a task-based command line build tool for JavaScript projects.

Grunt ?


Live Scratchpad

Live Scratchpad

Evaluate your JavaScript functions in real-time _while_ editing.

Live Scratchpad ?


jPages

jPages

jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

jPages ?


dgrid

dgrid

A next-generation grid component that takes full advantage of modern browsers and object stores.

dgrid ?


SpritePad

SpritePad

With SpritePad you can create your CSS sprites within seconds

SpritePad ?


smoke.js

smoke.js

A framework-agnostic styled alert system for javascript.

smoke.js ?


Keymaster

Keymaster

Keymaster is a simple micro-library for defining and dispatching keyboard shortcuts.

Keymaster ?


Leaflet

Leaflet

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps

Leaflet ?


stroll.js

stroll.js

A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a special touch-enabled mode for iOS & Android 4.x.

stroll.js ?


Hammer.js

Hammer.js

Hammer.js is a JavaScript library for multi-touch gestures, supporting: tap, double tap, hold, drag, and transform.

Hammer.js ?


skrollr

skrollr

Skrollr allows you to animate any CSS property of any element depending on the horizontal scrollbar position.

skrollr ?


Style Tiles

Style Tiles

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

Style Tiles ?

 


KineticJS

KineticJS

KineticJS is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more.

KineticJS ?


Cutter.js

Cutter.js

Cutter.js truncates HTML code to limit its length.

Cutter.js ?


Socialite.js

Socialite.js

Socialite provides a very easy way to implement and activate a plethora of social sharing buttons — any time you wish. On document load, on article hover, on any event!

Socialite.js ?


Opera Mobile Emulator

Opera Mobile Emulator

Opera Mobile Emulator ?


Morris.js

Morris.js

Good-looking charts shouldn’t be difficult

Morris.js ?


dynamo.js

dynamo.js

A dead-simple way to generate dynamic bits of HTML and add subtle effects to your content.

dynamo.js ?

 

 


URI.js

URI.js

URI.js ?


Retina.js

Retina.js

retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays

Retina.js ?


jq-idealforms

jq-idealforms

Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms.

jq-idealforms ?


Spiffing CSS

Spiffing CSS

Spiffing allows you to write your CSS and stylesheets in conformance to proper British English (also known as correct English) grammar and spelling regulations.

Spiffing CSS ?

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Best and important jQuery Plugins, Every Web Developer / Designer must try it

Scrolling

jQuery Waypoints

Waypoints is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

screenshot

skrollr

Parallax scrolling for the masses. Skrollr helps with all kinds of different scrolling effects including color shifts, transforms and more.

screenshot

DataTables

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

screenshot

arbor.js

A graph visualization library using web workers and jQuery

screenshot

Layout

Wookmark jQuery Plugin

A dynamic column grid.

screenshot

jQuery Masonry

A dynamic layout plugin for jQuery The flip-side of CSS floats

screenshot

Isotope

Isotope: An exquisite jQuery plugin for magical layouts

screenshot

FitVids.JS

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

screenshot

gridster.js

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.

screenshot

Freetile.js

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.
screenshot

Text

jQuery TextExt Plugin

TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code

screenshot

Jeditable

Edit In Place Plugin For jQuery

screenshot

FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

screenshot

Cool UI

jQuery Knob demo

Nice, downward compatible, touchable, jQuery dial

screenshot

noty – A jQuery Notification Plugin

Noty is a jQuery plugin that makes it easy to create alert, success, error, warning, information and confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue.

screenshot

PageSlide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane

screenshot

jQuery Collapse

This plugin provides you an accessible and lightweight solution to a widely adopted interface pattern known as progressive disclosure.

screenshot

Avgrund

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations

screenshot

jQuery One Page Navigation

Smooth scrolling navigation and animation for single page sites. Super simple, incredibly handy.

screenshot

jqPagination

jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application.

screenshot

jQuery Joyride Feature Tour Plugin

Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved.

screenshot

Tooltips

jQuery PowerTip

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

screenshot

tipsy

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

screenshot

Slideshows, Images & Sliders

jQuery Slider Shock

The most complete responsive jQuery / WordPress slider.

screenshot

Backstretch

a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element

screenshot

jQuery Anystretch

Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes.

screenshot

jQuery Lightbox

A simple lightbox based on prototype and scriptaculous.

screenshot

FlexSlider 2

An awesome, fully responsive jQuery slider toolkit.

screenshot

ColorBox

A lightweight customizable lightbox plugin for jQuery

screenshot

WOW Slider

WOW Slider is a responsive jQuery image slider with amazing visual effects (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates.

screenshot

Miscellaneous

Timeago

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps

screenshot

jQuery Validation

The jQuery Validation Plugin provides validation for your existing forms.

screenshot

jQuery File Upload Demo

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.

screenshot

jQuery Instagram

A simple jQuery plugin to show a list of Instagram photos.

screenshot


MotionCAPTCHA

MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas requiring users to sketch the shape they see in the canvas in order to submit a form.

screenshot

jQuery Transit

Super-smooth CSS transitions & transformations for jQuery

screenshot

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Best Free Open Source Shopping Carts

You really need to analyze the features, compare them and more. Some carts are fitted to explicit products and some for other business. you’ll download them for free of charge. realize the correct cart software system package, that you think, is good in terms of features and security.

1. Prestashop

Prestashop

Prestashop is strong, professional grade e-Commerce shopping cart that you simply download, install, and use for free of charge. In the back end,  you’ll use a full featured backend to manage your inventory, orders, shipping, and customers in real time.


2. OpenCart

Opencart

OpenCart is an PHP based open source for online shopping cart system. it is easy to use and SEO optimized with a awfully nice interface. A great feature of OpenCart is that customers can write their own reviews of the products.


3. Magento

Magento

Magento is a professional open-source e-Commerce solution giving flexibility and control. Magento is amazing, i might never believe it is associate open-source project. Everything is designed in a clean and straightforward way.


4. AgoraCart

AgoraCart

AgoraCart is Perl/MySQL based online shopping cart. It features a css manager therefore you’ll edit the look of your cart online. AgoraCart also features unlimited product choices, up to 4 different tax zones at the same time and multiple shipping and payment gateways/options available.


5. Zen Cart

Zen Cart

Zen Cart is a open source shopping cart, . Zen Cart focuses on the merchants and shoppers instead of the developers. Zen Cart easy in intallation and it supports multiple payment and shipping options, quantity discounts and coupons.


6. osCommerce

osCommerce

osCommerce is an best online shopping cart that offers a good range of features that enables online stores to be setup quickly.


7. StoreSprite

storesprite

StoreSprite is a powerful free php/mysql opensource however it will have copyright notices that you simply can pay to remove copyright notice. StoreSprite has many features including automatic tax calculation, automatic delivery cost calculations, customer ratings and reviews and featured products.


8. Ubercart

Ubercart

Ubercart is an open source e-commerce module for Drupal based sites


9. Open For Business – Apache

ofbiz

Apache OFBiz (The Apache Open For Business Project) is an open source enterprise automation software project licensed under the Apache License Version 2.0.By open source enterprise automation It mean: Open Source ERP (Enterprise Resource Planning), Open Source CRM (Customer RelationShip Management), Open Source E-Business / E-Commerce, Open Source SCM (Supply Chain Management), Open Source MRP (Manufacturing Resources Planning), Open Source CMMS/EAM (Maintenance Management System/Enterprise Asset Management), Open Source POS (Point Of Sale), and so on.


10. ZenMagick

ZenMagick

ZenMagick is an e-commerce solution based on Zen Cart, ZenMagick improves areas where Zen Cart is lacking.


11. nopCommerce

nopCommerce

nopCommerce

nopCommerce is a fully customizable shopping cart. It’s stable and highly usable. nopCommerce is an open source e-commerce solution that is ASP.NET 4.5 (MVC 4) based with a MS SQL 2005 (or higher) backend database.


12. TomatoCart

TomatoCart

TomatoCart is branched from osCommerce 3 as a separate project. Their goal is to form TomatoCart one in every of the best on-line shopping-cart. it uses ajax and other internet rich applications that offers best usability and rich user interface. We’ve compared plenty of frameworks and come to the conclusion that ExtJS is that the best framework for TomatoCart.


13. Digistore

Digistore

Digistore Ecommerce is an open source ecommerce solution based on the popular osCommerce engine.


14. Spree Commerce

Spree

Spree commerce is a 100% open source e-commerce platform powered by the popular Ruby on Rails framework. It was designed to make customization and upgrades as simple as possible.


15. Zeuscart

Zeuscart

Zeus Cart helps to develop a rich UI and a highly usable shopping cart software. Even a non-technical person can able to open an online store on the Internet, with minimal efforts.


16. Jadasite

 


17. Ecommerce Shopping Cart Software

Ecommerce Shopping Cart

Ecommerce Shopping Cart

Ecommerce Shopping Cart Software is a free shopping cart software solution enabling small businesses to sell online using a reliable, easily customizable, feature packed, high performance online shopping cart with no coding required. The Ecommerce Shopping Cart Software program is an easy to install and easy to use ecommerce solution.


18. VirtueMart

VirtureMart

VirtueMart is the leading Online-Shop Solution for Joomla.


19. jCart

jCart

jCart is a free Ajax shopping cart that’s easy to install and customize. Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without javascript.


20. CF Shopkart

CFShopKart

CF Shopkart is a free e-commerce solution for Coldfusion developers and online store owners. This Coldfusion shopping cart is absolutely free.


21. dashCommerce

dashCommerce

dashCommerce is a flexible and robust ASP.NET Open Source e-commerce application that you can use to set up your online store.


22. Idut Shop

idut

Idut Shop is a simple and elegant open source PHP shopping cart for Google Checkout. It can be easily customised and incorporated into an existing website. Written in PHP, you can add products from the easy to use control panel this includes adding images and setting prices. Idut Shop for Google Checkout is simple to install and uses a MySQL database.

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Most important Drupal E-commerce Modules in 2013

Drupal CMS offers numerous modules and extensions to support to up a powerful e-commerce store. The top drupal e-commerce modules are listed below:

  1. Ubercart
    Ubercart is an exciting open source e-commerce shopping cart that fully integrates your online store with
    Drupal
    Features:
    • Configurable product catalog includes catalog pages and a block to display product categories.
    • Flexible product creation system with product classes.
    • Multiple product image support out of the box.
    • Flexible product attributes system.
    • Basic product stock level tracking and notification.
    • Product features to add file downloads, role promotions, and more to products.
    • Single page checkout.
    • Automatic account generation (anonymous checkout).
    • Customer and administrator checkout notifications.
    • Simple order processing (with workflow for automated order processing).
    • Simple order creation and editing.
    • Integrated payment system that acts as a bridge between acceptable payment methods (check, credit card, purchase order, etc.) and payment gateways (CyberSource, Authorize.net, PayPal, etc.).
    • Shipping quotes and fulfillment, including integration with UPS, FedEx, USPS.
    • Sales, product, and customer reports.

     

  2. Drupal Commerce
    Drupal Commerce is that the module that creates the e-commerce development task easy with simple coding. The key features that it offers include:
    Features
    • Create product types with custom attributes
    • Dynamic product displays
    • Order management, line item
    • Payment method API, allowing many different payment gateways
    • Tax calculation / VAT support
    • Discount pricing rules
    • Deep integration with systems like D7’s Fields, Views, Rules and Entity API.

     

  3. Currency Exchange
    This module provides your web site with currency conversion, currency data & information and amount/price display functionality.
  4. Pay
    Pay is a Drupal module aimed to supply a secured payment processing system. The module provides a payment form that is used for making the transaction. The payment back ends supported by the module are mentioned below:
    • Authorize.Net
    • Payflow Pro
    • PayPal
    • Realex
    • SecurePay
    • Stripe

     

  5. AdSense
    AdSense, as the name says most of it, the module helps in displaying ads on Google. It works in coordination with the Google Adsense. The module sends ads to Google and once approved, posts them on the respective search engine. Further, any change in the Google script can be handled by simply upgrading the module. 
  6. Invoice
    Invoice is a Drupal extension that takes care of records maintenance. With the help of the Pathauto module it automatically generates the titles. Depending on the user specification, the invoice can be displayed in PDF or HTML format. Taking the user friendly feature from Drupal, the extension also gives a choice to select different templates as per different purpose or web site.
  7. Amazon Store
    This extension of Drupal helps in obtaining related to Amazon.com without any problem. Thereafter, products may be sold directly through Amazon. Further, the extension implements Amazon Associates web Service.
  8. UC Upsell
    The UC Upsell module works with Ubercart and displays related products to the user. The basic task of this module is to display various products (the more likely of the same category) to be displayed together. Thus, when a user clicks on a particular product, the module automatically displays the related products. This is one of the most effective sales tactics.

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Dynamic Test Credit Card Account Numbers for Ecommerce site testing

Today i like  like to share the dynamic credit card generation tool http://www.getcreditcardnumbers.com/ that one will helps every web developer / tester to test their ecommerce application easily and efficiently.

Some testing credit card number are listed below that one is mostly working for testing purposes. If card number not working try another one.

Mastercard

5555555555554444

5105105105105100

5311658551224429

5489637932501131

5125884435669086

5357111815165371

5589714474556481

5203384801439482

5378093467923411

5390048063457341

5355190860004166

5126130036382110

 

VISA 16 digit

4111111111111111

4012888888881881

4485328039171880

4485239440137180

4929350431226710

4916444389403119

4716514646317641

4485986107331783

4532204836691516

4539968267877611

4485692186846002

4556039206184895

 

VISA 13 digit

4222222222222

4013608209903

4916246421229

4916126912933

4224471892119

4556202904196

 

American Express

376115444976429

345038157288477

379866478023424

341625239054879

347216005760545

378282246310005

371449635398431

378734493671000

 

Discover

6011111111111117

6011000990139424

6011874085611848

6011905778409114

6011686631619012

 

Diners Club

38486433228217

30031628250978

30198677441210

30569309025904

38520000023237

 

enRoute

214958841045207

214932120129990

214942863428301

 

JCB

3530111333300000

3566002020360505

3540793763195402

3569567100073407

3571522215089182

 

Voyager

869958028596707

869977028209822

869914712620188

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →