Tutorials

  • All
  • AngularJS
  • Bootstrap
  • Codeigniter
  • Html
  • Javascript
  • Jquery
  • PHP
  • Wordpress

Check Password Strength Tutorial Using Jquery

Many times we create very simple passwords without realizing the implications and the risks involved. By doing this, you are making your account very susceptible for hackers to hack your account. Therefore any website or application should have a proper Password Strength Checking system. This tutorial ‘Check Password Strength Tutorial Using Jquery‘ will show you […]

Limit Textarea Characters Using JQUERY

Hi Friends, today I will show you how to Limit TextArea Characters using Jquery tutorial. Here, we use a simple input box like Textarea and to check the character count we use simple Jquery. Please download the code below or check out the Demo given. DEMO DOWNLOAD CODE Here is the step by step tutorial: […]

Online News Portal Project in PHP

Online News Portal Project in PHP Hey guys, today I will show you how to make a news portal with php language. In this ‘Online News Portal in PHP project’ tutorial, you will be able to see different types of news. In addition to that, you can also login to the portal and add your […]

Online Furniture Shopping Project in PHP

Online Furniture Shopping Project in PHP Hey guys, today we will implement a very interesting project in php. In this ‘Online Furniture Shopping in PHP project’ tutorial, we can see products for sell with price, amount etc. Customers can add the product to their cart and place order immediately.   To implement this project, follow […]

PPF Calculator Using PHP – Tutorial

PPF Calculator Using PHP – Tutorial PPF Calculator using PHP is a simple online tool for calculating interests and maturity amount over the next 15 years. In this ‘PPF calculation using PHP project’ tutorial, we can calculate interest,  closing balance, loan, withdrawal, Maturity Amount based on deposit Amount. PPF stands for Public Provident Fund. It is […]

Free Multi Page Bootstrap Template Project

Hey friends, here is another Free Multi Page Bootstrap Template Project with free source code and demo. This template is designed for multiple purpose with multiple services. This creative template uses a lot of bootstrap concepts which makes it a perfect theme to practice your skills. And this Template is fully Responsive.   PROJECT SCREENSHOTS: […]

Multiple Select DropDown List Tutorial in PHP and Jquery

Hi friends, today we will learn how to implement Multiple Select dropdown list tutorial in php and jquery. You will also learn how to get all the selected data of the form and save it into the database. Multiple Select dropdown is same like Simple dropdown box. The HTML code of both is same except […]

Assets Management System in PHP

Assets Management System in PHP Hello Friends. In this ‘Asset Management System in PHP project’ tutorial, we can manage our assets and can see which user is using which asset. To implement this project, follow the steps below:   STEP 1: Download Code and copy to root directory of localhost.   STEP 2: Create database […]

Creative Bootstrap Template With Free Source Code

Hey friends, here is another creative bootstrap template with free source code. This template is designed for consultancy or any other business with multiple services. This creative template uses a lot of bootstrap concepts which makes it a perfect template to practise your skills. You can download the free source code from below download link. […]

JQuery Scroll Effect Tutorial For One Page Website

JQuery Scroll Effect Tutorial Hello friends, Today I will show you how to create JQuery Scroll Effect Tutorial For one page website. This is a single page responsive website created using HTML, CSS and jQuery. Here you can see scroll effect on mouse wheel without scroll-bar. In this template, Sliding Menu is provided on both […]

Online Election System Project In PHP | Free Download

ITS TIME FOR A FREE PHP PROJECT. This is an ‘Online Election System Project Using PHP’. It can also be used as a final year project for your college dissertation. To implement this project follow the steps: STEP 1: Download Code and copy to root directory of localhost.   STEP 2: Create database with name […]

How To Convert HTML TO PDF in PHP Tutorial

Hi friends, today we are going to solve a very common problem faced among php developers. Here is the free tutorial for ‘How to convert HTML to PDF in PHP’ with free source code and demo. To solve this, we will use FPDF. Many times we require a product brochure or catalogues. It is extremely […]

Shrinking Navbar Resize When Scrolling Down – Jquery Tutorial

Best jquery tutorial to create shrinking navbar resize when scrolling down. This tutorial will explain how to create fixed navigation bar minimizing on scroll down. When user scroll down then navigation bar will become fixed and the navigation bar will minimize in its size. This happened with just use of HTML and jQuery. Step 1: […]

Free Template For Multi Page Hosting Website In Bootstrap

In this project, we give you a free template for Multi Page Hosting website in Bootstrap. This template is created using Bootstrap3. The website contains multiple home pages and along with it has many pages like Blog, FAQ, 404 error, etc.   PROJECT SCREENSHOT:     Don’t forget to share your doubts in the comment […]

Angular Create Read Update Delete Tutorial

Create, Read, Update, Delete Using Angularjs 4 Best Angular Create Read Update Delete CRUD Example Tutorial. Today we will perform create, read, update and delete (CRUD) operation here   USED TECHNOLOGIES: Angular 4.2.4 TypeScript 2.3.3 Node.js 6.10.1 Angular CLI 1.3.1 Angular Compiler CLI 4.2.4   How To Run Our Application: Download source code using download link […]

Tours and Travels Management System in PHP

Best Tutorial for Tours and Travels Management System in PHP ! Hello Friends. Today I will give you free project of how to manage database for a tour and travels business. Front-end data is also manageable with provided option. To access back-end visit to below link : http://www.trycatchclasses.com/code/demo/tour-and-travel-php-mysql-project/login.php To access front-end visit below link : […]

Add Google Maps on Your Website Tutorial

There are many websites in which you have seen google map in a contact page to show company location. If any organization has a website then it is mostly seen that you will find a google map on company or organization website. Today we are going to tell you how you can add these functionalities […]

Bootstrap Navigation Bar With Animated Icons

Many times we require the responsive menu button for mobile phones. There are several ways in which you can make this bootstrap navigation bar icon but I will tell you the best and the easiest way to build this button. In this tutorial, we’ll learn how to create animated toggle button of bootstrap navigation using […]

Awesome Input Type Text Focus Effects Using CSS

In this tutorial, you will learn  how to add awesome css effects like input border, background, placeholder effects on focus. And also learn placeholder move as a label on input focus. Here is an example if you want to quickly use it. Try it. CSS –   JQUERY – Don’t forget to share your doubts […]

Facebook Wall System Using Angular JS with Multiple Bindings Tutorial

AngularJS & Facebook Wall System, can we do that ? OFCOURSE YES. I love wall system because we can cover multiple Angular Js operations in a single web page and Multiple Bindings. This post will be on the concept of AngularJS Multiple Bindings. TrycatchClasses.com is most popular for AngularJs Tutorial as we provide Demo and […]

Post Live Tweet On Twitter From Your Website Using PHP

Do you want to post live tweet on twitter directly from your website? Twitter is one of the most popular social media website where you can tweet anything with a maximum limit of 140 characters. So today I’ll show you how to post live tweet on twitter from your website using PHP and twitter oAuth […]

Jquery Plugin For Image Zoom On Mouse Hover

Are you looking for the best Photo zoom plugin. Today I will show you how to create a Jquery plugin for Image Zoom on mouse hover. You can even customize the PhotoZoom container based on your web page design. Just include the plugin using script tag and give required selector, take a look at this […]

How To Make Facebook Like Notification Popup

Have you been trying to make a notification bar exactly like facebook? Today I want to show you how to make facebook like notification popup tutorial. We will use jquery, HTML and CSS to build this project. This facebook UI feature is very important now-a-days for a social networking websites projects to enhance the user […]

How To Customize Google Maps

Are you aware Google lets you customize your Google Map location based on theme colors. Today I will explain you how to customize google maps from scratch, this helps you to beautify your website design. PROJECT SCREENSHOT STEP 1: Modify the Default Latitude and Longitude values Now add styles to Google Maps. For Customizing Google […]

Auto-Complete Email Address Form Using Jquery Plugin

In this tutorial I will show you that how you can create an email autocomplete field in your web forms using jQuery. It will auto complete the domain suffix with provided list of domains. Its a jQuery plugin we used to create this autocomplete form and its very easy to implement. The source code is […]

Create Live Search in HTML Table

Hello friends, today I will teach you how to show searching in a HTML table with jQuery. This is a very simple and easy code snippet which you can use it in small apps reporting where you want to add fast searching. This ‘Create Live Search in HTML Table’ jquery code is to make simple […]

How To Create 3D Effects On Your Images With JavaScript Plugin

In this tutorial, I will show how to create 3d effects on your images with javascript plugin. It’s very easy and very interesting. This awesome plugin will make your web page alive and very creative. First of all, it’s coded in native JavaScript, not in jQuery which improves the performance. It depends on creating image […]

Multi Step Registration Form Using PHP and jQuery

Are you looking for a creative registration form with multiple steps. Sometimes we require users to enter a number of things during registration and that is why it is important to break the registration into number of logical steps. In this tutorial, I want to discuss how to create multistep registration form using php and […]

Drag And Drop File Upload Using PHP & DropzoneJS

Are you looking for a creative drag and drop file upload or image uploading. In this tutorial post, I want to show you how to make a drag and drop file upload using php and dropzonejs. I hope it’s useful for your social media web projects and applications, just check out the demo link below. […]

Tutorial : Dynamic Dependent Select Box using Jquery and PHP

How many times have you tried to search for the best method to dynamically link your select boxes. This tutorial post will explain you how to create a dynamic dependent select box using Jquery and PHP. In this tutorial, we’ll implement relational dropdown of country state city using jQuery, Ajax, PHP and MySQL. Means state […]

AngularJS CRUD Example

Create, Read, Update, Delete Using Angularjs Welcome friends to yet another exciting tutorial on angular. Today I am going to show you how to create a ‘AngularJS CRUD example’. Learn how to create, read, update and delete records in angularjs.   PROJECT FEATURES: In above example, we will show how easy it is to implement […]

Best Bootstrap Sign-Up Form Example

Best Bootstrap Sign-Up Form Example Hello friends, today we are going to learn how to make the ‘best bootstrap sign-up form example’. Often login forms have to be the most creative forms in your webpage. So lets start the tutorial. Create a signup-form.html file to create the UI.   STEP 2: Next, create a style.css […]

AngularJS TO-DO List Application

AngularJS TO-DO List Application Hi friends, today we will show you how to make angularjs to-do list application. To develop this app, we have used HTML, CSS and AngularJS. We have included javascripts such as angular-route.js, and base.js. STEP 1: First step is to create the ‘index.html’ page to make the angular layout. STEP 2: […]

WordPress Theme paginate_links Customization like Twitter Bootstrap Pagination

In two steps learn to build a WordPress Post Pagination without plugin. WordPress only comes bundled with the “next page” and “previous page” links to navigate between different blog overview pages. For better user experience I would recommend to remove those links and replace them with a pagination like most people are using in their […]

Insert Image Inside A Panel Using Bootstrap

Insert Image Inside A Panel Using Bootstrap Hello friends, many times we see an image inserted inside a TV box or panel and wonder how is it done. So today we are going to learn how to ‘Insert Image Inside A Panel Using Bootstrap’. So lets start this tutorial. STEP 1: Create a index.html file. […]

Bootstrap Admin Panel Example – Tutorial

Bootstrap Admin Panel Example – Tutorial Hello friends, today we are going to learn how to make the ‘bootstrap admin panel example’. This admin panel tutorial is extremely efficient and responsive. Create a file index.html to build the sign-up form.   STEP 2: Now we just have to create a CSS file. For other bootstrap […]

Creative Bootstrap Sliding Menu Effect On Mouse Hover

Creative Bootstrap Sliding Menu Effect On Mouse Hover Hello friends, today we are going to learn how to make the ‘Creative Bootstrap Sliding Menu Effect On Mouse Hover’. STEP 1: Create a code for bootstrap_slider_demo.htm file. This file is for the sliding effect.   STEP 2: Create a index.html file to make the UI.   […]

Instant Page Change Using Bootstrap Tabs

Instant Page Change Using Bootstrap Tabs Hello friends, today we are going to learn how to perform ‘instant page change using bootstrap tabs’. Every company wants instant page change for their website or application. This tutorial will easily explain you how to do it. You can also download the source code and see the demo. […]

Create RSS Feed Using PHP

Create RSS Feed Using PHP Hello friends, many times clients want to show RSS feeds of their websites. So today I will show you how to easily create RSS feed using PHP with just 2 simple steps. RSS is used to publish often updated information from website like audio, video, images, etc. We can integrate […]

Auto Search Suggestion Using PHP and AJAX

Auto Search Suggestion Using PHP and AJAX Hello Friends, several times our client wants an auto suggestion search form which is very fast and sturdy. So today I will show you how to build an auto search suggestion using php and ajax. Ajax is used to communicate with web pages and web servers. Below example […]

Creative AngularJS Order Form Example

AngularJS Order Form – Tutorial Hello friends. Today I am going to show you how to make a creative angularjs order form. To develop this application, we have used HTML, CSS, Script.js and Angular JS. In this example, we will code an order form with a total price updated in real time, using another one […]

CSS Effects: CSS3 Animation Examples and Tutorials

CSS Effects: CSS3 Animation Examples and Tutorials CSS3 has introduced many possibilities for UX designers, and the best thing about them is that the are really simple to implement. Just a couple of lines of code will give you an WOW transition effects that will excite your users, increase engagement and ultimately, increase your conversions. […]

AngularJS Instant Search Example

AngularJS Instant Search Example – Tutorial Hello friends. Today I am going to show you how to built an angularjs instant search example. To develop this application, we have used HTML, CSS, and Angular JS. This example will allow users to filter a list of items by typing into a text field. To achieve this, […]

Create An Admin Area In CodeIgniter 3

Create An Admin Area In CodeIgniter 3 Hello friends. In this tutorial, we will learn how to create an admin area in codeigniter 3. Every respectable blog must have an admin area. In CodeIgniter there are a lot of methods to create such an area. In this tutorial we will simply make a directory named […]

Easiest Drop Down Menu Using Jquery and CSS3

Easiest Drop Down Navigation Menu Using Jquery and CSS3 Final Output:   Hey Friends. Today we are going to learn how to make a creative and easiest drop down menu using jquery and css3. Creating a drop down menu is sometimes very difficult. But I will show you how to create a very easy to […]

Beautiful Circle Hover Effects Using CSS3 And HTML5

Pretty hover effects on circles with CSS Transitions Hello friends, today I will show you how to create beautiful circle hover effects using CSS3 and HTML5. These circle hover effects will add a pinch of flavors and design to your website. Here are the steps: Step 1 : Set up a div in an HTML […]

AngularJS Language Translation Example

AngularJS Language Translation Example Hello friends. Many times we want to know how to translate text to different languages. So today I will show you a simple ‘AngularJS Language Translation Example’. To develop this app, we have used HTML, CSS, translate.js and AngularJS. STEP 1: First, create a ‘translate.html’ file. STEP 2: Final step is […]

AngularJS Upload File Tutorial

AngularJS Upload File Tutorial – TryCatch Classes Hello friends, today we will show you how to upload a file in angularjs. File uploading in Angular is extremely easy. In this ‘AngularJS upload file’ tutorial, you will learn the best and the easiest technique to upload file. Step 1: Create a file-upload.html file. Step 2: Next, […]

Bootstrap Login Form With Jquery Validation In PHP

Bootstrap Login Form With Jquery Validation In PHP Hi friends, today we will learn how to make Bootstrap Login Form with jquery validation in php without refreshing the page. This tutorial must be read with our previous article named “Complete Registration Form With Jquery Validation In PHP“. In this tutorial, we will make a simple […]

Complete Registration Form With Javascript Validation

Complete Registration Form With Javascript Validation In PHP   Hello Friends. In this tutorial we learn how to create a complete registration form with Javascript validation. Important for you: Complete Registration Form With Jquery Validation In PHP We will use onsubmit javascript event to validate form data before submitting it. Inside onsubmit javascript event we […]

Complete Registration Form With Jquery Validation In PHP

Complete Registration Form With Jquery Validation In PHP – Tutorial Hi Friends, today I will show you how to create a responsive signup form using bootstrap, ajax, jquery, php and mysql. In this tutorial, we will learn how to make complete registration form with jquery validation in php. Advantages: Check live email availability. Live Jquery […]

Login Logout Example Using Sessions In PHP

Tutorial On Login Logout Example Using Sessions In PHP Hello friends, I am back with yet another exciting tutorial on login logout example using session in php. Sessions are an essential part in any login and logout form of any website or application. So lets start with the step by step tutorial on login logout […]

WordPress Template File Structure

Basic WordPress Template File Structure This article explains how WordPress determines which template files to use on individual pages. File Name Description style.css style sheet file index.php home page file header.php header content file single.php single post page file archive.php archive/category file searchform.php search form file search.php search content file 404.php error page file comments.php […]

Fastest Navigation Menu Using AngularJS

Fastest Navigation Menu Using AngularJS Hello Friends. Today I will show you how to create the ‘Fastest Navigation Menu using angularJS’. First of all, we will build a navigation menu that highlights the selected entry. The example uses only Angular’s directives, and is the simplest app possible using the framework. In this tutorial, we will use […]

Ajax Login System in PHP Codeigniter

Create a Simple Ajax Login System Using Codeigniter Hi Friends. Today we will learn how to make Ajax login system in php codeigniter. Here is the step by step tutorial. Step 1. Download codeigniter from codeigniter’s website and configure it on local server(www/htdocs). Step 2. We are using authentication process so create a mysql table(auth). […]

Get Value From Selected Text Boxes Using Jquery

Get Value From Selected Text Boxes Using Jquery Many times we need ‘all or selected text value’ in our project in ajax action. So here is a simple jquery tutorial to Get value from all or selected text boxes using jquery. PROJECT SCREENSHOT To achieve this task follow these steps. Step 1: Create a html […]

Create A Rich Text Editor Using TinyMCE In Codeigniter

Create A Rich Text Editor Using TinyMCE In Codeigniter Many time we need a rich text editor when we use custom CMS. So today I will teach you how to create a rich text editor using TinyMCE in codeigniter. Your final output looks like this: So lets follow these steps:   Step 1. Download CI […]

Delete Multiple Records Using Checkbox in Php Codeigniter

Delete Multiple Records Using Checkbox in Php Codeigniter Today we are going to make a interesting codeigniter code snippet “How to delete multiple records using checkbox in php codeigniter”. AJAX will be used to complete this task. So to achieve this goal just follow the below steps.   Step 1. Download codeigniter framework. Then unzip […]

Create, Read, Update and Delete Records in Codeigniter using Ajax – CRUD OPERATION

Create, Read, Update and Delete Records in Codeigniter using Ajax In this tutorial, I will show you how to make the CRUD operations ie. create, read, update and delete records in codeigniter using Ajax. If you are a beginner to ‘codeigniter with ajax’ then you must definitely read this tutorial. It is a simple CRUD […]

Javascript Age Verification

Javascript Age Verification (AgeGate) Hello friends, many times we need an age gate for our webpage to show content only for an adult user. If you are dealing with some adult content, then this Javascript Age verification application will be extremely useful. For this purpose, I have decided to create a simple age gate code […]

Create A Simple Website Using Codeigniter

Create A Simple Website Using Codeigniter FINAL OUTPUT: In this tutorial, you will learn how to create a simple website using codeigniter framework. Follow the below steps to create this website.   Step 1. Download the codeigniter and extract zip file. Now put codeigniter folder on server folder like(www or htdocs).   Step 2. Configure […]

Creative HTML Form Example

Creative HTML Form Example Hello Friends. Today we are going to make a creative html form example. Follow the below steps and make a html/css form easily. Enjoy the code.   PROJECT SCREENSHOT:   Step 1.    Step2: CSS Code Don’t forget to share your doubts in the comment box and also share this post […]

AngularJS Navigation Bar Example Using Simple Routing

AngularJS Navigation Bar Example Using Simple Routing Hello friends. Today we are going to create a simple Website in Angularjs with various pages like home page, about page, contact page, portfolio page, etc. with complete form validation. So to achieve this simple task “angularjs navigation bar example using simple routing”, follow these steps.   Step […]

Use JSON As Database Using PHP

Use JSON As Database Using PHP | Tutorial FINAL OUTPUT: Hello Friends, today we are going to create a simple email list management application using php. We will use JSON as Database using php. To achieve this task, just follow these simple steps.   Step 1. Create a structure : root: –ajaxcall(folder) –js(folder) –vendor(folder) –index.php […]

Page Load Time In PHP

Page Load Time In PHP FINAL OUTPUT: Many times we want to calculate page rendering time in php. So we can understand page load time, server and resources load time in our php code. Using microtime() php function, we can calculate bit level of consume time by resources in php. So to achieve this task […]

Facebook Login Using Javascript SDK

Facebook Login Using Javascript SDK Hello friends, today I will show you how to create a login flow using facebook api in our web application. In this tutorial, we will make a facebook login using Javascript SDK. So lets enjoy this code.   Final Output: Step 1. Create a directory structure like this: root ——-index.php […]

CodeIgniter Insert Batch Tutorial

Codeigniter Insert Batch : How To Code In this tutorial, we will understand the basic process of insert batch in codeigniter user form input. Getting data from user form input is slightly different, so you will learn how to Batch Insert, input array in form control, and saving batch records in database etc. in this […]

Codeigniter Image Gallery Using Ajax

Codeigniter Image Gallery Using Ajax Hello Friends, here is the tutorial to create a simple Image Gallery using codeigniter and ajax. So to achieve this task, just follow these simple steps. Step 1. Set up the basics of Codeigniter framework. Step 2. Now change your database setting and create a table gallery.   Step 3. […]

Generate Dynamic Excel File Using PHP Excel Library In Codeigniter

Generate Dynamic Excel File Using PHP Excel Library In Codeigniter In this tutorial, we will learn how to generate a excel file in php codeigniter with help of php excel library. The Excel data will come through mysql database. We will also format the text and row in excel file. We are not using any […]

Ajax Pagination In CodeIgniter

How To Make Ajax Pagination in Codeigniter   Hi friends. This Pagination example is extremely fast and efficient because let me tell you that I am not using any Codeigniter Pagination class. So just enjoy this simple code for how to make Ajax Pagination in Codeigniter. Lets begin the tutorial.   STEP 1: Download Codeigniter […]

Load More Records On Button Click Using Codeigniter

Load More Records On Button Click Using Codeigniter Codeigniter is a very popular PHP framework. But many times we want to load more records on our page easily without wanting to go to the next page. To achieve this ‘Load more records on button click using Codeigniter’ project, we are going to write a little […]

Jewellery Stock Management Project Using PHP Codeigniter

Jewellery Stock Management Project Using PHP Codeigniter Download free jewellery stock management project using php codeigniter. Its completely free and working with a user friendly User Interface.   Technologies Used To Make This Project: Front end technology – HTML, CSS, CSS3. Twitter bootstrap 3. X editable. Jquery and Jquery UI. Ajax. Back end technology – […]

Live Search Bar Like Google Using AngularJS

Live Search Bar Like Google Using AngularJS In this tutorial for ‘Live search like google using angularjs’, we are using simple angularjs library. Angular js is a simple javascript MVC framework code developed by google team. For more about angularjs please visit our Angular tutorials. Project Screenshot:   STEP 1: Create the following file structure. […]

Angular JS Digital Clock

Angular JS Digital Clock In this tutorial, I will show you how to easily make an Angular JS Digital Clock without much coding in angular. Get the full demo and source code for Angular JS digital clock. Here are the steps to make a beautiful digital clock using AngularJS.   Step 1: Create a php […]