9lessons Programming Blog - Tutorials about Angular, ReactJS, PHP, MySQL and Web Development
Showing posts with label Web Development. Show all posts
Showing posts with label Web Development. Show all posts
Monday, September 16, 2013

AngularJS Tutorial Two Way Data Binding

This post is the continuation of my previous AngularJS tutorial, I had explained JSON parsing using AngularJS. In this we are going to explain how to do two way data binding with Angular JS. Data binding is the most useful feature in AngularJS, It will help you to save from writing a lots of regular code.

AngularJS Tutorial.

Monday, August 19, 2013

AngularJS Tutorial RESTful JSON Parsing

Last some days I have been working with AngularJS, it is a Javascript MVC framework created by Google. Now Angular.js is my personal favorite framework to build better architecture web projects, especially for RESTful web services. It improves HTML with new attributes and expressions in order to define powerful templates directly in your HTML page.

AngularJS Tutorial.

Tuesday, April 02, 2013

HTML5 Template Design for Blog.

This is right time to adopt HTML5 semantic markup tags into your website design. W3C has conducted a study of over billion websites and found that the most of common div IDs and classes are footer, header, menu, content, title and nav. HTML5 semantic markup elements that can convey the purpose of the element to developers, browser and search spider algorithms.

HTML5 Template Design for Blog.

Monday, March 25, 2013

HTML5 Application Cache.

Are you working with HTML5, then take a quick look at this post that explains how to develop a offline web project using HTML5 application cache. Most of the latest browsers have caching mechanisms, this gives three advantages reducing server load, increases web page speed and office access specially for gaming website.

HTML5 Application Cache.

Monday, January 21, 2013

Login with Microsoft Live OAuth Connect

Few months back Microsoft has launched OAuth system for client websites, using this you can get the valid user details from Hotmail and Outlook database. Earlier I had published Facebook, Google and Twitter OAuth login systems, now this post explains you how to implement Microsoft Live OAuth connect using PHP. Sure this helps your web project to avoid registration email activation.

Login with Microsoft Live OAuth Connect

Monday, January 14, 2013

HTML5 Input Types for Mobile.

If you are working with mobile web applications, then you must adapt new HTML5 components. This post explains you how to implement new HTML5 input types while creating forms in mobile web projects. Take a look at these screen shots of the new input types in browsers that support in iPhone. and iPad.

Responsive Web Design using CSS3

Sunday, December 30, 2012

Responsive Web Design for Menu, Image and Advertisements

This post is the continuation of my previous Responsive Web Design using CSS3. I had explained how to design a basic responsive web page using CSS3 and Modernizr for lower version browsers. In this post we want to explain how to design responsive collapsed navigation menu, images and advertisements grids for different media devices.

Responsive Web Design using CSS3
Tuesday, December 11, 2012

Responsive Web Design using CSS3

Smartphone revolution brings new features to the web development, it is time to change your website design into a responsive design instead of maintaining a separate mobile version . Responsive design will automatically adjust itself based on the screen size of the media devices. This post explain you how to use CSS 3 @media property and working with Internet Explorer using Modernizr.

Responsive Web Design using CSS3
Tuesday, December 04, 2012

Jquery Photo Zoom Plugin

Introducing a new jQuery PhotoZoom plugin, it helps you to view bigger images on mouse over component, this is very useful for media related web applications. You can customize the PhotoZoom container based on your web page design. Very easy to implement just include the plugin using script tag and give required selector, take a look this live demo.
Jquery Photo Zoom Plugin
Sunday, November 25, 2012

Appfog Free Hosting for Beginners.

AppFog is a cloud hosting platform and they are offering unlimited applications with in 2GB RAM usage. This is the best place to experiment your projects, specially for beginners. This post explains you how to setup an application and upload files into the AppFog hosting platform.

Appfog Free Hosting for Beginners
Monday, July 09, 2012

SSL Certificate Installation.

I received many requests from my readers that asked to me how to configure SSL(https) for website like 9lessons labs. Actually I enable SSL for Facebook Application integration, nowadays most of the top sites allowing only secure https URL. In this post I explained few steps how to buy and setup a SSL certificate and configuration with XAMPP server in Ubuntu environment.

SSL Certificate Installation.
Wednesday, June 20, 2012

Simple Drop Down Menu with Jquery and CSS

This post is very basic level Jquery and CSS implementation. I want to explain how to design simple drop down menu  with CSS, HTML and Jquery. This system helps you to minimise the menus list. Just take a quick look at this post very few lines of code, use it and enrich your web projects. 

Drop Down Menu with Jquery and CSS
Wednesday, May 23, 2012

Gravatar Login Box Design with Jquery, CSS and PHP.

I had designed a simple interesting login box with contains Gravatar image, just importing user avatar from Gravatar.com based on email ID.  This post is very basic level CSS implementation and few lines of Jquery and PHP code. I hope this login box design  gives special flavor to to your web project. Before trying this live demo upload your avatar at Gravatar.

Gravatar Login Box Design with Jquery, CSS and PHP.
Monday, May 21, 2012

Login with Instagram OAuth using PHP.

The very quick registration gives you many users to your web project, we already published login with Facebook, Twitter and Google Plus now time to think about very popular photo sharing portal Instagram. This post explains you how to login with instagram Oauth API and importing user data. Create an instagram account and take a quick look at this demo thanks!

Login with Instagram
Monday, May 14, 2012

Create a RESTful Services API in PHP.

Are you working with multiple devices like iPhone, Android and Web then take a look at this post that explains you how to develop a RESTful API in PHP.  Representational state transfer (REST) is a software system for distributing the data to different kind of applications. The web service system produce status code response in JSON or XML format.

Create a RESTful Services API in PHP.
Tuesday, April 17, 2012

Bootstrap Registration Form Tutorial.

This post is a continuation of my previous post Bootstrap tutorial for blog design and already explained about fluid page design. Today let's look at the form HTML elements that comes with Twitter Bootstrap toolkit using these I made a rich registration/sign up form with validation in 10 mins . Bootstrap helps you to produce clean and highly usable applications, it will reduce larger engineering efforts and gives uniform application solutions.

Bootstrap Tutorial for Registration Form.
Monday, March 19, 2012

Bootstrap Tutorial for Blog Design.

Bootstrap is a toolkit, which is developed by the Twitter team. This actually helps you to develop web applications much faster.Bootstrap contains CSS and Javascript files using which you can enrich your web page with Grids, Layouts, Typography, Tables, Forms, Navigation, Alerts etc,. This avoids cross browser compatibility problem. This time I am aiming to explain how to design a template of the basic fluid blog for different resolutions and devices like iPad and iPhone.
.

Bootstrap Tutorial
Wednesday, March 14, 2012

AJAX Form Pro v2: Create Unlimited Secure Web Forms for Yourself and Your Customers

When you create your own website, sooner or later you might need to incorporate contact forms in them. Forms are very important as a means for you to collect data or information from your visitors. Whether you would want to have a contact or feedback form, a support form, a customer survey form, an online product order form, an event registration form, an employment application form, a reservation form, a send testimonial form, or any types of form, AJAX Form Pro could really help you with that.

ajaxformpro
Tuesday, March 06, 2012

Access Websense Blocked Articles.

Are you working at multi national company, not able to access popular technology blogs powered by wordpress and blogspot articles because of websense firewall rules. I'm introducing (reader.9lessons.info) using that you can access websense blocked articles. It's simple concept URL RSS data using api.thequeue.org and sending request and response from Google feed API. Using this you can build flipboard kind of application.

Access Websense Blocked URLs.
Monday, February 13, 2012

Memcached with PHP.

Memcahced open source distributed memory object caching system it helps you to speeding up the dynamic web applications by reducing database server load. In this post I want to explain how I had implemented Memcached object caching system for demos.9lessons.info. This system is very helpful for high traffic media and blog related websites.

Memcached
mailxengine Youtueb channel
Make in India
X