Showing posts with label general tips. Show all posts
Showing posts with label general tips. Show all posts

Wednesday, November 10, 2010

Keyboard Shortcuts for Google Instant Previews

You don't need to use your mouse to enable Google's visual previews for search results. Just press the right arrow key to show a small screen shot for the currently selected search result. You can navigate using the up/down arrow keys to highlight a different result and use the left arrow key to hide the previews.

Google Instant Previews can't be disabled from the settings page and, despite having a similar name, it's not related to Google Instant. If you disable Google Instant, you'll still see the magnifying glasses next to the search results, but the keyboard shortcuts are no longer available.

http://felix-googleblog-archive.blogspot.com
This feature is not yet available to everyone, but you can try it using this special page or by adding &esrch=instantpreviews to the URL of a search results page.

Monday, May 31, 2010

Chrome Extensions for web development

The Chrome Developer Tools are great for debugging HTML, JavaScript and CSS in Chrome. If you're writing a webpage or even a web app for the Chrome Web Store, you can inspect elements in the DOM, debug live JavaScript, and edit CSS styles directly in the current page. Extensions can make Google Chrome an even better web development environment by providing additional features that you can easily access in your browser. To help developers like you, we created a page that features extensions for web development. We hope you’ll find them useful in creating applications and sites for the web.

http://felix-googleblog-archive.blogspot.com
For example, Speed Tracer is an extension to help you identify and fix performance issues in your web applications. With Speed Tracer, you can get a better idea of where time is being spent in your application and troubleshoot problems in JavaScript parsing and execution, CSS style, and more.

http://felix-googleblog-archive.blogspot.com
Another useful extension is the Resolution Test that changes the size of the browser window, so web developers can preview websites in different screen resolutions. It also includes a list of commonly used resolutions, as well as a custom option to input your own resolution.

http://felix-googleblog-archive.blogspot.com
With the Web Developer extension, you can access additional developer tools such as validation options, page resizing and a CSS elements viewer; all from an additional button in the toolbar.

http://felix-googleblog-archive.blogspot.com
Another extension you should check out is the Chrome Editor that allows you to easily code within your browser, so you don’t have to flip between your browser and code editor. You can also save a code reference locally to your computer for later use.
These are just a few of the extensions you can find in our extensions for web development page. You can also look for more in the extensions gallery.

Written by Koh Kim, Google Chrome Team