Category Archives:

CodeIgniter From Scratch: Day 1

After numerous requests, today we are launching a new screencast series on Nettuts+ that will focus exclusively on the CodeIgniter PHP framework. Over the course of about 10 videos, I’ll teach you exactly how to use this framework. Ultimately, we’ll work our way up to building a custom CMS. Without further ado, here’s day one!

Day 1

Encryption rules

Encryption needs are very common among all the projects.

Please follow the encryption rules to save every kind of critical data within your web application.

  1. All Passwords stored in the database must be encrypted.
  2. Querystring must be encrypted. Please use fake variables and values to make your querystring disguised and difficult to be guessed easily. for example if user id has to be passed for information in querystring the wrong way that is being used in most of the sites is
    http://www.mysite.com?userid=12

    Its very easy to break this and anyone can put any number instead of ‘12′ at the end of querystring to obtain the information that will be processed with this perameter.
    To make this secure and unguessable, we can modify the querystring in the following menner

    http://www.mysite.com?c=2&d=123430089&cap=No&x=M_wuN_t-9rxrgIqQvaoGbjjr8YxNqLoDKjy60BRPOMg

    In the above example, we have used disguised querystring where most of the information is either fake or is encrypted. Only variable ‘x’ in the above example contains the correct information which is userid encoded.
    The encryption used for this string to encode is called MCrypt encryption that is a standard encryption method used in php. you can download the attached encryption class file to use in your application.  Example of using the encryption class is as follow:

    require_once "enc.class.php";
    $enc = new encrypt;
    echo "Encoded Value: ".$enc->enc("12");
    echo "<br/>";
    echo "Decoded Value: ".$enc->dec($enc->enc("12"));

    In the above example, the string to be encrypted can be passed in the class object function called ‘enc’ and the decryption can be done through ‘dec’ function.

  3. Security Audit rules are also modified according to the encryption rules defined above.

30 Tutorials Combining Both WordPress and jQuery

Take the most popular CMS, WordPress, and then take the easiest and most versatile of Javscript libraries, jQuery, and you have a match made in heaven. Implementing jQuery within WordPress is a lot easier than you would think, all you need is a little support from the huge WP community and a little patience, and you are good to go. Below you will find 30 Tutorials Combining both WordPress and jQuery.

Including jQuery in WordPress (The Right Way)

When you download jQuery, put it on your server and link to it from your header.php file in the <head> section, this can cause you problems. Some plugins use the jQuery library, and they are going to load it as well and on top of that already has the jQuery library included. This can cause problems.
In this tutorial you will learn how to load up jQuery in your theme the smart (and intended) way, avoiding conflicts.

Display a Random Post (with AJAX Refresh)

In this tutorial you will learn how to display a random post with Ajax refresh, and you will be surprised at how easy this is to do. You are going to leverage some serious smartness from both WordPress and from the JavaScript library jQuery.

Design An Elegant Featured Content Slider for WordPress

In this tutorial, you’ll create an elegant featured content slider for WordPress based on The Coda Slider, a neat device used by Panic Software to display information about their “Coda” product on their website. This effect is beautiful, flexible, and often emulated.

Create an Attractive jQuery Menu with Fadein and Fadeout Effect

In this tutorial you will create a jQuery menu using the Fadein and Fadeout effect. To develop the menu it requires a lot of CSS works, so roll up your sleeves.

How to Highlight Search Terms with jQuery

A nice way to spice up your WordPress search page is to highlight search terms within your search results. In this tutorial you will learn to highlight both title and post content.

WordPress Featured Post Slideshow

In this tut you’ll be learning how to create a featured and “latest posts” section within WordPress, and animate it with jQuery. You will be using the jQuery Cycle plugin built for slideshows. To make it work you give it an element and it turns every child of that element into a slide.

Implement a Nice & Clean jQuery Sliding Panel in WordPress

In this tutorial, you will learn how to create a smooth sliding login/signup panel for your WordPress site using jQuery.

Build a Basic Newspaper style layout with WordPress and jQuery

Grid and Magazine templates are becoming more and more popular in WordPress development, so, in this tutorial you will use jQuery to create a grid layout with size-degrading headers.

Build the ANidea Theme Switcher using jQuery

This tutorial will teach you how to create the cool theme switcher that is used on the ANidea web site. In the tutorial, you’ll cover the client side of Theme Switcher, which consists of the HTML, CSS and JavaScript (jQuery).

How To Create Tabs Using jQuery

This tutorial is primarily for WordPress, but can easily be ported anywhere else. You will be creating a tabs section within the sidebar, a popular and useful feature in WordPress themes.

Use jQuery to Jazz Up Your List of Latest Posts

A lot of blogs display a list of their most recent or popular posts in their sidebar, more often than not just showing the title of each one. But how can you give your reader an idea of what that post is about by using the excerpt, without taking up too much room? Using a little jQuery, you can.

Create a jQuery Carousel with WordPress Posts

This tutorial will give you a quick run down of how to easily add a simple and easily customizable carousel with WordPress posts from a specified category, using the jQuery plugin jFlow.

Adding Form Validation to WordPress Comments using jQuery

When it comes to simpler user experience, having your form validation happen instantly on the same page is a lot cleaner than reloading pages and possibly losing some form content. In this tutorial you’ll be shown how to use jQuery to do some instant checking on a comment form.

Using jQuery to liven up your WordPress Login

Using the jQuery principal “less is more…”, in this tutorial you will learn a quick method of simplifying the clients login process using a jQuery lightbox.

10 Free CSS and Javascript Calendars

Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. Here are a list of various css and javascript calendars for use on your site. Don’t like the look? Customise them yourself with abit of CSS!

Monket Calendar

An Ajax enabled online calendar. Drag and drop events to change dates, drag the start/end of an event to create multi-day events, create and edit events without refreshing the page, all with an iCal style interface.

Quick Calendar Using AJAX and PHP

Online calendars are often used in many web applications. Though popular, the logic behind creating a calendar can be scary especially for those who are new to programming. There are many web calendars in the market but some of them are quite complicated. If we are not able to understand the code, it becomes harder for us to customise the calendar to fit into our existing application. As such, we need to create a calendar that can plug itself into any system seamlessly without problems. Whether we are using WordPress, Mambo/Joomla or Drupal, we should only need to insert one line into our code for the calendar to work.

Integrating Google Calendar into your Site

One of the features I find it interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whatever it’s a private or public one. As soon as we have XML of our calendar available I was wondering why not integrating Google calendar directly in website. For example a community that use the service to manage their events, or to display your future trips in your blog ?

JS Calendar

This is a cross browser Javascript calendar. You use the displayCalendar() or displayCalendarSelectBox() function to display the calendar(look how it is done in js_calendar.html).

The DHTML / JavaScript Calendar

A popup or flat DHTML calendar, suitable for selecting date and time. Supported on most browsers, it features a customizable look through CSS, keyboard navigation, multiple day selection and more!

CSS: Unordered List Calender

This is a list boxes calendar. It isn’t the most semantic method, but it does seem to be fairly stable and it resizes perfectly. A monospace font like Courier New must be used to ensure proper proportions and two characters must be used. Prepared with dynamic generation in mind.

CSS Styled Calendar

Many times I’ve been asked how I created my calendar, or asked me if they could use the code etc. That’s why I thought it might be interesting to write an article on how to create such calendar.

A validating link calendar

My previous examples of calendars were fairly basic and the ‘Simple List Calendar’, as several visitors pointed out, did not allow links to be added to the dates.

With these shortcomings in mind I have produced this calendar which I believe fixes all these problems and also solves the problem of having to have two sets of code/css and not being valid xhtml1.1.

Calendar System – PHP & Scriptaculous

There are 3 main parts, the Javascript, the HTML and the PHP script. For this tutorial i am making it so you can change the date with the form and it will update the calendar without having to reload the entire page, AJAX style.

AJAX Calendar Javascript XML PHP

Well, here it is. My first project using AJAX. I’m very familiar with javascript, so using the AJAX methodology came very natural to me. I made this php calendar script for a customer a few months back, but it required page refreshes to load the next and previous months.

Equal Height Columns with Cross-Browser CSS and No Hacks

Creating equal height columns with CSS is not as easy as it may first seem. This tutorial highlights the display problems that occur with multiple column layouts, and then shows a simple solution that works in all common web browsers. The method shown here is 100% CSS hack-free, image-free and JavaScript-free so it can even be used on the most strictly coded websites.

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

 

 

Blog Posts

Privacy Policy | Terms & Conditions Copyright 2011 , Techliance..! Techliance & Techliance logo are trademarks of Techliance LLC. Other products, logos, and company names on Techliance website may be trademarks or trade names of their respective owners.

Join Us On