Page Speed lleva a cabo varias pruebas en tu código de interfaz de usuario y en la configuración de tu servidor web. Estas pruebas se basan en un conjunto de prácticas recomendadas que se conocen por mejorar el rendimiento de las páginas web. Los webmasters que ejecutan Page Speed en sus páginas obtienen un número de puntuaciones para cada página, así como sugerencias útiles sobre cómo mejorar su rendimiento.

Descarga | Manejo | Consultas

Coderun nos da la posibilidad de trabajar sobre un entorno de desarrollo similar a Visual Studio, con la particularidad de realizar todo el trabajo en el navegador con HTML dinámico y AJAX. De forma online y sin instalar absolutamente nada, podemos empezar a programar nuestros proyectos de ASP.NET, servicios Web, Silverlight, bibliotecas de clases, sitios PHP, aplicaciones facebook y código JavaScript. Y todo gratis y sin ni siquiera registrarse.

http://coderun.com/ide/

Entre las funcionalidades que nos encontramos cabe destacar:

1. La gran cantidad de tipos de gráficos disponibles
2. La compatibilidad con la mayoría de navegadores actuales.
3. Fácilmente ampliable mediante plugins Javascript
4. Personalizable

Aunque se trata de una librería comercial, la versión free ofrece una gran cantidad de opciones que podríamos usar en nuestras aplicaciones.

Ejemplos | Descargar de la versión gratuita

Vía aNieto2k

Raphaël es una pequeña librería JavaScript que pretende simplificar el trabajo con gráficos vectoriales en la web. Si quiere crear sus gráficos, imágenes o texto por ejemplo, se puede lograr de una forma rápida y sencilla con esta librería.

Raphaël utiliza las Recomendación del SVG W3C y VML como base para la creación de gráficos. Esto significa que cada objeto que cree es también un objeto DOM, para que pueda conectar con controladores de eventos JavaScript o modificarlo más adelante.

Raphaël actualmente es compatible con Firefox 3.0 +, Safari 3.0 +, Opera 9.5 + e Internet Explorer 6.0 +.

Gracias a webkreation, podemos disponer de un magnífico panel deslizante realizado con jQuery, que nos permitirá “esconder” un panel con la funcionalidad que desees: un formulario de acceso a una zona privada, texto, imágenes, etc., mostrándose de una forma limpia y agradable al pulsar sobre el texto “Abrir panel”. Es totalmente configurable y muy sencillo de instalar, con la posibilidad de descargarlo desde su propia página como plugin para WordPress.

Sliding Panel | Demo | Descarga

La mayoría de los scripts que nos podemos encontrar por internet, están realizados con JavaScript o AJAX, y su implementación en la página no suele resultar muy complicada; por ello, es una opción interesante de incluir para ayudar a nuestros usuarios en sus búsquedas.

Tokenizing Autocomplete Text Entry

A fancy Apple.com-style search suggestion

AutoSuggest

Google suggest style filter

Ajax Powered AutoComplete

Autocomplete Widget

Jquery-AutoComplete

ASP.NET AJAX AutoComplete Control

Proto!TextboxList

Facebook like Autocomplete

Autocomplete TextboxList

jQuery Autocomplete Mod

jQuery plugin for autocomplete

jQuery Tag Suggest

Autocomplete select dropdown

Spry Auto Suggest

Search Autocomplete with .NET

Autocomplete – jQuery ajax

jQuery.Suggest

Ajax Autocomplete

Autocomplete with Moo Tools

Autocomplete Component

dhtmlxCombo with Autocomplete

Contactable es un formularios desarrollado en jQuery, y que nos permite añadir en cualquier de nuestras páginas un formulario de contacto de una forma sencilla, rápida y con un mínimo esfuerzo. Éste aparece “escondido” en un lateral de la página, y se despliega al pulsar sobre el botón “Feedback” para mostrarse por completo.

Contactable – Demo – Descarga

Interesante librería con tutorial completo y varios ejemplos en diversos posts que nos ayuda a trabajar con 3D en jQuery. Tan sólo es necesario crear una cámara, un objeto en 3D y un escenario y listo para actuar.

Making a 3D Engine in jQuery

Vía SentidoWeb

El iPhone tiene una interfaz con algunas características únicas, que difícilmente se pueden ver en algún otro Sistema Operativo. Pero gracias a jQuery, podemos simular muchos de sus efectos en nuestras páginas web. Uno de ellos, es la posibilidad de dejar “fija” una cabecera, de tal forma que a medida que vamos deslizándonos a lo largo de una lista, aparezca estática la cabecera actual. Lo mejor para comprender el efecto, es ver la demo que tenemos disponible, y revisar el código de este efecto.

iPhone-like Sliding Headers

Una vez descargado enlazas los archivos necesarios desde la web que estés diseñando, la abres en un navegador y aplicas los efectos que necesites (tabs, añadir clases CSS, quitarlas, animar, insertar HTML, slide, fade, etc.)

Todos esos efectos se crearán “on the fly”; aquí puedes ver varias demos.

Vía Ceslava