9lessons Programming Blog, Tutorials, jQuery, Ajax, PHP, MySQL and Demos
Follow Me:
Showing posts with label WebDesign. Show all posts
Showing posts with label WebDesign. Show all posts
Thursday, July 31, 2014

Ajax Upload and Resize an Image with PHP.

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.

 Ajax Upload and Resize an Image with PHP.

Tuesday, April 08, 2014

Webydo’s New Pricing Plans Is Here

Industry leaders define Webydo as one of the hottest trends of 2014 in the web design industry. Now it’s evolving even more, introducing new pricing plans that will surely help independent designers, design studios, and web agencies to grow their businesses. For those unfamiliar with Webydo, it is an advanced cloud platform that empowers professional designers to create and manage responsive and pixel-perfect websites without writing a single line of code, enjoying total creative freedom and independence.

Professional Designers Leading The Design Revolution.

Sunday, March 09, 2014

Professional Website Design Platform Showdown – Webydo vs. Squarespace

In today's fast paced world of website design, new services are breaking on to the scene that provide elegant, all-encompassing solutions for those looking to build up a compelling web presence. Two of the major players in this new arena are Webydo and Squarespace. Both platforms are built to offer professional web designers a complete platform for creating feature rich web designs without the need for a degree in web development.

Tuesday, March 04, 2014

Blogger Template Design

Hope you know that 9lessons blog is power by google blogger platform and I am not paying any hosting changers from last 4 years. I strongly suggest blogger is the perfect platform for blogging (present your ideas), but you have to do few coding changes for better results. My first success was I did customized blogger template completely, so take a look at this post and implement for great results.

Blogger Template Design.

Monday, February 17, 2014

Webydo’s 50K Professional Designers Leading The Design Revolution, Here’s Why

There are many platforms available that let you create websites without having a degree or background in programming or HTML. However, the mass majority of these But most of them don’t provide you with enough penetration to create the website as you really want. They have some pre-made custom shapes and designs and you can choose the ones which you like then tweak them here and there and that’s all.

Professional Designers Leading The Design Revolution.

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.

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
Monday, July 23, 2012

Free Better Images and Photos.

“Picture Speaks Thousand words”, this quote is so true to its words. I agree in total that a picture can give more information than that of words or paragraphs. The most interesting part of a picture is it does not need any language to interpret, one qualify with their eyes alone. When you are author of a blog or designer of website or social enthusiastic user you always are in hunt for Images.

Free Better Images and Photos.
Monday, April 16, 2012

3D Covers Pro: Create Photo Realistic High Resolution 3D eCovers

Seems movie stars and celebrities aren't the only ones getting facelifts these days. Software, information products, web apps and eBooks are all taking advantage of 3D High Resolution eCover graphics. Instead of the traditional 2D graphics, which are bland and don't stand out, these new 3D graphics use either smart templates or action scripts to both cut the learning curve down, but also produce the best quality representative graphics over and over again.

3D Covers Pro
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
Monday, January 30, 2012

Facebook Timeline Design using JQuery and CSS.

I know what my readers are expecting from 9lessons blog, after long time I'm going to discuss about Jquery usage. Facebook timeline design makes big revolution in social networking world and it gives new feel to the user profile pages. In this post I want to explain how simple I had implemented this design with Jquery and CSS. Try this demo with modern browsers like Chrome, Firefox and Safari (IE is dead).

Facebook Timeline Design using  JQuery and CSS.
Monday, January 23, 2012

CSS3 Logo Design

Back then we used graphic design softwares like photoshop to design logos and icons. But now we can design almost anything using the power of CSS3. Designing logos and icons using Cascading Style Sheets will make your site load faster than using images. Today i am going discuss how to design CSS3 logo using basic properties.

CSS3 Logo Design

Monday, January 09, 2012

Jquery AnchorCloud Expanding Link Plugin.

Introducing a new jQuery AnchorCloud Link Identifier plugin, This helps make better and enrich link expanding system for your web content pages. This plugin developed using yahoo query language(YQL) for extracting website content like page title and description. First version supports we included Youtube and Vimeo, next release we are planning to include some more popular video and photo services.

jquery Anchor Cloud expanding links plugin
Monday, December 12, 2011

Text Effects using CSS3

This post is explains how to create Photoshop style 3D text effects using CSS3 text-shadow and @font-face property. These properties are supported in all modern browsers like Chrome, Safari and Firefox, except Internet Explorer is dead. Try following examples and enrich your web pages, use better color combinations for pretty results

Text Effects using CSS3
Wednesday, November 02, 2011

PHP Image and Text Watermark

We received many tutorial requests from 9lessons readers that asked how to generate watermark image using PHP. In this post Arun Kumar Sekar coded two functions such as watermark_text() and watermark_image() to generate text and images watermarks on images. Integrate this to your web project upload image system and produce copyright photos.

PHP Image Watermark
Monday, October 24, 2011

Jquery Notification Plugin.

Introducing a new jQuery notification plugin, it helps better and enrich message notification system for your web application. This plugin contains four types of notification systems such as Success, Error, Warning and Information with rich user interface. Very easy to implement just follow the steps.

Jquery Notification Plugin.

Monday, October 17, 2011

How to Create a Jquery Plugin

This post is explains how easy you can built a jQuery plugin, we made a simple plugin called LinkColor. It makes your website anchor links so colourful and pretty beautiful, Just few line of code and very simple to use. Follow the eight steps and learn how to create your own jquery plugin. Take a look the live demo. Thanks!

Jquery Link Color plugin
Monday, September 19, 2011

Update - Login with Facebook and Twitter

Long days back we had posted an article Login with Facebook and Twitter. It’s now most visited article on 9lessons. I received many comments that asked to me to update the Facebook login system to get user email. So that I had modified existing script to getting Facebook email address automatically and storing Twitter OAuth tokens, take a quick look at new live demo.

Facebook Twitter Login

Monday, September 05, 2011

Smarty Template Engine using PHP

This post is about basic template engine management using Smarty with PHP. Smarty engine is an awesome tool, it saves your design development time. My friend Anil Panigrahi made a simple tutorial that how to implement Smarty for you PHP applications to follow basic standards and steps.

Smarty Template Engine using PHP

Make in India