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.
Showing posts with label WebDesign. Show all posts
Showing posts with label WebDesign. Show all posts
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 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.
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.
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.
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.
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
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.
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.
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.
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.
.
.
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).
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.
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.
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
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.
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.
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!
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.
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.