Subscribe to RSS Subscribe to Comments

Juan Jorquera

Autocompletado de una caja de texto con Ajax

Desde Ribosomatic.com llego a este componente hecho en AJAX que te permite, de manera buena, bonita y barata, generar un autocompletado de cajas de texto.

Soporta IE 6.0 y 7.0, Firefox 1.0 y 2.0 y Safari 2.0.

Parece que nuestro querido Opera se quedo afuera …
Enlaces | Demos, Descarga, Como Empezar

PCNames, buscando el dominio deseado

Via Genbeta :

PCNames es un sencillo buscador de dominios que nos permite saber cuáles de ellos están disponibles de los que no. Para ello, conforme tecleamos, nos aparecerán una serie de resultado con sus correspondientes estados, de modo que si esta ocupado nos permite obtener más información mediante whois, aunque si está libre, nos permite registrarlo en una serie de registradores de dominios, de donde nos ofrecerá resumidamente las características de cada uno.

No ofrece una serie de herramientas raras, como una lista de dominios de tres cifras, otra de cuatro, ambas con su correspondiente estado, un buscador de dominios con el término indicado por si nuestro dominio está cogido, ofrecernos dominios similares y su estado para su registro, etc…

El servicio en sí es bastante rápido, hace uso de ajax (qué web no hace uso de ajax hoy día, salvo pocas), aunque las herramientas opcionales no creo que haya que darles mucha importancia.

Vía | Buzzshot
Enlace | PCNames

Instalar Internet Explorer 7 sin necesidad de validar tu Windows

Via Genbeta :

Algunos lectores, cuando os comentamos que ya estaba disponible por fin para descargar la versión 7 de Internet Explorer, preguntaban por la posibilidad de instalarlo sin necesidad de validar nuestra copia de Windows XP, paso necesario para disponer de la última versión del navegador más usado por los internautas.

Nosotros no vamos a colocar aquí la información, pero vamos a comentar un sitio donde puedes seguir las instrucciones si no crees que Microsoft tenga el derecho a validar tu copia del sistema operativo para instalarte un programa. Tras ello, ya podrá comprobar cómo es eso de navegar con pestañas, aspecto que seguro mucha gente calificará como una innovación sin precedentes, cuando todos sabemos que Opera (espero no equivocarme) fue el pionera hace ya tiempo.

Más información | Shaons.
Sitio Oficial | Internet Explorer 7.
Descarga | Intenet Explorer 7.

Poner vídeos de Youtube en tu blog

Via Genbeta :
Youtube, te recuerdo que ahora producto de Google, dice tener más de 100 millones de visualizaciones de vídeos al día. Muchos de ellos provienen de blogs y páginas web que los usan en sus propios espacios. Si eres el poseedor de un blog y quieres poner un vídeo en él o en tu página web, te vamos a explicar lo sencillo que es hacerlo.

Lo primero de todo es encontrar ese vídeo que quieres poner. Para ello puedes ir a la página principal de Youtube.

Una vez seleccionado el vídeo, en nuestro caso el trailer de la película Dreamgirls, nos fijamos en la parte derecha de la pantalla, justo debajo de la descripción del vídeo. En la imagen es la zona sombreada en azul.

youtube-captura-1.jpg

Donde pone embed está el código que necesitamos copiar. Lo hacemos y ya tenemos listo nuestro vídeo. Ahora sólo queda copiar ese código en nuestro blog y los lectores podrán disfrutar de él sin necesidad de visitar la web de youtube.

Un consejo que podéis poner en práctica es el de dejar un enlace al vídeo debajo del mismo para que la gente que os lea desde un lector de noticias que no soporte la visualización de vídeo pueda visitarlo directamente sin pasarse por vuestro blog.

Vulnerabilidad en Firefox 2.0

Nadie esta libre de vulnerabilidades en lo que a navegadores se refiere, y obviamente Firefox no es la excepción, estoy leyendo un artículo en el que se hace mención a una vulnerabilidad en el administrador de contraseñas de FF 2.0.

Así es que por el momento no hay que guardar ninguna contraseña en FF, aunque lo recomendable es comer hartas pasas y no guardarlas en ninguna parte que no sea nuestro cerebro.

10 errores comunes en los css

Vìa TuFuncion.com

Esta es una recopilación de errores comunes en las hojas de estilo. Es bastante provechoso hacer una lista con estos y otros errores comunes.

1.Uso innecesario del valor 0

El código siguiente no necesita la unidad especificada si el valor es cero.

padding:0px 0px 5px 0px;

En su lugar puede ser escrito de esta manera:

padding:0 0 5px 0;

De la misma manera es igual para otros estilos. Ej.:

margin:0;

No malgastes espacios agregando unidades tales como px, pt, em, etc, cuando el valor es cero. La única razón de hacer esto es si necesitas cambiar estos valores más tarde. Si no declarar estas unidades no tiene sentido. Los pixeles cero son iguales que los puntos cero.

Sin embargo,line-height puede no tener unidad.Por eso es válido lo siguiente:

line-height:1;

De cualquier manera puedes utilizar una unidad en concreto como em si lo deseas.

2.Los colores en formato hexadecimal necesitan una almohadilla

Esto está mal:

color: ea6bc2;

Debe ser:

color: #ea6bc2;

O esto otro:

color: rgb (234.107.194);

3.Valores duplicados en los códigos de colores

No escribir el código de esta manera:

color: #ffffff;
background-color:#000000;
border:1px solid #ee66aa;

Los valores duplicados pueden ser omitidos.Escribiendo los códigos de esta manera:

color:#fff;
background-color:#000;
border:1px solid #e6a;

¡Por supuesto esto no debes hacerlo con códigos como este!

color: #fe69b2;

4.Evitar repeticiones de código innecesaria

Evita usar varias líneas cuando lo puedes conseguir con una sola. Por ejemplo, al fijar los bordes, algunas veces se debe hacer por separado pero en casos como el siguiente no es necesario:

border-top:1px solid #00f;
border-right:1px solid #00f;
border-bottom:1px solid #00f;
border-left:1px solid #00f;

Podríamos resumirlo en una única línea esta:

border:1px solid #00f;

5.La duplicación es necesario con los estilos en cascada

En los estilos en cascada es aceptable repetir el mismo codigo para un elemento elemento dos veces, si significa evitar la repetición mencionada en el punto arriba. Por ejemplo, digámos que tenermos un elemento donde solamente es diferente el “border” izquierda. En vez de poner cada “border” escrito usando cuatro líneas, uso sólo dos:

border:1px solid #00f;
border-left:1px solid #f00;

En este caso primero definimos todos los “borders” con el mismo color pero más tarde para ahorrarnos dos lineas de código redefinimos el “border” izquierda a otro color, de esta manera hemos ahorrado dos líneas de código.
El ejemplo malgastando espacio quedaría así:

border-top:1px solid #00f;
border-right:1px solid #00f;
border-bottom:1px solid #00f;
border-left:1px solid #f00;

Obviamente supuestamente este ahorro de carga supone un retraso en la carga de la página pues estamos definiendo el “border” izquierda dos veces, pero la carga de este proceso es insignificante.

6.Los estilos inválidos no hacen nada

Un ejemplo es suficiente para explicar este error:

padding:auto

Este estilo solo puede ser aplicado a width y height pero no a padding.

7.Código Específico para cada navegador

Obviamente este tipo de código solo funcionará en el navegador al que va destinado , pero es hay que pensar si es rentable puesto que solo algunos usuarios podrán apreciar esos cambio.

8.Espacio perdido

No estoy seguro del porqué pero muchos diseñadores estan empeñados en desaprovechar el espacio en su código, usando un montón de innecesarios saltos de línea. Recuerda que eso sólo lo verás tu y estas haciendo un uso excesivo de ancho de banda. Tambien tu código será más facil de leer puesto que tendrá menos “boquetes”.

Por supuesto es sabio dejar un cierto espacio para mantenerlo legible, aunque a algunos les encanta condensar todo, no dejando ningún espacio.

9.Especificar los colores sin usar palabras

Definir los colores usando las palabras que lo definen no es una buena idea puesto que estaríamos confiando en el navegador para que el interprete que color y código debe aplicar.Las tonalidades para un mismo nombre de color cambian mucho de un navegador a otro.
Es una buena práctica especificar siempre el color por su código hexadecimal.
Ej.: utilizar “#fff” en lugar de blanco.

10.Agrupar estilos idénticos

Es común ver los estilo escritos una y otra vez con el mismo código, aún cuando el estilo es igual.
Sería conveniente agruparlos y asi optimizaríamos espacio:

h1, p, #footer, .intro {
font-family:Arial,Helvetica,sans-serif;
}

Tambien nos hara mucho más facil la tarea de actualizar el código.

Guia para crearte un Blog en WordPress

VidaDigital.net se tiene un excelente PDF de guía para crearte un blog en WordPress,

Oh my Shirt !!

Muy buena polera, si hay alguien que la haga que me de sus datos para comprarme 5 de esas !!

Link : http://www.flickr.com/photos/bomberstudios/133779200/

Siguiente »

AW Web Hosting AW