Google launched its next development project called Google Web Fundamentals, which is their guide for best practices when it comes to web development. Google Web Fundamentals is a developer tool that should facilitate the design for a variety of platforms, from the web to mobile devices. The project is designed for beginners who want to master the creation of multiplatform sites.

Already a friend of the developer, Google already provides powerful tools like Google Analytics and Webmaster Tools for developers engaged in web development.

With the addition of Web Fundamentals, Google complements these tools to further refine building great multi-device web experiences, by presenting and exmplars of best practices. The handbook allows developers to analyze a site for multiple devices, images, audio and video, forms, user entries and performance optimization.

Creating a multi-sites is not as hard as it seems, believe the creators of Google Web Fundamentals. To prove it, they made ​​a course for beginning developers, the result of which will be the multi-site educational program CS256 Mobile Web Development. The course includes two lessons that cover all the basics of development for mobile devices and desktop PCs.

Google Web Fundamentals is designed to keep users engaged in web development and lead to the next course, Mobile Web Development.

Customizable web site

The free and open source project is only a guide for good practice in creating web interfaces. The ultimate goal is to help developers produce a high quality product that is customizable. A customizable website is one that fits the most common screen resolutions in the user environment without the content ceases to be legible or lose shape.

The mutli-shaped and -dimensioned ecology of devices is something that Google feels needs to be emphasized when it comes to developing web and mobile projects. Not all mobile devices have the same form-factor or even dimensions, and the marketplace is hugely varied–not to mention how interface changes from web (on a PC screen using a mouse) and mobile (on a tiny screen using touch.)

The initiative of Google offers lessons on four basic areas: Structures for Multiple Devices; Images, Audio and Video, Forms and User Entries and Performance Optimization.

The Structures for Multiple Devices guide focuses on helping you to plan and build your first website for multiple resolutions (multi-screen) and work correctly in the wide range of devices from which it is accessible; Images, Audio and Video offers lessons for managing multimedia content in a simple and uniform across different devices; Forms and User Inputs provide resources to handle input forms on a website without causing headaches for users and avoiding negative impact on visitors; and lastly Optimizing Performance presents a series of tips to make your website deliver content as quickly as possible and is always available to respond to user interactions.

Google is also offering helpful resources like the visual style guide, written style guide, article examples and samples that you can use to learn how Google has built and maintain the site.

If you’d like to contribute to the Google Web Fundamentals project, check out the GitHub repo page for more information.