Web Development and Design

Google's mission is Web. In the eyes of Google, all future applications will be Web-based. Google has always released a large number of free tools for Web developers and designers to better create them, maintenance and improvement of their Web sites. These tools include development, analysis, maintenance, repair, and so on. This article will introduce 15 such tools. I hope to help you. Currently, www.21kaiyun.com has been successfully applied to the Ziwei dashboard.

1. Google Chrome Developer Tools

This is an extension similar to Firefox Firebug and Web Developer Toolbar in Google Chrome. It is used to debug your webpage, including a DOM detector and a JavaScript debugging platform. It can set execution breakpoints and tracking, an execution analyzer similar to YSlow.

2. Webmaster Tools

A very useful program for website owners can help you improve your website from various perspectives. You can find malicious programs on the site and search engine crawler errors. You can find the improvements in your HTML code. You can also find the most popular Web pages on your site and the error links on your site.

3. Google Web Toolkit

Google Web Tootlkit (GWT) is a basic Web development framework that provides developers with some basic libraries. GWT is closely integrated with other Google products, such as AdWords, FeedBurner, and Google Ajax class libraries, here is a Google Docs tutorial.

4. Google Code Search

It helps developers search for code, supports regular expression search, or intuitively searches for public code that may get twice the result with half the effort on an advanced search interface.

5. Page Speed

Google Now calculates the website loading speed to the search ranking algorithm,Page SpeedIt helps you analyze the performance of your website based on the best practices of Google Web performance.

6. Browser Size

This tool helps you analyze the display status of Your webpage in different browsers and browsing sizes. It is very suitable to see if your webpage is not scrolling, where to display in various browser sizes.

7. Google Ajax Libraries API

Google Ajax Libraries APIIt contains a variety of popular JavaScript libraries (currently there are 10 types) and can be loaded from Google's high-performance CDN network, which saves your server bandwidth, at the same time, since the user may have loaded this library on another website, it can significantly accelerate the loading of these libraries.

8. Google Website Optimizer

Next, you can perform A/B testing on your website and optimize the website.

9. Sites

As the name suggests, Google Sites can help you create a hosted website that can integrate apps including YouTube, slides, Gmail calendars, Google Gear applets, and Google Docs. If you set the site to public, you can use this tool for personal document tools.

10. Speed Tracer

You can visually analyze the loading or running speed and practices of various elements in your Web program. Here are some use cases about this tool.

11. Project Hosting

This is part of the Google Code project and can help you host your open-source project. Web developers and designers can also find a large number of ready-made projects here for reference or application.

12. Google App Engine

This is a place where you can host your Web programs, or even use your own domain name. Here is a tutorial on how to use Google App Engine to create a message book. Google App Engine has hosted a large number of Web programs.

13. Google Chart Tools

Google Chart ToolsIt can help you convert data into charts and embed them into your own web pages. These charts also have interactive functions that allow you to drill in, or hover your mouse over to obtain details, as well as implement animated charts.

14. Closure Tools

Closure ToolsIs a development kit of Google Labs, including three tools, closure Compiler (a JavaScript Optimizer), closure function library (for Ajax program development), and a closure template for dynamically generating HTML.

15. Google Analytics

Classic Google traffic analysis and statistics tools.

Original article address: Six Revisions The Top 15 Google Products for People Who Build Websites (original author Jacob Gube)