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.

Summary:  For years Web developers have salivated over some of the features promised in the next generation of Web browsers as outlined by the HTML 5 specification. You might be surprised to learn just how many of the features are already available in today's browsers. In this article, learn how to detect which capabilities are present and how to take advantage of those features in your application. Explore powerful HTML 5 features such as multi-threading, geolocation, embedded databases, and embedded video.

In webdevelopment you have to be in touch with latest technologies, if you really want to be on top. Now HTML5 is new its the fundamental language for web, so we all need to learn it thats why we have collected some tutorials on coding a layout with HTML5 and CSS3. We will come up with HTML5 Layout tutorial in upcoming days, Subscribe to our RSS feed to be in touch.

There has been an increasing and sincere interest in typography on the web over the last few years. Most websites rely on text to convey their messages, so it's not a surprise that text is treated with utmost care. In this article, we'll look at some useful techniques and clever effects that use the power of style sheets and some features of the upcoming CSS Text Level 3 specification, which should give Web designers finer control over text.

Summary:  Author Thomas Myer shows experienced PHP developers how to add CouchDB to their technical toolboxes.

Template Inheritance is an extremely useful technique for making reusable HTML layouts for a site. It is much more flexible than alternative techniques, such as "including" common elements of a page (like a header and footer file). The concept has been around for a while, most notably in the Django template engine. Unlike other libraries, PHP Template Inheritance lets you write everything in straight PHP. There is no need to learn another template language.

HTML5 and CSS3 are bringing new features to us and in this article you'll be able to find some great tools, cheat sheets and much more you could need to master these new features.

Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I'll show you some different CSS3 techniques that work great in some of the leading browsers (i.e. Firefox, Chrome, Safari, Opera ), and how they will degrade well in the non-supported browsers (i.e. Internet Explorer). Using browser specific extensions, many of the proposed CSS3 styles can be used today!

Cool Websites and Collections

Summary:  Agavi is an open-source, flexible, and scalable framework for application development. One of its key features is built-in support for REST routes, making it possible to quickly add a REST API for third-party development to an existing or new Web application. In this article, examine this feature in detail, and how to build a REST API with support for both XML and JSON formats.

♻ Retweet In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes! Of course CSS3 never rolled out last year, it has been around for a long time without ever entering mainstream web design. That was until last year when support arrived from the web browsers Safari, followed by Firefox and then Chrome. And CSS3 has been gaining momentum ever since.

CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It really is an exciting time for web design.

After numerous requests, today we are launching a new screencast series on Nettuts+ that will focus exclusively on the CodeIgniter PHP framework. Over the course of about 10 videos, I'll teach you exactly how to use this framework. Ultimately, we'll work our way up to building a custom CMS. Without further ado, here's day one!

This editor allows for easy editing of json strings, after loading a sample from the dropdown list click 'build tree', expand the tree, click nodes and start changing! Also try the xml2json functions for quickly converting xml to json.

Planning, Designing, Developing and Security

When you think of "tabs", your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same idea with "pure CSS". Just as we did with the CSS Image Switcher, let's tackle this traditionally JavaScript project with only CSS.

Summary:  Since the World Wide Web emerged in the early 1990s, HTML has evolved to become a relatively powerful markup language, which, when backed up by its close partners JavaScript and CSS, can be used to create visually stunning and interactive Web sites and applications. 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.

Roll over a link, watch the image above change. That's what we build in this screencast, only we don't use any JavaScript to do it. The trick is some simple z-index switching on hover and a bit of absolute positioning.

In 1996, Macromedia released their product called Macromedia Flash which is a vector-based animation platform. With Flash, web designers were now able to create animations using a timeline and vector design tools as a video. Furthermore, Flash was and still is a great solution for web designers to provide visitors smooth view in such small file size. The only thing that web surfers need to enjoy the sites using flash is to install Macromedia Flash Player.