Optimización de Aplicaciones PHP: lado del cliente

Encontre en Slideshare esta interesante presentación de PHPBarcelona Conference, donde se dan consejos bien útiles para la optimización de aplicaciones hechas con PHP desde lado del cliente. Por ejemplo un aspecto interesante es la regla del 20/80 que es el tiempo de carga de la página principal de una web. 20% corresponde al lado del servidor (entregar index.html) y el 80% al cliente (cargar css, javascript, flash, imagenes, etc). Es en ese 80% donde se debe dar la optimización. Además se explica el uso de Firebug para ayudarnos a corregir dichos problemas.

Les dejo el enlace para que ustedes mismos puedan beneficiarse de esta diapositiva.

Optimizacion

Editores de texto WYSIWYG para Drupal

En Deziner Folio se ha realizado un lista de 7 editores de texto para Drupal, aunque puede también nos sirve para nuestros proyectos personalizados.

YUI Rich Text Editor

UI control que reemplaza los controles textarea de los documentos HTML conviertiendo en un editor de contenido potente.

YUI Rich Text Editor

TinyMCE

TinyMCE es uno de los más recomendados editor de texto. Es totalmente configurable y personalizable, fácil de integrar con nuestro CMS (Content Management Systems) favorito. Su configuración avanzada hace que este editor se acerque casi a los editores de texto de escritorio, por su facilidad de uso.

TinyMCE

FCKeditor

Es otro de los más conocidos y recomendados editor de contenido. Pese a que es bien potente no necesita ningún tipo de instalación en la máquina cliente.

FKCeditor

HtmlArea

Una interesante herramienta para el edición de contenido. 

HtmlEditor

WYMeditor

WYMeditor es un editor hecho con XHTML/JavaScript.

WYMeditor

widgEditor

widgEditor es un editor de contenido simple. Fácil de instalar y personalizar.

widgEditor

NicEdit

NicEdit es un editor de contenido creado con JavaScript/AJAX, permite la fácil edición de contenido.

NicEdit

amCharts: crea gráficos con Flash y JavaScript

amCharts nos brinda una serie de herramientas para la creación de gráficos dentro de nuestras páginas web:

Pie & Donut chart (tajada/torta/rosquilla)

Pie chart 

Line & Area chart (lineas)

Line chart 

Column & Bar chart (columnas/barras)

Line chart 

Scatter & Bubble chart (burbujas dispersas)

XY chart 

Todos estan disponibles para descargas, con características limitidas, una de las cuales es que muestra un link en la parte superior-izquierda: chart by amCharts.com. Para quitar ese enlace debemos pagar 85 euros. 

Lo interesante de estas utilidades es que son totalmente configurables y trabaja con los datos obtenidos de formatos XML ó archivos de texto TXT, los cuales podemos generarlos con lenguajes de servidor como PHP, ASP, etc.

Gaia Ajax Widgets, herramientas para aplicaciones AJAX en ASP .NET

Gaia Ajax Widget

Gaia Ajax Widget es una librería AJAX para ASP .NET, la cual incluye herramientas tales como:

Interesante herramienta para los desarrolladores en ASP .NET.

Listado de librerías, frameworks y herramientas para AJAX, DHTML y JavaScript

Ajax, DHTML, Javascript

Con esto de las aplicaciones web 2.0, se han desarrollado una gran cantidad de utilidades/herramientas/framework para el desarrollo web con JavaScript, DHTML (HTML dínamico) y AJAX. He aquí el gran listado:

Ver Artículo Completo ››

Encuesta de la semana: Framework para JavaScript

La aplicaciones web actuales hacen uso de JavaScript, y como desarrolladores webs debemos estar a la par con el avance en este campo. Es por ello que se recomienda el uso de una librería o framework para facilitarnos la programación de este tipo de aplicaciones, pero ¿Cuál de tantos?. Aquí una lista de los mas conocidos.

Microsoft Silverlight y un demo de su uso

Microsoft Silverlight es un plug-in compatible con varias plataformas y buscadores que te pueden ayudar a crear aplicaciones multimedia interactivas y de última generación a partir de Microsoft .NET para Web. Silverlight ofrece un modelo de programación flexible con soporte para AJAX, Virtual Basic, C#, Python y Ruby, y se integra con aplicaciones de Web antiguas. Con Silverlight puede ofrecer de una forma rápida y rentable videos compatibles con todos los buscadores más conocidos en Windows boMac OS.

En resumen Microsoft Silverlight es un complemento para navegadores web con funcionalidad para reproducir videos, gráficos vectoriales y animaciones, es como un aplicación similar a Adobe Flash Player.

Es compatible con S.O. de Microsoft y Mac OS, en las distribuciones de Linux "podrá" ser soportada con una utilidad llamada Moonlight. Y en cuanto a navegadores, compatible con IE6 SP2, IE7, Firefox 1.5 - 2 y Safari. Opera para más adelante.

La versión actual es 1.1 Alpha Sept Preview lanzado el 05/09/07.

Parece que Microsoft desea/esta entrando al dominio del Adobe Flash, pues sabe que ahora más que nunca se esta sacando partido de este tipo de aplicaciones en la web. 

He aquí un ejemplo de lo que se puede hacer el Silverlight, quise probarlo en Firefox 2 sobre Ubuntu, pero ... por supuesto aún no es soportada! El ejemplo se trata del famoso Buscaminas.

Buscamina 

Por otra parte será cuestión de investigar acerca de este complemento de Microsoft.

Enlaces | Documentación, Buscamina, Wikipedia

Videobox: Lightbox para Videos

Seguramente se acuerdan de Lightbox, lo mencionamos en un articulo anterior, es una utilidad en JavaScript que permite mostrar imágenes en una ventanita aparte dentro del navegador.

Ahora bien Videobox, es justamente lo mismo pero en vez de imágenes muestra videos como pueden ser de: YouTube, Google Video, MetaCafe, iFilm ó cualquier archivo flash.

El tamaño del script JS es de 6kb. Usa la librería mootools y swfobject para embelir archivos flash.

Videobox 

Como usarlo

Referenciamos 3 archivos JavaScript necesarios y el archivo de estilos CSS en la parte del <head>.

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />

Y aquí lo importante

<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">tu video, o si gustas coloca una imagen del video</a>

Adicionalmente puede cambiar el tamaño del video dentro del atributo rel:

<a href="http://www.youtube.com/watch?v=VhtIydTmOVU" rel="vidbox 800 600" title="caption">our video1</a>

Enlaces | Videobox

jQuery lightBox: muestra imágenes con JavaScript no obstructivo

He aquí otra utilidad similar a Lightbox, se trata del lightBox plugin para jQuery, así es, para todos los amantes de este framework, este plugin les permite mostrar imágenes ó una galería de manera fácil, simple y no obstructiva con JavaScript.

jQuery LightBox Plugin

Enlaces | jQuery lightBox plugin

Gestión de sitios web con External Test

External Test

External Test no es un servicio nuevo, ya tiene varios años en la web brindando buenas funcionalidades en lo que se refiere a gestión de sitios web. Uno de sus principales funciones es la monitorización de sitios web. Si tienes, o estás a cargo, de varios sitios en la web esta herramienta te puede ayudar. También te brinda alertas de posibles errores al acceso. Esa información te lo envian a tu correo, explicando cual es el error. Además, brindan informes de tiempo de acceso desde diferentes puntos.  Y mucho más.

Una herramienta en español que ningún administrador web puede dejar de usar. Recomendado.

Enlace | External Test

Google

Categorias

Archivos