Page Speed: evalúa la velocidad de tu web

Page Speed es un complemento de software libre de Firefox/Firebug. Los webmasters y los desarrolladores web pueden utilizar Page Speed para evaluar el rendimiento de sus páginas web y para obtener sugerencias sobre cómo mejorarlas.

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: entorno de desarrollo online

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/

Emprise Javascript Chart, gráficas profesionales

Emprise Javascript Chart, es una librería Javascript que permite generar gráficas profesionales de forma sencilla y rápida.

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

Librería JavaScript Raphaël

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 +.

Panel deslizante con jQuery

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

Scripts de autocompletado de texto para web

Para facilitar la entrada de texto, los scripts de autocompletado son una gran ayuda. Se suelen utilizar sobre todo a la hora de buscar palabras en un sitio web, se han convertido en uno de los mejores elemento de interacción con el usuario, y últimamente la mayoría de los sitios más famosos como google, youtube o msn ya lo tienen implementado.

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

Leer más

Contactable: un formulario en jQuery

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

Motor 3D para jQuery

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

Cabecera deslizante estilo iPhone

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

IxEdit: Efectos AJAX sin saber javascript

IxEdit es una aplicación javascript que te permite aplicar efectos AJAX, concretamente con la librería jQuery sin la necesidad de saber absolutamente nada de Javascript.

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