Contenido

20 excelentes plugins para Safari

23 Abr

+ 5

Si creías que Firefox y Opera eran los únicos navegadores con plugins, tuviste que asustarte al ver que Internet Explore tambien tenía los suyos. Pues sientate por que Safari tambien los tiene!! 😀

Fuera bromas, en Webdesignerdepot han hecho una recopilación de 20 de los mejores plugins para safari. Y la verdad es que alguno son realmente útiles.

  1. Xmarks: Permite sincronizar fácilmente los marcadores entre varios ordenadores. Para Firefox existe Foxmarks.
  2. PitHelmet: Plugin para ocultar toda la publicidad que hay por internet. No funciona sobre Safari 4 beta. En Firefox tenemos AdBlock Plus.
  3. DeliciousSafari: Completa integración con Delicious.com. En Firefox, Delicious Buttons.
  4. Safary Tidy: Muestra información sobre los errores de validación de nuestras páginas web. En Firefox, HTML Validator.
  5. SafariSource: Añade colorido al visualizador de código de Safari.
  6. SafariStand: Añade miniaturas de las páginas que visitamos al sidebar lateral.
  7. Saft: Plugin que añade una gran lista de funcionalidades a tu Safari.
  8. Cooliris: Añade un sistema espectacular para visualizar galerías (disponible para Firefox).
  9. Inquisitor: Un suggest en el recuadro de búsqueda realmente útil.
  10. Safari140: Plugin que te permite enviar fácilmente la URL que estás visitando a Twitter.
  11. 1Password: Integración con el servicio de almacenamiento de contraseñas online (de pago).
  12. TabExpose: Elegante forma de gestionar las ventanas abiertas.
  13. GreaseKit: Versión de GreaseMonkey para Safari que ya vimos hace unos meses.
  14. SafariStretch: Simula el maximizado de ventanas de Windows. Full Window real.
  15. Glims: Similiar a Saft, nos añade una gran cantidad de funcionalidades a Safari.
  16. CosmoPod: Descarga cualquier formato de video y conviertelo directamente para tu Mac/iPod (Licencia 10$)
  17. CutX: Sistema de bloqueo de contenido por palabras, url’s,… ideal para dejar al peque de la casa frente al PC.
  18. DownloadComment: Añade información a Spotlight de cuando se ha descargado un fichero.
  19. Safarilicious: Otro plugin de integración con Delicious.com.
  20. Safari Microformats: plugin que permite hacer uso de los microformatos que tenemos implementados en nuestras webs.

Obtener la IP del usuario mediante PHP

23 Abr

+ 7

Este código está por internet repetido una infinidad de veces, pero siempre que lo busco no lo encuentro. Así que me lo dejo aquí para futuros usos.

getIP()

Se trata de una función que obtiene la «IP real» ( o por lo menos la más acertada ) del usuario que te está visitando.

function getIP(){
    if( isset( $_SERVER['HTTP_X_FORWARDED_FOR'] )) $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
    else if( isset( $_SERVER ['HTTP_VIA'] ))  $ip = $_SERVER['HTTP_VIA'];
    else if( isset( $_SERVER ['REMOTE_ADDR'] ))  $ip = $_SERVER['REMOTE_ADDR'];
    else $ip = null ;
    return $ip;
}

REMOTE_ADDR

Por defecto, el lugar en el que encontramos la IP del cliente. Aunque, no siempre es la más exacta…

HTTP_X_FORWARDED_FOR y HTTP_VIA

Ambas se encargan de recoger datos enviados por servidores proxy. En ellos encontraremos datos más exactos de la IP del usuario. En caso de que el visitante llegué atraves de un proxy estas variables nos devolverán la ruta de IP’s necesarias para llegar a la IP real.

Todo dependerá de la configuración del proxy ya que depende del tipo y de la configuración aplicada que nos lleguen una, dos o ninguna informadas.En 25fps48khz nos lo explican perfectamente.

Diferentes formas de iterar arrays en Javascript

23 Abr

+ 0

En mykzilla nos muestran las diferentes formas de iterar arrays en JavascriptVía.

Adios my-hacks.php, Adios!!

23 Abr

+ 2

En AyudaWordpress nos cuenta Fernando que en la nueva versión de WordPress, la 2.8. El fichero my-hacks.php dejará de ser soportado, lo que significa que todo lo que tengamos definido en él, dejará de funcionar. Hace ya casi 6 años que se anunciaba esta funcionalidad y desde entonces ha ido creciendo en muchos blogs alojando esos scripts que no sabíamos donde colocar. Ahora tendremos que buscar un lugar donde ubicar estos scripts:

  1. functions.php: El fichero functions.php es el que encontramos dentro de nuestro theme. En él podemos incluir todo el contenido de my-hacks.php y funcionará perfectamente.
  2. plugin: Podemos aprovechar el fichero my-hacks.php para convertirlo en un plugin con funcionalidades varias. ¿Como? Sigue leyendo 😀

Es muy sencillo, únicamente hemos de añadir esto al principio del fichero:

/*
Plugin Name: my-Hacks.php
Plugin URI: http://
Description: my-hacks.php convertido en plugin
Author: TU MISMO
Version: 1.0
Author URI: http://
*/

Despues lo úbicamos en la carpeta wp-content/plugins/ y nos aparecerá un plugin más en el panel de plugins de panel administrador. Lo activamos y listo. Ya tenemos my-hacks.php fuera de la raiz. ¿Fácil verdad?

Creemos PDF’s con Javascript!!!

22 Abr

+ 13

Ajaxian acaba de publicar una entrada sobre jsPDF, una utilidad Javascript con la que generar ficheros .pdf. Con tan solo 5.8kb podemos generar ficheros PDF en nuestras aplicaciones web.

jsPDF.init();
jsPDF.addPage();
jsPDF.text(20, 20, 'Hello world!');
jsPDF.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
jsPDF.addPage();
jsPDF.text(20, 20, 'Do you like that?');

// Making Data URI
var out = jsPDF.output();
var url = 'data:application/pdf;base64,' + Base64.encode(out);
document.location.href = url;

Este código es el que podemos encontrar en la demo que nos muestran desde el proyecto. El resultado es un fichero .pdf con el texto «Hello world!».

En la misma página indican que funciona mejor sobre Safari, Firefox 3.5 y iPhone Safari.

Introducción a los W3C Widgets

22 Abr

+ 3

Hace 3 años que vimos las primeras noticias sobre el borraror de la W3C sobre los Widgets. Y ya entonces vimos que el tema prometía. QuirksBlog nos muestra una introducción sobre como usar estos Widgets.

¿Que es un widget?

Esencialmente un Widget es un conjunto de HTML/CSS/Javascript locales. Decimos locales, por que una vez que, por ejemplo, un movil descarga un widget debe ser capaz de usarlo localmente, al quedar instalado en él.

Aunque actualmente la utilización de widgets es muy límitada, lectores de RSS, relojes,… no hay razones teóricas de que no puedan ser capaces de crear aplicaciones basadas en Javascript realmente complejas, por ejemplo una Hoja de Cálculo.

La belleza de este modelo, es que aunque una aplicación requisiera 200kb de Javascript, más una serie de librerías, el usuario únicamente tendrá que descargarlo una sola vez. Después de la descarga, la aplicación se instala y las próximas veces se ejecutará en local sin necesidad de descargar nada.

En caso de requerir cualquier dato externo al widget, dispone de una interface que nos permite realizar peticiones Ajax y cargar el contenido en el momento que lo necesitamos.

Los W3C Widgets nacen como estandarización a los ya existentes creados para dispositivos como el iPhone, móviles Android, … que usan sistemas propietarios y únicamente adaptables a sus dispositivos. Con W3C Widgets se intenta crear un sistema que permita la interoperatividad de estos widgets en diferentes dispositivos sin necesidad de tener que modificar una sola línea de código del widget. Y todo ello aprovechando las técnicas HTML/CSS/Javascript que los desarrolladores conocemos.

En fin, los W3C Widgets apuntan como el futuro de la web movil. Son fáciles de crear, usan estándares abiertos y se ajustan al mínimo consumo de la red.

Información técnica

Los Widgets no son más que sitios web comprimidos. Creamos un fichero HTML, le añadimos los estilos necesarios en ficheros CSS y la funcionalidad viene dada en ficheros Javascript. Todo ello comprimir en un fichero zip, al que le cambiaremos la extensión a .wgt y listo. ¿Sencillo verdad?

Actualmente la especificación está continua como Working Draft (Borrador) modificado últimamente el día 5 de Febrero de 2009. Aunque el proceso está siendo tan lento como la W3C ya están las bases muy bien definidas.
Continua —>

Google Analytics libera su API

22 Abr

+ 5

Google Analytics ha liberado su API javascript, para ayudarnos a personalizar las estadísticas y definir que es lo queremos conocer de los que nos visitan. Estas funcionalidades únicamente podrán usarse el nuevo script que vimos hace unos días.

Lost.in, acorta y protege URL’s

22 Abr

+ 7

Lost.in, es un proyecto de Marc Palau que nos permite acortar URL’s y además nos ofrece la posibilidad de proteger dicho enlace con una contraseña. A nivél técnico está basado en un sistema numérico de 62 carácteres por cada letra de la URL lo que nos asegura una gran cantidad de combinaciones posibles. Sin duda, una gran alternativa a las que ya conocemos y además está hecha en casa.

O3D API, crea aplicaciones 3D en tu navegador

22 Abr

+ 8

Google publica hoy O3D, una API open source que nos permite crear aplicaciones interactivas en 3D para nuestro navegador. Mediante Javascript, podremos mostrar, manipular,… un mundo virtual creado en 3D que usará la tarjeta gráfica para conseguir una fluidez digna de cualquier juego de PC.

pingpong3d
(Ver Imagen)

Al igual que Flash, debemos instalar una aplicación en el sistema operativo que hará realidad nuestro mundo 3D.

Descargar el plugin

El plugin, podemos descargarlo para Windows y Mac, los usuarios de Linux pueden seguir estas instrucciones para compilarlo.

Ejemplo

Más Ejemplos

Más información

IE6 Update, la forma más sutil de sugerir que se actualizen

21 Abr

+ 17

Sin duda, el que los usuarios se actualizen y deje de usar Internet Explorer 6 está dando lugar a muchos movimientos e iniciativas con el fín de hacerle llegar al visitante que su navegador está desactualizado y debería actualizarse. Esta es sin duda la forma más sutil de recordarle al usuario que debe actualizarse, mucho más discreta que el banner que vimos hace unas semanas, ambas destinadas a recordar al usuario el cambio.