Posts

Showing posts with the label HTML

Ad Blocker Detector for Google Adsense with JavaScript

Image
Advertisements are very important for any post published in internet. This is what decides the person’s revenue. But, recently adblocker system is killing revenue of the publisher because of which it also effects the creativity of that person. Today, I am providing a simple new solution for those depressed and effected persons of adblocking system. Here is a simple javascript to be included along with your website code to either hide the content of your website or show a pop-up or alert message to remove the viewers adblock plugin. Any blogger or any website management can use this code to improve your revenue of your website. This code is mainly designed for Google Adsense. Read more »

Google Charts with Jquery Ajax

Image
If you are working for analytics project, you need a rich chart system to display big data results. Google is providing us a powerful chart tools that you can implement charts very simple, this tutorial will explain you how to implement Google charts with Jquery ajax JSON data. Try out there are many free interactive charts and data tools, take a quick look at this live demo. Read more »

Facebook Style Notification Popup using CSS and Jquery.

Image
Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements. Just few lines of code implement these concepts in your next project, take a quick look at this live demo. Read more »

Building Native iPhone Applications using HTML, CSS and JavaScript

Image
Mobile revolution has been started, now right time to build mobile applications for your web projects. This tutorial will help you how to develop native iOS mobile applications using HTML, CSS and Jquery. Apache Cordova is a platform for building native applications and it is providing device APIs that helps you to access native device functions such as GEO location or mobile camera. If you are a Apple Mavericks use just implement the following steps. Read more »

Ajax Upload and Resize an Image with PHP.

Image
Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting space and bandwidth limit. Take a quick look at the live demo. Read more »

Free Responsive and Mobile Website Templates

Image
Do you know about w3layouts.com? Recently I have stumbled across w3layouts.com impressed with their work and made me to write this article about Responsive and Mobile friendly web design. They are providing 340+ Responsive and Mobile Friendly web templates designs look professional and attractive. One of the major perks to W3layouts is that all of their templates are completely FREE. They are providing all the templates in three formats Responsive web, Smartphone and Mobile. why we need three different formats of a single design I will try to explain it below Read more »

Multiple Ajax Image Upload without Refreshing Page using Jquery.

Image
Today I am presenting the most important social networking feature called multiple ajax image upload without refreshing the page using jquery and PHP. We just modified few lines of code in jqery.form.js plugin and renamed that to jquery.wallform.js . This feature is one of the key feature in Wall Script sale, big thanks to Arun Sekar for this code trick. Read more »

Jquery Timeago Implementation with PHP.

Image
Nowadays timeago is the most important functionality in social networking sites, it helps to updating timestamps automatically. Recent days I received few requests from 9lessons readers that asked me how to implement timeago plugin with dynamic loading live data using PHP. In this post I am just presenting a simple tip to implement timeago in a better way. Read more »

JSON Input String using JavaScript.

Image
If you are working with Restful API’s and you must need to send a JSON input response via web project, especially for Node projects. This post helps you to create a JSON input string using JavaScript. It's very useful, converting Data objects to JSON data format implemented with $.toJSON Jquery plugin. Read more »

MongoDB PHP Tutorial

Image
Now time to work with MongoDB NoSQL database management systems, it stores data into structured JSON like documents with dynamic schemas and improves application performance. This tutorial helps you how to create a simple login page using PHP and MongoDB. Try this download script and implement scalable application. Read more »

Responsive Web Design for Menu, Image and Advertisements

Image
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. Read more »

Responsive Web Design using CSS3

Image
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. Read more »

Backbone.js Router Hashing Tutorial

Image
If you are working with a single page application, then you must adopt backbone.js features and this helps your web project to be more powerful. Backbone.js is basically a lightweight framework that allows you to structure your JavaScript code in Model View Controller. This post I had covered basic implementation of router and URL hashing techniques. Read more »

Simple Drop Down Menu with Jquery and CSS

Image
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. Read more »