Hace mucho que no posteo!, Esto no puede ser!!!

Bueno, para enmendar la falta de posteo hoy os traigo algo chachi piruli juan pelotillas, se trata de un componente JavaScript para realizar interficies de arrastrar y soltar, de esas que se llevan tanto gracias a “eipel”

Este conjunto de funciones es compatible con Firefox, Chrome, Safari, Internet Explorer e incluso, atention plis, con dispositivos móviles basados en interficies touch, tales como iPhones, HTC bajo Android y el nuevo famoso y que mola montón iPad de Apple.

Aplicaciones que le podemos dar… pues para temas de zoom progresivo en las tipos de la página, movimiento de imágenes, copia de archivos, carritos de la compra etc.

Enlace: http://code.ovidiu.ch/dragdealer/

Descarga del componente: Arrastrar y soltar en Javascrip (10)

Páginas relacionadas con este artículo:

1. Tienda de aplicaciones web
2. Google Native Client
3. Reproductor de vídeo en HTML5

Os comentamos una noticia de aquellas que sin llamar en exceso la atención pueden iniciar un antes y un después en cuanto a programación web, ¿por qué? Pues porque con el nuevo reproductor de vídeo en HTML5 se cae al suelo otro de los grandes pilares que justifican la existencia del plugin propietario Adobe Flash para navegadores.

Este pilar es uno de los que aún mantiene vivo a Flash, la reproducción de contenidos en vídeo, hasta ahora vetada para su uso exclusivo, exigiendo sí o sí la presencia del plugin y por ende la obligación para todos los desarrolladores webs de trabajar bajo Flash en aquellas webs con alguna porción de vídeo entre sus contenidos.

Si bien el reproductor de vídeo bajo HTML5 que os mostramos en este post aún se encuentra en fase Alpha y contiene algunos fallos e incompatibilidades con navegadores antiguos o pseudonavegadores como Internet Explorer el camino no ha hecho nada más que comenzar.

No se trata de un desarrollo que excluya Flash al 100% pues Flash se utiliza si el navegador no soporta HTML5 o en el caso de que el reproductor HTML5 no detecte la presencia de un vídeo con la correspondiente codificación OGG, theora vorbis H.264 lanzará un microreproductor bajo Flash para asegurar que la lectura de casi todo tipo de vídeos y su funcionamiento en casi todos los navegadores.

Por nuestra parte lo hemos testeado con éxito bajo FireFox, Chrome, No funcionando para iPhone donde Safari iPhone te muestra un botón para abrir el reproductor quicktime con el objeto de ver ese clip, una vez pulsado funciona correctamente, pero con la sensación de que “has salido” de Safari.

Alguno de los bugs que hemos encontrado es que el botón de pantalla completa no ejecuta su función, maximiza el vídeo siempre dentro de los límites del navegador, si este no se encuentra maximizado a tope tan sólo ocupará el área del navegador, al contrario que Flash que permite realizar un fullscreen de verdad.

Aún con estos pequeños falos y limitaciones la idea, el concepto de reproducir vídeo sin plugins de por medio será el futuro sí o sí.

Enlace: http://www.filenew.org/projekktor/

Código fuente: http://code.google.com/p/projekktor-zwei/source/browse/trunk/index.php

Páginas relacionadas con este artículo:

1. Compatibilidad HTML5 con diferentes navegadores
2. Google Native Client
3. Iconos botones y elementos para reproductores

Muchas veces habrás tenido que capturar webs muy largas y con el PRINTSCREEN de tu ordenador o con software para captura habrás sido incapaz de hacer buenas capturas cuando la web es más larga que la pantalla, para eso existen programas especiales como Paparazzi para OSX pero si tu máquina no es Mac y es por ejemplo un Ubuntu, ¿qué?

Pues nada, tenemos otra solución que funciona genial, abre tu Firefox, el navegador navaja suiza que sirve “pa un roto y un descosío” e instálate el plugin Screengrab, ya verás que fácil es hacer ahora capturas de webs extralargas y todo sin salir de tu navegador.

Enlace: http://www.screengrab.org/

Páginas relacionadas con este artículo:

1. Macros para FireFox
2. Complemento FTP para FireFox
3. Reproductor de vídeo en HTML5

Convierte una pestaña de tu navegador FireFox en un programa de FTP, así de fácil así de efectivo.

Lo habíamos visto una y mil veces pero nunca nos habíamos parado a instalarlo en nuestro sistema hasta esta misma mañana, y la sorpresa a sido mayúscula, el complemento FireFTP funciona mejor que muchos programas clientes de FTP y todo eso con la mayor comodidad que representa poder activarlo desde la misma ventana de ese navegador que siempre, siempre tienes abierto.

A continuación te mostramos algunas capturas con las diferentes posibilidades que te ofrece com programa de FTP.

Configuración general del “programa de ftp”, puedes modificar los parámetros de la conexión en cuanto a número de reintentos, segundos de espera, etc.:

Otra pantalla más donde podremos configurar parámetros de conexión y transferencia así como el comportamiento si existen ficheros bajo el mimo nombre, si pregunta o directamente sobrescribe:

Hay no acaba el excelente plugin pues puedes definir tantos sitios ftp como necesites, e incluso puedes establecer diferentes parámetros de conexión paa cada uno, tal y como te mostramos en las siguientes capturas.

Además FireFTP también dispone de la excelente utilidad Sync, una utilidad que te permite tener un directorio totalmente sincronizado, ideal para mantenimiento web, actualizar componentes de tu web e incluso para copias de segurida.

Puedes descarte este plugin para FTP en: http://fireftp.mozdev.org/

Páginas relacionadas con este artículo:

1. Macros para FireFox
2. Capturar webs largas con Firefox
3. Clase PHP para conectar con Microsoft SQL Server

Vamos a habilitar el uso de permalinks en nuestro servidor web Apache:

Los permalinks funcionan con el famoso módulo de Apache Rewrite cuya función es de interpretar la URL en base a unas reglas para reescribir la dirección antes de leer y ejecutar cualquier archivo .html o .php gracias a él podrás convertir direcciones del estilo www.miweb.com/index.php?categoria=4&producto=40 en www.miweb.com/tornilleria/tornilloestrella10mm/

En nuestras diferentes pruebas siempre hemos constatado una gran mejora en cuanto a posicionamiento web tras usar permalinks, por ejemplo en la web de juegos para mac mimac.es hemos constatado un incremento de un 20% en el tráfico tras implementar el uso de permalinks.

Así pues, ¡manos a la obra! lo primero es instalar el módulo en cuestión en tu servidor Apache, abre un terminal y copia y pega el siguiente comando en un terminal:

sudo a2enmod rewrite

Ahora reinicia tu servicio Apache desde la misma terminal con:

sudo /etc/init.d/apache2 restart

El sistema ya está casi listo, decimos casi porque ahora deberíamos copiar el fichero .htaccess en cuestión en el directorio concreto donde vamos a utilizar los permalinks y modificar el archivo de servidores virtuales de Apache con las directivas suficientes para que este se cargue y se tenga en cuenta, de lo contrario no os funcionará.

Para ello vamos a abrir con permisos de administración para que nos permita grabar cambios el archivo de configuración de los directorios virtuales de Apache.

Esta vez en lugar de un comando directo vamos a abrir una ventana de navegador de archivos con permisos de administración, para ello desde el mismo terminal que ya tenías abierto escribe:

sudo nautilus

En unos segundos tendrás una ventana de navegación de archivos idéntica al resto pero con permisos de administración.

Ahora dirígete al directorio: /etc/apache2/sites-enabled

Y abre con un doble click el archivo:

000-default

Deberás añadir el siguiente código, obviamente substituyendo “tuProyectoConPermalinks” por el directorio donde tengas tu proyecto y el .htaccess:

<Directory “/var/www/tuProyectoConPermalinks”>
allow from all
Options Includes
AllowOverride All
</Directory>

Te mostramos una captura de como quedará ese archivo.

Ahora graba el archvio y vuelve a reiniciar Apache.

Tus permalinks en Apache deberían de funcionar.

Páginas relacionadas con este artículo:

1. Instalar Apache 2 PHP 5 MYSQL 5 y Webmin 1.5
2. Habilitar cURL en Ubuntu
3. Apache: Sintaxis de mod_rewrite

Cuando nos referimos a soporte PHP nos referimos principalmente a habilitar el coloreado propio de la sintaxis de PHP, de forma que podamos leer e interpretar de forma mucho más rápida el código php que escribamos.

La versión que nosotros teníamos instalada en nuestra máquina Ubuntu 9.10 es un Eclipse Galileo 3.5.1 instalada mediante el gestor de paquetes Synaptic tras realizar una busqueda de “Eclipse PDE”.

A continuación os mostramos una captura de un script bajo PHP en eclipse sin el plugin instalado.

Como comentamos en el principio del artículo hemos intentado actualizar Eclipse con su opción de “Install new software” para proveerle de soporte para PHP pero nos ha sido del todo imposible. Finalmente hemos optado por descargar lo que se denomina un “All in one” o todo en uno, es decir un instalador con el Eclipse y las herramientas de soporte para PHP necesarias. Si bien tampoco nos ha acabado de funcionar al 100% bajo Karmic Koala en una máquina 64 bits. Concretamente nos falla la gestión de proyectos ya existente donde no podemos importarlo.

Mo obstante estamos seguros que se trata de un fallo muy puntual de nuestra máquina y dudamos que te encuentres con el mismo problema así que para poder instalar el soporte de PHP en Eclipse dirígete a la página web:

http://www.eclipse.org/pdt/downloads/

Selecciona el paquete que más se adapte a tu sistema. Descomprímelo con el gestor de archivadores y cópialo en cualquier carpeta, posteriormente da a esa carpeta permisos de lectura y escritura.

Ahora ya tienes todo un editor y gestor de proyectos PHP, te mostramos la captura con el sistema de coloreado para PHP:

Páginas relacionadas con este artículo:

1. Instalar Apache 2 PHP 5 MYSQL 5 y Webmin 1.5
2. Habilitar cURL en Ubuntu
3. Habilitar permalinks en Apache 2

Enlace: http://phpir.com/spelling-correction

Otra opción para realizar correcciones ortográficas es After the deadline una librería bajo javascript que puedes integrar en WordPress o en editores WYSIWYG como TinyMCE, para ello debes de registrarte antes de poder utilizar la API

Enlace: http://open.afterthedeadline.com/ ó  http://www.afterthedeadline.com/

Páginas relacionadas con este artículo:

1. Gráficos de datos en JavaScript
2. Compilador JavaScript de Google
3. Arrastrar y soltar en JavaScript

Ninite es una aplicación web en la que eliges desde un menú gráfico que aplicaciones quieres instalar en tu PC bajo Windows, una vez elegidas el sistema te prepara un instalador desantendido que podrás descargar y que se ocupará de descargar las últimas versiones de los programas que hallas seleccionado previamente para instalarlos sin tener que realizar acción alguna.

Gracias a aplicaciones como estas ganas tiempo en la instalación de sistemas pues casi siempre recurres a los mismos paquetes.

Algunos de los paquetes que te permite instalar Ninite son:

• Navegadores: Safari, FireFox, Opera, Chrome
• Comunicaciones: Skype, Messenger Pidgin, Digsby, Google TalkThunderbird
• Multimedia:VLC,Spotify,iTunes,Songbird,Audacity,Aimp,Hulu,KMplayer
• Gráficos:Paint.NET,Picasa,Gimp,XnView,Irfanview
• Ofimática:OpenOffice,Acrobat Reader, CutePDF
• Antivirus:Avast,AVG (Gratuito)
• Varios: Player de Flash,Java,player de Silverlight
• Compartición de ficheros o P2P: Emule, uTorrent
• Utilidades:ImgBurn,RealVNC,WinRar,7-zip
• Desarrollo:Eclipse,Notepad++,Python,JDK,Filezilla FTP
• Otros: DropBox, Evernote, Steam

Tan sencillo como clic clic y a descargar tu paquete de software listo para instalar de forma desatendida, sin preguntas, genial!

Enlace: http://ninite.com/

Páginas relacionadas con este artículo:

1. Google Native Client
2. Tienda de aplicaciones web
3. Instalar iTunes en Ubuntu

YSlow es un complemento para FireFox que permite a cualquier webmaster conocer cómo puede mejorar el tiempo de descarga de una página web, este plugin te ofrece consejos para optimizar la descarga.

A diferencia de la pestaña “Red” del conocidísimo plugin FireBug que te muestra lo que tarda en descargarse cada objeto de los que componen una página web, desde el html puro y duro a cualquiera de los archivos externos, bien sean .swf imágenes CSS, etc. YSlow te ofrece prácticos consejos así como estadísticas de que tipos de objetos utilizas más.

Gracias a él podrás descubrir que archivos debes optimizar más para conseguir un tiempo de carga más óptimo y cuales directamente debes eliminar.

Os mostramos una captura de la pinta que hace en una web que acabamos de entregar a cliente: www.clmorto.com basada en nuestra aplicación para la gestión de catálogos de productos online www.ecOOmmerce.com

En la subpestaña tools de YSlow encontraremos utilidades como un checkeador de javascript con el que hemos visto errores incluso en el código de la todopoderosa Google, concretamente en el script de sus Google Analytics, además de los errores tarda mucho en descargar, hemos contado hasta 599 milisegundos.

La utilidad Smush.it propiedad de Yahoo es muy muy cachonda pues te optimiza las imágenes y te las entrega bajo la misma estructura de ficheros que el original comprimidita en un zip. Tela marinera.

Páginas relacionadas con este artículo:

1. Macros para FireFox
2. Google Native Client
3. Posicionar tienda online 1

Tenemos la solución! Fíjate en la siguiente barrita esa que tiene el icono de “StandBy, carpeta, disco…” Es DejaClick!

En nuestro caso nos sucede, tal y como se aprecia en la captura con AdSense, donde Google nos tiene fritos con los cambios de contrato de AdSense, los cuales no queremos cambiar porque no queremos tener la cuenta en Euros, tras largos años de tenerla en Dólares la quiero seguir teniendo en Dólares, no se me he/ me han acostumbrado a medir esto de la publicidad en dólares y no en euros, además ahora mismo no tengo ganas de cambiar nada, total para lo que ganas que se quede como estaba.

Pues bien hartos ya de tener que “des-aceptar” el nuevo, largo y tedioso contrato que la todopoderosa Google te invita a firmar una y otra vez, es decir cada vez que intentas acceder a ellos hemos buscado un sistema de grabación de macros y sorpresa de la buena! DejaClick es una aplicación gratuita que se integra con tu FireFox ya esté corriendo bajo Mac, bajo Linux o bajo windows. Te permite grabar una secuencia de clicks, salvarla a disco y después reproducirla.

Esta funcionalidad no sólo te servirá para realizar tareas repetitivas que conlleven varios clicks, introducción de logins, claves, etc sino también para testear funcionalidades de un sitio web que estés desarrollando o bien para realizar pruebas de carga con varias ventanas o pestañas de FireFox en diversos ordenadores realizando la misma macro. También y como no te permitirá realizar acciones para grabar un vídeo, screencast de como se realizar una determinada acción.

DejaClick es un plugin o complemento gratuito para FireFox desarrollado y mantenido por la empresa AlertSite.

Enlace: http://www.dejaclick.com/

Páginas relacionadas con este artículo:

1. Complemento FTP para FireFox
2. Capturar webs largas con Firefox
3. Saber que es lo que tarda en descargar