How-to

How to Build a Shopping Cart using CodeIgniter and jQuery (Part 2)

Step 6 – Adding a Product to the Cart

We want to add products to the cart using jQuery, but we also want it to work for users who don’t have JavaScript enabled. Let’s dive into our JavaScript file, assets/js/core.js, and start with the jQuery opening tags:

view plaincopy to clipboardprint?
  1. $(document).ready(function() {
  2. /*place jQuery actions here*/
  3. });
	$(document).ready(function() {
	/*place jQuery actions here*/ 

	});

Because CodeIgniter uses a mod_rewrite kind of url “index.php/cart”, we are going to define a var with the url to our application:


Continue reading »


How to Test your JavaScript Code with QUnit

QUnit, developed by the jQuery team, is a great framework for unit testing your JavaScript. In this tutorial, I’ll introduce what QUnit specifically is, and why you should care about rigorously testing your code.

Tutorial Details


Continue reading »


How to Create a PDF File

PDF files are commonly used file formats for documents and is also exclusively used for ebooks with the high quality output and easy navigation. You might need to create a PDF file for ebooks or stupid enough to maybe even create PDF’s for a standard document when there are tons of easier word processing software to do that. In either case there are numerous ways to create one. Depending on the method, convenience and customization varies.


Continue reading »


Create a funky most commented section for your blog!

in Tutorials by Liam McCabe

Snaaazzzy!After Engadget redesigned their website a few weeks ago, I noticed how their sidebar contained some unique methods of displaying posts. A nice featured posts section, a fancy calendar and an awesome most commented, digg and twitter section. Using the amount of comments to determine the width and having each post a different color to produce a rainbow, I thought was an awesome idea. So I had a go at making the most commented section for CreativityDen. It turned out pretty well, so I decided to share it with you! All credit goes to Code and Theory.


Continue reading »


Best 10 jQuery Form plugins

jQuery is one of my favorite javascript client library. We can do more with writing minimal code. Nearly in every project I need to style up web forms or create rules for validation on form elements. Without jQuery it was very harder and longer way to do by writing a lot of lines of code. jQuery solve this as there are many useful form plugins I can use and enhance my web forms easily. Some of those plugins are reviewed as below.

jQuery Form Plugin

One of my favorite and I use this plugin nearly in every project. It makes the form processing easier and sometimes when I need to submit forms via ajax, it also helps. You can interact with fields easily by a single form element, serialize form and fields. Its two main methods are ajaxForm and ajaxSubmit. Because this plugin was built specially for submitting forms via ajax. But We can even do more than it.

Checkout Demos & Download it


Continue reading »


9 Tips For Effective Website Content

Web readers may be a difficult bunch, they may take a while to digest information and they may need convincing of every single point you deliver but they are essential. They can become long term, loyal customers, as long as you give them what they want.

Writing for the Internet is a different skill to writing for paper print or paper publications. Website readers digest smaller amounts of information in less time when compared to reading from paper.

This means that website content needs to be very well organised, concise, well formatted, and appealing. Throw in the proper use of search engine keywords, a powerful Call To Action (CTA), your Unique Selling Proposition (USP), and the natural scepticism of web users and it’s easy to see why many website owners use professional content writers.
Continue reading »


70 Tutorials Using Photoshop To Design A Website

image

This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below.
Continue reading »


30 Exceptional CSS Navigation Techniques

We’ve seen innovative ways in which designers and developers have used CSS to innovate upon its shortcomings. Here, you’ll find some of the best ways to use CSS for your website navigation. You’ll find a variety of techniques that truly showcase the capabilities of CSS.

In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface.

1. The Menu menu

The Menu menu

This another great CSS menu Stu Nicholls that’s unique – hovering over a menu item reveals a submenu. If you want get started with this menu just simple view the source code. Demo in page.
Continue reading »


The Ultimate Joomla Toolbox: Themes, Extensions and Resources

Joomla is one of the most popular CMSs out there, and it’s no surprise considering how extensible it is. The great thing about Joomla is the extensions (components, modules and plugins), that can be added to your Joomla website. This allows the average user to add more functionality and dynamic content to their website without being a developer or programmer.

In this post you will find a thorough collection of all kinds of resources that will aid designers and developers working with Joomla-powered websites. This collection is intended to simplify your tasks and save you time when working with Joomla.

This post covers essential resources related to Joomla— Themes, Extensions, Tutorials, Forums, Cheat Sheets and Useful Documents.

Joomla’s current version is 1.5, however, some people are still using 1.0. Some of the extensions are only compatible with 1.0, we tried to mix between both version while prioritizing 1.5.

Beautiful Free Joomla Themes

MyPortfolio

Ultimate Joomal Toolbox
Continue reading »


Editing photos online with Aviary

Aviary is a tool to edit photos online running web-based applications with 4 primary applications. The 4 applications promises to become the online help tool to edit photos effectively, with many powerful features not lose what graphics applications by Adobe.

aviary

All 4 applications are programmed and run on the Flash platform.

Continue reading »