In the website designing we’ve day by day updates as we know most of famous mobile platforms (iOS and Android) not supporting Flash based websites or even adverts not displaying they update their firmware with latest updates like HTML5 (Hyper Text Markup Language) is powerful alternate of flash animations, now we can these of with few HTML5 code lines. It goes to explain issues originate in previous rehearsals of HTML and addresses the needs of web apps and rich internet (Adobe Flash and Microsoft Silver Light alternate), an area previously not effectively covered by HTML.

We’re with Ultimate HTML5 Tutorials; we collected latest and really useful HTML5 tutorials from famous developer resources, these of all can help to web designers and web developers for get solution of modern development techniques, we should appreciate those developers who sharing there tricky knowledge regarding HTML5.

Quick Tip The Awesome Details Element

One of my favorite new HTML5 tags, which has only recently been integrated into Chrome (as of version 12), is the details element. I’ll show you to use it in today’s quick tip.

28 HTML5 Features Tips and Techniques you Must Know

This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.

Code a Vibrant Professional Web Design with HTML5/CSS3

In this second part of this web design tutorial series, we will convert the vibrant and professional design we designed in Part 1. We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

Build your First Game with HTML5

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.

The State of Video on the Web

A few days ago, Google announced that they were dropping support for the H.264 video codec in its popular browser, Chrome. In light of that, today, we’re going to take a look at the ramifications and current state of video on the web.

Quick Tip Create Cross-Browser Datepickers in Minutes

In this quick tip, I’ll show you how to use the new HTML5 date input, and then provide a fallback jQuery UI solution for the browsers which don’t yet support this new input type.

Build a Neat HTML5 Powered Contact Form

In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.

Blowing up HTML5 video and mapping it into 3D space

I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site.

How to Make an HTML5 iPhone App

You’ve been depressed for like a year now, I know. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn.

HTML5 and CSS3 Without Guilt

Not every HTML5 or CSS3 feature has widespread browser support, naturally. To compensate for this, enterprising developers have created a number of tools to let you use these technologies today, without leaving behind users who still live in the stone age.

Implementing HTML5 Drag and Drop

One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for this since version 5.5; in fact, the HTML5 implementation is based on IE’s support. In this tutorial and screencast, we’ll look at how to implement native drag and drop to build a simple shopping cart interface.

Have a Field Day with HTML5 Forms

Forms are usually seen as that obnoxious thing we have to markup and style. I respectfully disagree: forms (on a par with tables) are the most exciting thing we have to work with.

Create a Grid Based Web Design in HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3. We’ll build the HTML structure with the latest elements then style up the appearance of the site with CSS3 affects to match the original Photoshop concept with minimal use of background images.

Websockets interact with proxy servers

How HTML5 Web Sockets interact with proxy servers, load balancing routers, and firewalls. Additionally, they explained here Web Socket Gateway and its Web Socket emulation can add additional value.

Simple Website Layout Tutorial Using HTML 5 and CSS 3

The Most prominent additions in HTML 5 are tags like header, footer, aside, nav, audio etc. HTML 5 will also include APIs for drawing graphics on screen, storing data offline, dragging and dropping, and a lot more. Site layout would be easily understandable and in code, tags are easy to understand as well Like the few tags they listed.

How to Build Cross-Browser HTML5 Form

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

Comprehensive video tutorial on HTML5

This is an old video put up by a Google Employee called Brad Neuberg as an educational Introduction to HTML5. This is for the people who don’t find time to keep up with HTML5 developments by reading up articles.

Design & Code a Cool iPhone App Website in HTML5

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

Canvas From Scratch Transformations and Gradients

In this article, I’m going to walk you through transformations in the canvas, as well as shadows and gradients. Transformations are an extremely valuable set of methods that allow you to start being creative with the way you draw objects on the canvas. Let’s get started after the jump!

Coding A HTML 5 Layout From Scratch

At the end of this article you’ll learn how to Use Graceful Degradation techniques and technologies to keep things in place for legacy browsers.

HTML5 Geolocation Tutorial

At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

HTML 5 and CSS 3 The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.

Automated Optimization with HTML5 Boilerplate Build

HTML5 Boilerplate is widely recognized as a rock-solid foundation for building new web-based sites and applications. That said, few are aware that the tool offers more than simply setting up your development environment. It also helps you “wrap up” your work by providing an awesome cross-platform build process.

Tutorial Case Study with Html5 + CSS3

Last month I did a talk at the Campus Party, one of the biggest technology events of the world, talking about Fireworks, HTML5 and CSS3.

Designing a blog with html5

Much of HTML 5′s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let’s look at marking up a blog.

The Power of HTML 5 and CSS 3

Web designers can do some pretty cool stuff with HTML 4 and CSS 2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. We can style our web pages with beauty and detail without resorting to inline <font> and <br> tags. Indeed, our current design methods have taken us far beyond the hellish era of browser wars, proprietary protocols, and those hideous flashing, scrolling, and blinking web pages.

Create a stylish HTML5 template from scratch

HTML5 is certainly one of the latest buzzwords in the web community. It isn’t something new anymore and we’ve already seen how cool it is. Features like simplified doctype, more semantic markup, input types and placeholders are just some of the reasons you’d like to use a HTML5 template.

Coding a CSS3 & HTML5 One-Page Website Template

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game.  And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years.

The video element

The <video> element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it. Of course, this will only work in a few browsers: Safari 3.1+, Firefox 3.5+, and latest builds of Opera (oh, and potentially the next release of Chrome).

Creating an Animated 404 Page

It is bound to happen. Sooner or later, somebody is going to type in a wrong URL or follow a broken link to your site. This is when the notorious 404 page is displayed. To make the experience less frustrating, you can take the time and design a friendly error page, which will encourage your user to stay at your web site.

HTML5 Tutorial  Getting Started

HTML5 is coming quicker than a lot of web designers are probably aware. You’ve probably seen the stories that it won’t actually be usable until 2022 but in reality, you can actually start using it today. Not all web browsers support CSS2.1, not all visitors are using software capable of using JavaScript but that doesn’t stop us from using it and it shouldn’t stop you using HTML5 either, and here’s why…

Embed Audio and Video in HTML 5 Pages

InLesson 1 and Lesson 2 of our HTML 5 tutorial, we looked at some new structural tags you can use to help eliminate the “div-soup” of HTML 4.x layouts, as well as some other semantic tags to help give your pages easy-to-parse dates, metadata and captioned images.

HTML5 Article Element

If you’re new to HTML5 then you might want to start at the following link which will give you an overview and a simple template to get you started: HTML5 Tutorial.

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we’ll create a common layout using some of HTML 5′s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

Build a Custom HTML5 Video Player Free Premium Tutorial

Much like the other various Envato marketplaces, our newly launched Tuts+ marketplace will offer a free file each month. For September, that free file/tutorial just so happens to mine! I’ll show you how to build a custom HTML5 video player with Flash fallback support.

Technology has no range of limit everyday has come with new technology we can say that for technology every day is a new day. If we talk about technology, how can we forget about HTML5 because it’s part and parcel of technology. The importance of HTML5 is quite clear because it gives new abilities in the world of web development and designing too. So, by the presence of HTML 5, web application development will be more fun and really cool.

To keep in mind to the importance of HTML5 here I collect an account of HTML 5 Tutorial. Below you can see 20 vital HTML 5 that you should keep in front-end development.

How to Create an HTML5 Microdata Powered Resume

In May 2009, Google introduced Rich Snippets, a small block of information displayed in Google’s search engine results to make it easier for users to decide which pages are relevant to their search. In June 2011, Google announced the creation of Schema.org, a new initiative from Google, Bing and Yahoo! that aims to improve the web by creating structured data markup schema.

This tutorial demonstrates how to create an online resume that incorporates Schema.org Microdata. The tutorial also includes instructions on how to use Authorship Markup!

Simple Website Layout Tutorial Using HTML 5 and CSS 3

As most of us know HTML 5 has created a big buzz on internet and is sure to give Adobe a hard time. Apple believes that HTML5 is what will define the web and would love to see more developers adopt it instead of Flash. Now that big video sites such as YouTube are testing support for HTML5 (Mashable).

HTML 5 is a breakthrough which will improve the sites from design view point, seo etc. It when combined with css3 can make amazing web sites. For this you should check out this collection of all HTML 4 & 5 Tags reference sheet.

The Most prominent additions in HTML 5 are tags like <header>, <footer>, <aside>, <nav>, <audio> etc. HTML 5 will also include APIs for drawing graphics on screen, storing data offline, dragging and dropping, and a lot more . Site layout would be easily understandable and in code, tags are easy to understand as well Like the few tags i listed above clearly explains that :

How to Make an HTML5 iPhone App

You’ve been depressed for like a year now, I know. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn.

I don’t want to say that you should give up on the objective: you can get it eventually. But in the meantime, there is something else that you can do. You can create a native app that lives with all the other apps, and for the most part, it’s going to be a pitch-perfect imitation. You can do this with the skill set you probably already have: HTML(5), CSS, and JavaScript. I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

Design & Code a Cool iPhone App Website in HTML5

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

HTML5 isn’t here just yet, but the Working Draft is complete enough for us to play around and get to grips with the exciting new elements we can use in our code. To learn how a few of these elements can be used, let’s put together a simple website for say, a fictional iPhone app. How about we use the recent tutorial I wrote over at Tutorial9 as a base for our app website? This tutorial covered the process of building an interface just like the awesome apps from Tapbots, so head over and check it out, then we’ll be ready to build an accompanying website for our PKE Meter application.

Improving HTML5 Canvas Performance

HTML5 canvas, which started as an experiment from Apple, is the most widely supported standard for 2D immediate mode graphics on the web. Many developers now rely on it for a wide variety of multimedia projects, visualizations, and games. However, as the applications we build increase in complexity, developers inadvertently hit the performance wall.

There’s a lot of disconnected wisdom about optimizing canvas performance. This article aims to consolidate some of this body into a more readily digestible resource for developers. This article includes fundamental optimizations that apply to all computer graphics environments as well as canvas-specific techniques that are subject to change as canvas implementations improve. In particular, as browser vendors implement canvas GPU acceleration, some of the outlined performance techniques discussed will likely become less impactful. This will be noted where appropriate.

Note that this article does not go into usage of HTML5 canvas. For that, check out these canvas related articles on HTML5Rocks, this this Dive into HTML5 chapter and the MDN Canvas tutorial.

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

HTML5 is the future of web development but believe it or not you can start using it today. HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigations and footers which makes much more sense and are more natural.

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question.

Build your First Game with HTML5

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.

Coding A HTML 5 Layout From Scratch

HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.

While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. After all, time’s proven that implementation of unfinished specifications does work and can be easily mistaken by a complete W3C recommendation. That’s were Progressive Enhancement and Graceful Degradation come into play.

Code a Vibrant Professional Web Design with HTML5/CSS3

In this second part of this web design tutorial series, we will convert the vibrant and professional design we designed in Part 1. We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

Optimize Images With HTML5 Canvas

Images have always been the heaviest component of websites. Even if high-speed Internet access gets cheaper and more widely available, websites will get heavier more quickly. If you really care about your visitors, then spend some time deciding between good-quality images that are bigger in size and poorer-quality images that download more quickly. And keep in mind that modern Web browsers have enough power to enhance images right on the user’s computer. In this article, I’ll demonstrate one possible solution.

Let’s refer to an image that I came across recently in my job. As you can see, this image is of stage curtains and has some (intentional) light noise:

Making a Beautiful HTML5 Portfolio

In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

Syncing Content With HTML5 Video

One of the main changes from HTML4 to HTML5 is that the new specification breaks a few of the boundaries that browsers have been confined to. Instead of restricting user interaction to text, links, images and forms, HTML5 promotes multimedia, from a generic <object> element to a highly specified <video> and <audio> element, and with a rich API to access in pure JavaScript.

Have a Field Day with HTML5 Forms

Forms are usually seen as that obnoxious thing we have to markup and style. I respectfully disagree: forms (on a par with tables) are the most exciting thing we have to work with.

Here we’re going to take a look at how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques. I promise you will want to style your own forms after you’ve read this article.

How to Build Cross-Browser HTML5 Form

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

HTML 5 Visual Cheat Sheet by Woork

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.
Here’s a preview of my cheat sheet:

Create Modern Websites Using HTML5 and CSS3

This tutorial assumes some basic experience with HTML, CSS, and JavaScript. It assumes that you are aware of what an HTML element or tag is, what an attribute means, the basic syntax of HTML markup, the general structure of a Web page, and so on. In terms of CSS, you are expected to be familiar with element, class, and ID-based selectors, the syntax of a CSS property, and how to include CSS in your Web pages using inline or external stylesheets.

Finally, it is assumed that you have some working knowledge of JavaScript, such as what a variable, function, if statement, and for loop is, as well as how to include JavaScript code in your Web pages. If you feel that you need to brush up on any of these technologies before you begin, skip ahead to the Resources section for some useful tutorials and articles that will bring you up to speed on the basics of HTML, CSS, and JavaScript development.

Combining Modern CSS3 and HTML5 Techniques

Just because some techniques don’t work in decade old browsers doesn’t mean that you shouldn’t be learning everything you can! Stay on the cutting edge, as we use everything from CSS shadows and animations, to HTML 5 mark-up and local storage, to utilizing jQuery to work with the Picasa API. We’ll also take advantage of the excellent jQuery library, and review some best practices when coding.

Coding a CSS3 & HTML5 One-Page Website Template

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game.  And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years. But changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few years from now. One of these technologies is HTML5 – the new version of the fundamental language of the web.

Today we are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scrollTo plug-in. As HTML5 is still a work in progress, you can optionally download a XHTML version of the template here.

HTML5 File Uploads with jQuery

Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.

The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.

How to Create a Cute Popup Bar With HTML5, CSS3 and jQuery

Today we’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers. The bar can be used to display information, for example your latest blog post, to the user.

The way the bar pops out at the top makes sure it’ll be seen. And after the visitor has seen the information, he/she has the option to hide the bar.

Javascript language provides you a foremost library to make your design creative and you get positive result with its help. We have many techniques for best user experience (UX). We also have large library like, jQuery, Prototype, mootools etc. Javascript is one of the most useful and language for your design as well as developing, it is the cause of its popularity in the world.

Quick Tip: Create Cross-Browser Datepickers in Minutes

In this quick tip, I’ll show you how to use the new HTML5 date input, and then provide a fallback jQuery UI solution for the browsers which don’t yet support this new input type.

Build a Spiffy Quiz Engine: New Premium Tutorial

The first official Nettuts+ quiz was a massive success with an impressive number of developers participating and evaluating their knowledge. There were a non-trivial number of comments asking how the mini quiz engine was built. And lo and behold! That’s what we’re gonna learn in this week’s Premium exclusive tutorial!

Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts from the Tuts+ network.

Create a clean, simple slideshow using HTML, CSS and JQuery

This tutorial will show you how to create a slideshow using JQuery. The slideshow is compatible with all modern browsers, including IE, Opera and Firefox. I havent bothered making it IE6 compatible though, so if that is what you require its probably best that you look for an alternative tutorial!

The slideshow is also degradable – meaning users who have javascript disabled can still use it.

Javascript – An easy introduction

Javascript is used to add interactivity and functionality to a site. It has many uses, from detecting the viewers web browser to validating form input. It is compatible with all major web browsers, and is relatively easy to learn. This makes it one of(if not) the most popular scripting language on the internet. In other words, if you are are web developer(or aim to be) it is in your best interest to start learning Javascript now!

Javascript is a client side scripting language, which means that the script is executed by the users web browser rather than the actual web server. Just like a HTML document, when requested by the web browser the document is located and sent by the web server. It is then up to the web browser to execute the code, Javascript code is usually embedded within a HTML page, but can be written in an external file and referenced by the HTML document.

Where and how to write Javascript code

First of all, there are two ways to write your Javascript code. Lets have a look at these options. The first is by embedding the code in your HTML document. We do this by using the opening and closing script tags, defining the script type & typing our code. We seen an example of this in our introduction to Javascript article.

The second method is to write our code in an external file. This benefit of this method is that we can run the same code on multiple pages if necessary. Thus saving ourselves from repetitive strain injury!

Image Control Manipulation in JavaScript

Welcome to the home of the one and only JavaScript Guru. I will from here on our take you under my wing in the art of JavaScript. For the lesson at hand we will be beginning with an Image control in our HTML and see what we can do from there. If you do not have an Image to work with or would like to follow along in the code as well, please feel free to download the free source code located below.

Once we have created and set an image in our HTML, we must have a source for that image. What if we went ahead and were able to change the source of that Image control without the need to reload the page.

How to Speed Up Page Loading With Lazy Loading JQuery and JavaScript

In today’s lesson we will be learning how to decrease loading time on web applications with a number of videos. Usually the way things work is that a page, along with its content loads at a given speed, but nothing on the page is usable until the application is fully loaded. What we are going to be doing is load the page without any videos, and then when a video is requested by the user to view, it will load on its own, separately from the page.

First we will need to create a new project to work in. We will need an image of the video. I have taken the time to include a download link to the source code with the images and links as well. What the code will be doing is surrounding the video with an anchor tag. Then, the video will be commented out within the anchor tag. We will set the background property of the anchor tag equal to a picture of the video.

Build a Micro-Blog with SproutCore: New on Premium

SproutCore is a revolutionary JavaScript framework for creating client-side desktop-class applications that run in the browser. This tutorial will introduce you to the core concepts within SproutCore by developing a simple Twitter like micro-blog.

Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts.

Build your Own JavaScript Library: Premium Series

Over the course of the past few years, the JavaScript community has exploded exponentially. It it’s safe to assume that libraries are the primary reason we’ve seen such astonishing growth. Thanks to these libraries, the differences between the popular browsers are minimized, making cross-browser development much easier than it used to be. We’ll build our own in this series!

Getting Started with Backbone.js

Unlike its web development peers, JavaScript has never really had much in the way of frameworks to provide structure. Thankfully, in recent years, that’s beginning to change.

Today, I’d like to introduce you to Backbone.JS, a sweet little library that makes the process of creating complex, interactive and data driven apps so much easier. It provides a clean way to surgically separate your data from your presentation.

Canvas From Scratch: Transformations and Gradients

In this article, I’m going to walk you through transformations in the canvas, as well as shadows and gradients. Transformations are an extremely valuable set of methods that allow you to start being creative with the way you draw objects on the canvas. Let’s get started after the jump!

Substring Method in JavaScript

Knowing how to manipulate strings can become one of the most helpful tools in your bag of tricks in the wonderland known as JavaScript. One of the Methods we can use that we will be discussing here today is called the Substring Method.

We used over 10 web hosting companies before we found Server Intellect. They offer dedicated servers, and they now offer cloud hosting!
The Substring Method in JavaScript can also be applied to Visual Basic, as well as Visual C Sharp, C#. What the Substring Method does is it allows you to take sections a.k.a. parse, whether its singular words or full phrases, and create a new string or unleash your will upon it. Using this in conjunction with the IndexOf Method will let you find  where the variable, section of the string you are looking for, is located.

Replace Method in JavaScript

I hate to proof read my work. Now Imagine finding that you have built a site with very pertinent information, let’s say a biography , and you just so happen to spell the subjects name wrong, let’s call him Bob, but it’s actually spelled Bobb. Now your issue is that this bio is thousands of words long and the time it’s going to take you to go through and fix this word for word is going to be too much. Well, you are in luck; this is where the Replace Method comes into play using Javascript.

Setting CSS3 properties using JavaScript

Setting CSS properties using JavaScript is nothing new, and for the most part follows a very predictable path:

document.getElementById(“adiv”).style.height=”100px” //set CSS height property using JavaScript

document.body.style.backgroundColor=”yellow” //set CSS background-color property using JavaScript

You’d first access the “style” object of an element, then follow it up with the desired CSS property name to set it. If the CSS property name is hyphenated, such as “background-color”, drop the hyphen and capitalize the character following it when referring to it in JavaScript. Simple enough right? With setting CSS3 properties, technically nothing changes; the problem is knowing which property to set! You see, as browsers raced to support CSS3 properties before they’re finalized, the use of vendor prefixes was what the browsers turned to offer an “interim” solution while the details of the official properties are hashed out . All major browsers have their own vendor prefix, which are:

Preloading images and executing code only after all images have loaded

Preloading images is one of those time tested JavaScript techniques that remain popular even today for loading up images as soon as possible in the background. The idea is to kick start the process as soon as the page begins to load so that when the application in question needs to display them, such as an image rollover effect, those images will hopefully have preloaded already and be shown instantly. The following simple function preloads any number of images when called:

jQuery Tutorial – Create a Sliding Menu Using jQuery

This time we’ll be building a sleek menu using jquery and some styles. What’s beautiful about jquery is how you can change a few bits and you get an entirely new effect.

Building a 5 Star Rating System with jQuery AJAX and PHP

In this tutorial, you’ll learn how to build a rating system with AJAX, PHP, and jQuery. Votes will be recorded and updated in real-time with the magic of AJAX, and we’ll also leverage the power of PHP so that you don’t even need a database!

iPhoto-like image resizing using Javascript

Upon seeing the Fluxiom intro video, I was compelled to figure out how they pulled off iPhoto-like image scaling in a browser. Leveraging the work of others, it’s actually very simple. If you use the script.aculo.us slider control to capture input values, it’s really just a matter of converting those values into something useful and modifying styles.

Note: OS X folks using Firefox will likely get some stutter, due to a crippling, 3 year old bug.

jQuery for Absolute Beginners: The Complete Series

Hi everyone! Today, I posted the final screencast in my “jQuery for Absolute Beginners” series on the ThemeForest Blog. If you’re unfamiliar – over the course of about a month, I posted fifteen video tutorials that teach you EXACTLY how to use the jQuery library. We start by downloading the library and eventually work our way up to creating an AJAX style-switcher. I’m very proud of this series; possibly more than any other that I’ve done for Envato.

10 jQuery Tutorials for Designers by webdesignerwall

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a “write less, do more” Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.

4 Jquery Easy Tips And Tricks Tutorial

I have been getting familiar with jQuery recently and the more I get into it, the more I’m impressed with it. When I first heard about jQuery I was definitely intimidated by it since I had no previous background with javascript, but I soon realized once you get the basics down its not very hard to pull of some neat effects.

Of course, to master anything it takes dedication and hard work, but for those who are on the sidelines looking in, don’t be scared to get familiar with it. Start today as I share some of the easy tips and tricks that I have picked up along the way. For those who have no idea what jQuery is, go and read up on it here.

Canvas From Scratch: Advanced Drawing

In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I’m going to demonstrate some of the more advanced drawing functionality.

Create a Dynamic Content Editing System: New Premium Tut

In this week’s in depth Premium tutorial – in both written and video formats – we are going to learn how to create a dynamic content editing system using the jQuery UI Widget Factory. We’ll go over how to develop a logical, object orientated jQuery UI Widget, transform various nodes to editable text fields, delegate events within the widget framework, manage context, toggle icons, serialize data, and of course edit, restore and delete data using jQuery’s fantastic AJAX functionality!

Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts.

12 Useful and Handy jQuery Tips and Tricks

When I start learning jQuery, I always look for a best way to implement a code. Or sometimes, look for the simplest solution among the rest, though it’s not the elegant way to do it, but it’s easy to understand. So, now, I’m gonna show you my favourite collection of jQuery tips and tricks…

Create an Attractive Before and After Photo Effect with jQuery

Improve your jQuery – 25 excellent tips

jQuery is awesome. I’ve been using it for about a year now and although I was impressed to begin with I’m liking it more and more the longer I use it and the more I find out about it’s inner workings. I’m no jQuery expert. I don’t claim to be, so if there are mistakes in this article then feel free to correct me or make suggestions for improvements.

I’d call myself an “intermediate” jQuery user and I thought some others out there could benefit from all the little tips, tricks and techniques I’ve learned over the past year. The article also ended up being a lot longer than I thought it was going to be so I’ll start with a table of contents so you can skip to the bits you’re interested in.

Build An Incredible Login Form With jQuery

One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we’ll also animate it.

Spotlight: Constrained Stickies with jQuery

Every other week, we’ll take an ultra focused look at an interesting and useful effect, plugin, hack, library or even a nifty technology. We’ll then attempt to either deconstruct the code or create a fun little project with it. Today, we’re going to take a look at a plugin that implements a pretty neat effect — it’s pretty hard to explain in a sentence so you may as well click on the continue button to get started after the jump.

Create a Photo Admin Site Using PHP and jQuery

I’m pleased to present you with part one of a two part series on creating a photo site using PHP, jQuery, and AJAX. Originally, I intended to fit the entire tutorial into one screencast, but that quickly became a pipe dream as I realized that there was simply too much to cover. Nevertheless, even if you only watch this first video, you should learn a great deal.

We’ll be retrieving images from a database, creating a simple login form with authentication, and will then allow for our database to be asynchronously updated. Sounds good? If so, let’s get into it.

From having simple technology to be able to make web designs, web designers now have a lot of latest technology and techniques to make a good website and that too with less hassle. Technology has been driving web designing web industry lately and will continue to do so because of the ever growing needs. The basic objective of technology is to make a web designer’s life convenient and easy; however, it is entirely up to designer himself how to use the technology in the best possible way. Like updating business cards with fresh information, you need to continually update your web design skills.

Following are a few latest technologies which can prove to be really beneficial for web designers if used in a proper way:

Latest Web Markups – HTML5 and CSS3

Undoubtedly, HTML5 and CSS3 have been really popular among the designers recently. The good thing is that everyone is adjusting and improving with the new technology which is why modern web browsers have understood the importance of HTML5 and CSS3. Not only browsers, even big mobile phone companies such as iphone etc have made an effort to recognize the value of HTML5 and CSS3.

As a designer, if you want to become part of the main stream, you should be aware of such technologies and being aware is not enough. Proper usage is way too important and these two markups can be used in any of the current projects of web designers and it can make work better and convenient.

Web Typography

Web typography has recently gained a lot of popularity in web designing and is being widely used by designers. This has given a whole new direction to the fonts which are used in making of a website. Earlier, designers had a very limited set of fonts but now with the help of new web services such as Fond deck or Google font API has helped designers in coming out of the set fonts which are being used for years now.

This has not only brought a positive change but has also given designers a wide variety of typographic fonts to choose from. However, it is up to the designers’ own aesthetics to use the correct font which looks good, is readable and is harmonious with the website and its designs.

Mobile Web

The technology in mobiles is evolving like anything. Apple has recently launched iPad and now people have smart phones, android, Macbook Air and what not to stay n touch with everyone around the world. With the invention of such mobile phones, browsing has taken a new direction completely. Now people can access their emails and other websites with the help of wi-fi or any other network.

It is designers’ responsibility to design the website in a way so that it is compatible for all platforms, nevertheless of the browser or the device being used for web browsing. Designers can obviously design separate interface for iPhones and smart phones which adds a lot to the website’s usability.

JavaScript

JavaScript is an important part of web designing. Although, the technological development in JavaScript specifications has not been done to a great level but the importance of JavaScript in web designing cannot be denied. Web designers should have an idea of how to use JavaScript properly.

Functionality of the Website

A lot of designers focus more on the layout of the website instead of making sure that website is fictional and has an easy navigation. Usage of technology is always good but it should be used in order to make the visitor of your audience convenient and easy instead of making it complicated. Do not use technology in your website just for the sake of it.

Use it only when it is necessary because a user will come to your website for the sake of information and if he has problems in finding it, he will leave your website regardless of the fact if it has been made with the best technology.

When To Use Technology?

Technology is a blessing for web designers; however, it all depends on the person using it as when to use it so that it gives the best results. You can always use these high tech features as a web designer in order to create your website but your website should basically serve its purpose. Before you indulge yourself in the technological blessings for the web, you need to determine the purpose behind your website. If you are making an e commerce website, obviously the technology used will be a little different in comparison to what a normal website will use.

Final Thoughts

Technology has made lives of every human being easier. However, everything has its own pros and cons and same goes for technology. When it comes to web designing, technology has a lot of positive effects. It makes your work easier and enables you to produce best results in limited time. Many famous and call-to-action websites of the world owe their mere existence to technological advancements in web designing.

However, if you will go over board with technology, you might end up messing your website. Even as a designer, you should understand what technology is required and when. Do not use tit because everyone else is. Use technology if it is required in your project. Always remember, it should be used to make things simple as this is the purpose behind technology. Web designing can be very tough as merging creativity and technology is not an easy task. But this is exactly when you need to show your designing skills by making the proper usage of technology.

CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. HTML5 is giving web designers and developers new capabilities that were things of fantasy with previous versions of HTML. Web pages will now be more semantic with the use of structure specific tags. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg.

When saying about HTML5, developers mean the new semantic structural tags, API specs like canvas or offline storage, new inline semantic tags, etc. HTML5, in fact, is aimed at creating a comprehensive markup language for front-end development, able to provide qualitative information on the different elements of the page. But to help make some sense of what’s new and essential in HTML5, you could review some helpful and indispensable HTML5 tutorials that go over many of the major HTML5 aspects and new standards.

In an front-end development effort to encourage our respected visitors and readers to do the same and to prepare you for the future, we’ve rounded up “HTML5 Techniques – Ultimate Collection of Tutorials“.

How to Make an HTML5 iPhone App

You’ve been depressed for like a year now, I know. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn.

I don’t want to say that you should give up on the objective: you can get it eventually. But in the meantime, there is something else that you can do. You can create a native app that lives with all the other apps, and for the most part, it’s going to be a pitch-perfect imitation. You can do this with the skill set you probably already have: HTML(5), CSS, and JavaScript.

A Marriage Made in Heaven? HTML 5 and CSS3

Perhaps foreshadowed by Google’s adoption of HTML 5, Jeffrey Zeldman pointed out late last week; the future of XHTML 2 is no more. Obviously the selectors we use in CSS 3 depend on the underlying markup we work with, so this news is very interesting and we think timely. As CSS 3 support inches forward with each browser release and as JavaScript libraries supplement poor browser behavior, the need for web developers and enthusiasts to be able to focus their attention has become a paramount concern.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.

When can I use…

Look up which browsers support CSS3, HTML 5, and other technologies not supported by all browsers.

The Power of HTML 5 and CSS 3

Web designers can do some pretty cool stuff with HTML 4 and CSS 2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. We can style our web pages with beauty and detail without resorting to inline <font> and <br> tags. Indeed, our current design methods have taken us far beyond the hellish era of browser wars, proprietary protocols, and those hideous flashing, scrolling, and blinking web pages.

As far as we’ve come using HTML 4 and CSS 2.1, however, we can do better. We can refine the structure of our documents and increase their semantic precision. We can sharpen the presentation of our stylesheets and advance their stylistic flexibility. As we continue to push the boundaries of existing languages, HTML 5 and CSS 3 are quickly gaining popularity, revealing their collective power with some exciting new design possibilities.

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

HTML5 is the future of web development but believe it or not you can start using it today. HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigation’s and footers which makes much more sense and are more natural.

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question.

Design & Code a Cool iPhone App Website in HTML5

HTML5 isn’t here just yet, but the Working Draft is complete enough for us to play around and get to grips with the exciting new elements we can use in our code. To learn how a few of these elements can be used, let’s put together a simple website for say, a fictional iPhone app. How about we use the recent tutorial I wrote over at Tutorial9 as a base for our app website? This tutorial covered the process of building an interface just like the awesome apps from Tapbots, so head over and check it out, then we’ll be ready to build an accompanying website for our PKE Meter application.

HTML5 Unleashed: Tips, Tricks and Techniques

Can we use HTML5 today? What can we do with it? Is it really going to kill Flash? You must have noticed a gradual increase in the frequency of these and similar questions being asked, debated and even answered. In my opinion, you must answer such fundamental questions yourself.

The whole purpose of this article is to help you get started with some basic guidelines and easy to follow code templates. If you are familiar with the basics and want to take things to the next level, you will also find several useful resources providing more tips, tricks and techniques.

HTML5 Features

Official Specification Document is the best place to look for HTML5 features, but you can also start with simple and easy to follow HTML5 Tag Reference at W3Schools. We will cover following features in this article:

• Semantic Markup

• Form Enhancements

• Audio / Video

• Canvas

• ContentEditable

• Drag and Drop

• Persistent Data Storage

Designing a html-5-layout-from-scratch

HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.

While it is true HTML5 and CSS3 are both a work in progress and is going to stay that way for some time, there’s no reason not to start using it right now. After all, time’s proven that implementation of unfinished specifications2 does work and can be easily mistaken by a complete W3C recommendation. That’s were Progressive Enhancement and Graceful Degradation come into play.

HTML5 JavaScript APIs

Just because you didn’t get to go to that awesome conference doesn’t mean that you can’t still watch the lectures! Each weekend, we’ll feature a recommended web development lecture on Nettuts+.

In December of last year, Remy Sharp spoke at CODEBITS about the various new HTML5 APIs. In the talk, he covers the video element, canvas, web storage, and other techniques.

Build Awesome Practical CSS3 Buttons

What once required background images and icons can now be created with plain-old CSS. Because modern browsers have access to things like box shadow, gradients, rounded corners, text-shadows, and font-face, we can finally take advantage of this and remove any need for images, when creating visual elements, such as buttons! I’ll show you how in today’s video tutorial.

Quick Tip: Mimic Equal Columns with CSS3 Gradients

What happens when your main content area needs two specific background colors: one for the primary content, and another for the sidebar? If you’ve ever tried applying the background to each container itself, you’ll no doubt have realized that your layout quickly becomes fragmented as soon as, say, the primary content section exceeds the height of the sidebar.

Generally, the solution is to set a background image on the parent element, and set it to repeat vertically. However, if we get clever with CSS3 gradients, we can achieve the same effect with zero images. The irony in this is that we’re using CSS3 gradients to create an effect that doesn’t contain a gradient! Read on to learn more.

Have a Field Day with HTML5 Forms

Forms are usually seen as that obnoxious thing we have to markup and style. I respectfully disagree: forms (on a par with tables) are the most exciting thing we have to work with.

Here we’re going to take a look at how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques. I promise you will want to style your own forms after you’ve read this article.

Designing a blog with html5

Much of HTML 5′s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let’s look at marking up a blog.

Firstly what we’ll do is use the header, footer, and nav elements to mark up the broad structure of the page. We’ll make the blog comments form much smarter by using the new data types and built-in validation available in HTML 5-aware browsers.

Then we’ll do some work on the guts of the page, using HTML 5’s article elements to better mark up blog posts and comments and show how to use the section elements to better structure accessible hierarchical headings on sites that are CMS-driven. As blogs are chronologically ordered, we’ll see what HTML 5 offers us for representing dates and times.

Blowing up HTML5 video and mapping it into 3D space

I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call. Here is the description on the draft site.

HTML5 Audio and Video: What you Must Know

In promotion of what I consider to be the best HTML5 book currently available on the market, Remy Sharp and Bruce Lawson agreed to donate a chapter of Introducing HTML5 to our readers, which details the ins and outs of working with HTML5 video and audio.

A LONG TIME AGO, in a galaxy that feels a very long way away, multimedia on the Web was limited to tinkling MIDI tunes and animated GIFs. As bandwidth got faster and compression technologies improved, MP3 music supplanted MIDI and real video began to gain ground. All sorts of proprietary players battled it out—Real Player, Windows Media, and so on—until one emerged as the victor in 2005: Adobe Flash, largely because of the ubiquity of its plugin and the fact that it was the delivery mechanism of choice for YouTube.

HTML5 provides a competing, open standard for delivery of multimedia on the Web with its native video and audio elements and APIs. This article largely discusses the <video> element, as that’s sexier, but most of the markup and scripting are applicable for both types of media.

Hybrid Column Layout

Have you done a website with fixed columns? Easy, right? What about one with liquid columns? you know, those that use percentages.. easy too.  Have you ever mixed them up? If so, Did you have problems? I bet you did..

Create an Elegant Website with HTML 5

I’m sure that who chooses to work as web designer makes a choice of heart, a choice of love. He/she decides to bet any given day on his creativity and his ability of producing an idea and of making it tangible, visible and perceptible for all. These crazy men have my respect. But, also when the creative side is very important for a work, there exists a logical (and technical) part in all creative process.

There are some moments and situations in which the creative mind needs an analytical method to achieve the objective, that is, for us, the creation of a well-done website.

In his article on Design Informer titled “Web Design Iterations And Algorithm,” Adit Gupta explains how we can approach a web design work and how a website project can be processed in a number of iterations following a main algorithm. Well, generally it’s just how Adit has described.

Coding Up a Web Design Concept into HTML & CSS

I’ve recently been working on a design concept for a WordPress theme as part of a personal project. In this walkthrough we’ll go through the process of converting the design concept from PSD document right through to completed HTML and CSS mockup, complete with clean and valid code, a few touches of CSS3 and some quick fixes to help out old IE6.

Coding a CSS3 & HTML5 One-Page Website Template

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game.  And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years.

But changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few years from now. One of these technologies is HTML5 – the new version of the fundamental language of the web.

Today we are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scrollTo plug-in. As HTML5 is still a work in progress, you can optionally download a XHTML version of the template here.

Comprehensive video tutorial on HTML5

This is an old video put up by a Google Employee called Brad Neuberg as an educational Introduction to HTML5. This is for the people who don’t find time to keep up with HTML5 developments by reading up articles.

The topics covered in this article are:

• Web vector graphics with the Canvas tag and Scalable Vector Graphics (SVG)

• The Geolocation API

• HTML 5 Video

• The HTML 5 Database and Application Cache

• Web workers

The video is long enough, so sit back and enjoy it completely and thank us later for digging this out for you.

Create modern Web sites using HTML5 and CSS3

This tutorial serves as a hands-on introduction to HTML5 and CSS3. It provides information about the functionality and syntax for many of the new elements and APIs that HTML5 has to offer, as well as the new selectors, effects, and features that CSS3 brings to the table.

Finally, it will show you how to develop a sample Web page that harnesses many of these new features. By the time you have finished this tutorial, you will be ready to build Web sites or applications of your own that are powered by HTML5 and CSS3.

Structural Tags in HTML5

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical <div> entries from our code. So let’s dig in.

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6

HTML 5 provides some great new features for web designers who want to code readable, semantically-meaningful layouts. However, support for HTML 5 is still evolving, and Internet Explorer is the last to add support. In this tutorial, we’ll create a common layout using some of HTML 5′s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer. Yes, even IE 6.

Pocket Books

Build a Custom HTML5 Video Player: Free Premium Tutorial

Much like the other various Envato marketplaces, our newly launched Tuts+ marketplace will offer a free file each month. For September, that free file/tutorial just so happens to mine! I’ll show you how to build a custom HTML5 video player with Flash fallback support.

Be sure to grab this one for free for the entire month of September. Next month, it’ll return to its original price.

Quick Tip: Getting Offline Access with HTML5 Application Cache

Just when you thought you’d seen all the cool features of HTML5, I’m here to bring you yet another one. The internet is no longer about just websites; it’s about web applications. Often, our users are on portable or mobile devices, and they won’t always have access to a network. With HTML5’s Application Cache, you can provide them with all or some of the functionality they would have online, no matter where they go.

Hope you will learn from these useful techniques and also share your experience about that.

Curl

PHP supports libcurl, a library created by Daniel Stenberg, that allows you to connect and communicate to many different types of servers with many different types of protocols

curl is a command line tool for transferring data with URL syntax, supporting FTP, FTPS, HTTP, HTTPS, SCP, SFTP, TFTP, TELNET, DICT, LDAP, LDAPS, FILE, IMAP, SMTP, POP3 and RTSP. curl supports SSL certificates, HTTP POST, HTTP PUT, FTP uploading, HTTP form based upload, proxies, cookies, user+password authentication (Basic, Digest, NTLM, Negotiate, kerberos…), file transfer resume, proxy tunneling and a busload of other useful tricks.

Curl is free and open software that compiles and runs under a wide variety of operating systems. Curl exists thanks to efforts from many contributors.

The most recent stable version of curl is version 7.20.1, released on 14th of April 2010. Currently, 69 of the listed archives are of the latest version.

My function have three parameters first is twitter login id,twitter password and third one is the message you want to sent on twitter

function postToTwitter($username,$password,$message){

$host = “http://twitter.com/statuses/update.xml?status=“.urlencode(stripslashes(urldecode($message)));

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $host);
curl_setopt($ch, CURLOPT_VERBOSE, 1);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_USERPWD, “$username:$password”);
curl_setopt($ch, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1);
curl_setopt($ch, CURLOPT_POST, 1);

$result = curl_exec($ch);
// Look at the returned header
$resultArray = curl_getinfo($ch);

curl_close($ch);

if($resultArray['http_code'] == “200″){
$twitter_status=’Your message has been sended! <a href=”http://twitter.com/’.$username.‘”>See your profile</a>’;
} else {
$twitter_status=”Error posting to Twitter. Retry”;
}
return $twitter_status;
}

Whether you’re a graphic designer or you design solely for the web, I am certain you will learn quite a lot from those articles. Some of them are geared more towards web-design but some also refer to drawing and painting or simply talk about how to effective use whitespace to craft more interesting designs. I hope you’ll enjoy this post!

1. Enhancing Your Art with Negative Space

2. An introduction to Negative Drawing with Mike Sibley

3. Negative Space – A Drawing Tutorial

4. Negative Space

5. Positively Negative: A Tutorial about Negative Space

6. Negative Space: nothing says a lot

7. Using Negative Space Effectively In Logos

8. Whitespace

9. Using White Space Effectively In Web Design

10. Use Whitespace to Indicate Relationships Between Content Elements

11. Whitespace: The Underutilized Design Element

12. Use of White in Web Design: Tips and Trends

13. Improving typography through space

14. How To Add White Space

15. On White Space in Graphic Design

16. CSS 101

17. Design Tip: The Value Of White Space

18. White Space and Simplicity: An Overview

19. Grid Design, A Classic Beauty For Whitespace Freaks

20. White Space in Your Web Design & Graphic Design

Conclusion

I hope you learned a thing or two from those articles. Of course feel free to chime in and share your discoveries with the rest of us. Have you read a great article about negative space/ whitespace recently? Please drop the link in the comment section!

Tom Walker is a writer and designer who works for Cartridge Save where he reviews products such as the HP 337 ink cartridge and manages their design blog.

The web developers are driven to newer technologies that could enrich users experience, Some examples about functionality: in voting pole With Ajax, your vote could be registered without having to load the entire page again. web designers can use the greatest development tool If they already know about JavaScript, HTML, CSS and XML then you will need to spend your few mints to start with AJAX learning.

It’s one of the first choices building faster and responsive user interface. Ajax, which consists of HTML, JavaScript™ technology, DHTML, and DOM, is an outstanding approach that helps you transform clunky Web interfaces into interactive Ajax applications. Here is the list of 35+ Web Developers Useful Ajax Tutorials, which includes some useful tutorials with real time professional examples.

Ajax Username Availability Checker Using MooTools 1.2

New WordPress Plugin: WDP AJAX Comments

Ajax and XML: Ajax for tables

Introducing the ASP.NET Ajax Frameworks

How To: AJAXify WordPress Comment Posting

Ajax and XML: Ajax for chat

How To Create An Amazing jQuery Style Switcher

An Introduction to the Raphael JS Library

Creating a Dynamic Poll with jQuery and PHP

RSS Ajax JavaScript ticker

Create a Dynamic Scrolling Content Box Using AJAX

Create a shoutbox using PHP and AJAX (with jQuery)

Building your first Ajax application with PHP

How To Build Quick and Simple AJAX Forms with JSON Responses

Vista-like Ajax Calendar version 2

Create an In-Place Editing System

How to Code a Fun To-Do List With PHP and AJAX

AJAX Multiple File Upload Form Using jQuery

8 Ajax Data Controls and Effects to Work with Tables

Ajax Forms with jQuery

Making an Ajax PHP Watermarker Script

Use jQuery and ASP.NET AJAX to build a client side Repeater

Ajax for Java developers: Build dynamic Java applications

Easily build powerful client-side AJAX paging, using jQuery

Creating an Ajax contact form

Using the Prototype JavaScript library and script.aculo.us

Develop Ajax applications like the pros, Part 1:

Using the Prototype JavaScript Framework and script.aculo.us

Develop Ajax applications like the pros, Part 2:

Ajax security tools

PHP components: Autosuggest

Creating An Amazing jQuery Style Switcher with Ajax Techniques

Google AJAX APIs

AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL

Auto-populating Select Boxes using jQuery & AJAX

Using Ajax to Validate Forms

Mastering Ajax, Part 3: Advanced requests and responses in Ajax

Easy Ajax with jQuery

Today you get some very professional experience about Contact Forms which are develop after using CSS skills, you may get more knowledge from this post where a number of Contact Forms Tutorial for Web Designers and Web Developers, enjoy!!!!

Niceforms

CSS Styling of Forms

Styling Even More Form Controls

Trimming Form Fields

A List Apart: Articles: Prettier Accessible Forms

5 Uniquely Designed and Coded Web Form Styles

Background Images into Form Fields with CSS

Semantic Horizontal Forms

Designing Simple & Beautiful CSS Based Forms

How to Create a Perfect Form Markup and Style it with CSS

Enhance your input fields with simple CSS tricks

Validation best practices

Make image buttons a part of input fields

How to deal with large webforms

Turn postcard photo into a stunning comment form using CSS

Adding Style with CSS

Fancy Form Design Using CSS

Make your forms beautiful with CSS

A Simple Tableless Form

How To Create a Good Looking Form

Formy-CSS-Framework

Since it first began, jQuery has had a thoughtful effect on the web design world. Its famed slogan, “write less, do more”, exemplifies its true nature and aptitude. Throughout the past year, hundreds of thousands of jQuery tutorials and resources have been released. They range from a simple HTML change to dynamic sliders and charts.

Below we present 15 Outstanding JQuery Resources & Tutorials which we have hand-picked from the wide variety of articles. These resources not only help you accomplish remarkable things, but they do it with style and elegance.

1. Thumbnail Hover Effect

Lately I was checking out some nice flash galleries and came across an consequence that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I’d share this and maybe some of you can find it useful.

2. JQuery Image Scroller

In this tutorial, we’re going to be building an image scroller, making use of jQuery’s outstanding animation features and usually having some fun with code. Image scrollers are of course nothing new; versions of them come out all the time. Many of them though are user-initiated; meaning that in order for the currently displayed content to change, the visitor must click a button or perform some other action. This scroller will be different in that it will be entirely independent and will begin scrolling once the page loads.

3. JQuery iCal Calendar

You may often see some websites displaying a ordinary look of calendar simply to give information to the visitors of what the date or what day is today and it is also moderately without additional uses. Stefano Verna has brilliantly written a jQuery tutorial to create iCal-like calendar.

This calendar is built using HTML -table- structure and stylized with smart CSS syntax. You’ll need to use a single faultless image for all the graphics which represented each date in one meticulous month. The CSS allows you to add hover effect, styling the font and more options in defining the size of your calender. Whilist, the The jQuery is responsible to bring the Coda FX like. It will soon give you a stylish ical-style where you can mark any date with some tip-events.

For more play-up, visit the source page and the demo to start building your custom i-cal like calendar and find a good use of it!

4. Uses of jQuery

There have been abundance of posts on the number of overwhelming jQuery plugins and where to find them. However, sometimes it is finest not to rely on third party plugins and resources. Do it yourself the old fashioned way! Today, we will have a look at 20+ creative uses of jQuery in modern day websites and applications; sure to motivate you for your next project.

5. Image Menu

I have always consideration that imagemenu sliding effect is really cool and that it would be nice if it worked with jQuery. Introducing a Mootools image menu ported to Jquery. If you have ever seen the image menu javascript for mootools by phatfusion and liked what you saw well here is a Sliding Image Menu alternative I’ve come up with using the power of jquery javascript.

6. Favicon For Outgoing Links

External links should always be marked distinctly in order to see them easily. First I thought adding a CSS class to all a[href^=http] will be more then fine. After that I got the better idea of using the favicon.ico of the external site, if it is available of course. Here is the code:

7. Drag And Drop

After publishing ScheduledTweets yesterday, I received e-mails asking “how the drag’n drop & saving the new positions to the database was working”.

Drag’n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks. Here is, how it is done by using jQuery & jQuery UI:

8. Content Slider

There are a ton of tutorials already out there about creating content sliders with jQuery.  So why bother writing another one? While I don’t think that the existing tutorials are incorrect, bad, or otherwise unacceptable, I haven’t found one that met my needs.

9. JQuery Gestures

I’m still working on the redesign, but from time to time I like to take a break and work on a one night project. Today’s project was enthused by this article. Although I loved the idea, I establish it lacked several things :

10. JQuery Favelet For Documentation

My jQuery knowledge isn’t quite to the level of my MooTools so I rely quite a bit on the jQuery documentation. When I look at articles with jQuery code in them, I’ll periodically see functions I hadn’t seen before and want to learn more about. What’s annoying is bringing up a new tab and navigating to the docs. I’ve created a javascript favelet/bookmarklet that does that for me.

11. JQuery Scroller

The purpose of this library is to make it extremely easy to add scrolling functionality to a website. Whenever you wish to scroll HTML elements in a visually-appealing manner, this is the only library you need.

The advantage of using jquery.scrollable compared to “normal” browser scrolling is that you don’t see the browser’s default scrollbars, and you can perform scrolling in much more visually sophisticated ways, like in the above example. The main design goals of the library are to provide visual customization functionality and programmability. Here are some example scenarios where you will benefit from using the library.

12. JQuery Charts

Here is the Javascript using jQuery that fetch and format the data to be processed by Flot.