El Blog de Juan Jorquera

Image Thumbnail Viewer En Dynamic Drive

2007-03-07T10:19:00.000-08:00

Via Dynamic Drive encuentro esta choreza para tus galerias de imagenes, básicamente crear una imagen thumb en base a una imagen grande.

Pucha que es entrete Javascript !! y yo que lo miraba a huevo.

el blog del felix

2006-10-23T14:48:00.000-07:00

el blog del felix

Mi hermano ha abierto su blog, donde escribe sobre rock, deportes, y otras chorezas mas.

Para empezar está bien, solo no dejes de postear Felix !!

Salu2

Eliminar retornos de carro de DOS en Linux

2006-10-02T15:58:00.000-07:00

Nada más fácil. aplica el comando

dos2unix nombrearchivo

y listo !

y que viva linux !!

Angel para un final de Silvio Rodriguez, cual es el significado ?

2006-09-30T23:53:00.000-07:00

Powered by Castpost
"Angel para un final" de Silvio Rodríguez

Eso, andamos en la busqueda del significado de la letra de la canción "Angel para un Final" de Silvio Rodriguez, que piensas tu que quiso decir Silvio? o has leido alguna entrevista donde nos de una pista al respecto ?

Necesitamos aportes !! creo que cada uno tendrá una opinión / versión propia acerca del significado.

Diseños Web Open Source - Diseños Web Gratis ?

2006-09-23T20:58:00.000-07:00

Open Source Web Design - Download and upload free web designs.

Uno nunca termina de encontrar ayuda en Internet, Oswd.org te entrega maquetas de sitios totalmente gratis, bueno, hay otros sitios parecidos, pero la calidad deja mucho que desar, aca todos (o la mayoría) están de lujo.

Php Object Generator (v2.1.2) - Open Source PHP Code Generator

2006-09-23T20:53:00.000-07:00

Php Object Generator (v2.1.2) - Open Source PHP Code Generator

Este sitio si que esta cool !

Si quieres empezar a programar en PHP orientado a objetos (yo quiero !!) creo que aca tenemos algo que nos va a ayudar bastante, muy simple, creamos el nombre del objeto (probablemente el nombre de la tabla) los campos, y solito genera la clase.

Lo estuve probando con ejemplos simples y funciona muy bien.

echenle una mirada, es un sitio altamente recomendable para nosotros, los PHPeros estructurados.

Recopilacion de librerias javascript / Ajax Drag&drop

2006-09-23T20:28:00.000-07:00

Ajax Digest // Drag&drop javascript libraries review

Si andas buscando esa funcion AJAX que te permite colocar Drag&drop en tu carrito de compras (o algo por el estilo) lo más probable es que encuentres en esta dirección lo que andas buscando, y así aprovechas de darle una vuelta a este sitio, que tienes hartas cosas interesantes.

Referencias entre ASP/PHP Cross Reference

2006-09-20T15:32:00.000-07:00

Design215 Toolbox - ASP/PHP Cross Reference
Si eres programador PHP 100% (como yo) te alegrara saber (al momento de programar en ASP ) que existe un sitio donde encontrarás la versión de esa función PHP que necesitas en ASP.
No están todas, creo, pero al menos con un par de estas podrás, al menos, salvar la patria.

Referencias entre ASP/PHP Cross Reference

2006-09-20T15:16:00.000-07:00

Ordenar tus tablas con sorttable | tufuncion.com

2006-09-16T03:39:00.000-07:00

Ordenar tus tablas con sorttable | tufuncion.com
Interesante artículo (y chiche) para agregarlo a tus super tablas , la idea es que tengas un "ordenar ascendente y descendentemente" los datos de tu tabla, tan simple como llamar a un JS, y darle un class="nombre_clase" y queda listo.

Crear menus de Tabs con CSS

2006-09-14T06:56:00.000-07:00

Top 71 CSS Menus Navigation Tabs : Ultimate Web Developer Lists : eConsultant

Una buena lista para cuando necesites una idea para aplicar tabs en tu sitio web.

Reclamo Formal, una triste experiencia con mi AFP

2006-09-08T07:25:00.000-07:00

Es la primera vez creo, que uso este blog para hacer un reclamo, pero creo que es justificado en este caso.

Para ubicarlos un poco en el tema, vivo en Santiago de Chile. y trabajo de forma dependiente en una empresa de desarrollo web, y en estos momentos estoy afiliado a la AFP BBVA Provida, para la cual necesitaba sacar un certificado en particular, obviamente trate de sacar mi clave para hacer este trámite vía internet (cualquier AFP medianamente pensante tiene este servicio ) y para eso busque un telefono o call center de la AFP, increíblemente, no encontre absolutamente ningún teléfono, la verdad es que aún sigo sin encontrarlo, y cada link de "contacto" me manda a un formulario que, la verdad, no dan ni ganas de llenarlo.

Pero como me urgía recibir mi clave, y mi conexión más directa con mi AFP era "mandando un fax" con fotocopia de carné, firma, dirección de entrega, email y un infinito etc. envié el fax, el cual, por cierto, se iba a responder en un plazo no mayor a 48 horas.

A la semana, llega un "fax tipo" indicando que me faltaba una de las 1000000 cosas que pedía la empresa, y el fono de reclamo ? aún brilla por su ausencia.

La verdad es que esta situación me parece una falta de respeto hacia los clientes de esta "empresa", creo que una vez más nos han visto la cara, y creo que en esto debe tomarse cartas en el asunto, ahora que recuerdo, desde que me inscribi nunca me ha llegado ningún tipo de información.

En fin, creo que esto dificilmente se va a terminar, las empresas grandes hacen lo que quieren con sus usuarios, incluso, negar información tan simple como un certificado de afiliación, por favor señores políticos ! de una vez por todas ponganse a trabajar y fiscalizen este tipo de hechos.

Link : AFP Provida

El Juan Jorquera mas famoso

2006-09-06T09:05:00.000-07:00

Esta si que es una tremenda quebrada de mi parte, jajajajajajaja
Busquen en google a "Juan Jorquera", y que se van a encontrar ? a este pequeño reducto personal, jajajajajaja, me parece entretenido que, casi sin buscarlo, uno a veces se posiciona por términos que ni se imagina encontrar.

Bueno, dejo hasta aca este hiper auto referente post, que creo que solo a mi me interesa.

Trucos para mejorar tu cuenta Gmail | tufuncion.com

2006-09-06T09:04:00.000-07:00

Trucos para mejorar tu cuenta Gmail | tufuncion.com: "Trucos para mejorar tu cuenta Gmail"

Interesantes "trucos" para sacarle el maximo partido a tu cuenta de Gmail. Via tu funcion.com

Los mejores textos sobre CSS y estándares web en castellano » Sentido Web

2006-09-05T06:51:00.000-07:00

Los mejores textos sobre CSS y estándares web en castellano » Sentido Web

Interesante lista con vínculos a artículos sobre css y XHTML, comentando las ventajas de usar los estándares en la Web.

Lista de Sitios incompatibles - Documentación Firefox Chile

2006-08-31T07:27:00.000-07:00

Lista de Sitios incompatibles - Documentación Firefox Chile

He aquí una lista de sitios web incompatibles con Firefox "Made in Chile"

Espero no estar en la lista.

Chiste para linuxeros que hablan ingles

2006-08-29T14:46:00.000-07:00

Pharyngula: Si lo entiendes, eres geek

jajajajaja, esta cool ! si las cosas fueran asi en la vida real ...

SigT » Plantillas CSS para impresión y 9 consejos

2006-08-28T19:55:00.001-07:00

Via SigT » Plantillas CSS para impresión y 9 consejos: "Plantillas CSS para impresión y 9 consejos"

Suele ser habitual tener hojas de estilo en CSS para la presentación de nuestras webs, una de las grandes ventajas de trabajar con XHTML y CSS es la separación de contenido y presentación: Con una plantilla CSS podemos modificar la forma de presentar información sin modificar el contenido.

Vamos a ver un ejemplo de plantilla CSS únicamente para impresión con algunos consejos para aplicar, lo primero es definirla en el documento y aunque podríamos hacerlo añadiendo una línea igual que la siguiente (cambiando screen por print):

Lo vamos a hacer diferente ¿por qué? pues porque algunos navegadores no muestran la hoja para impresión en “Previsualizar impresión” si no es de la siguiente manera dentro de :

Lo importante de esto es que el CSS al cual se le da un media="print" es el de impresión y el media="screen" el clásico para presentación, hay otros cómo por ejemplo media="handheld" para dispositivos de mano (PDA’s, etc) pero estos ya no entran en está entrada.

Ahora solo toca poner lo que queramos en print.css, es hora de los consejos:

Elimina todo rastro de elementos de navegación: Una vez impreso no sirve de nada un menú, el lector no va a poder pinchar en él por lo tanto elimina todo lo que no forme parte del contenido. Es muy fácil, sólo debes pillar los distintos identificadores y añadirles un display: none;.
```
 #menu, #footer, #cabecera, .contenido-irrelevante {
 display: none;
}
```
Utiliza pt en lugar de px, % o em: Los valores px, %, em, etc., son medidas absolutas para mostrar a un determinado tamaño información en pantalla en lugar de ello utiliza pt, recomendación:
```
 body {
font-family: Arial, sans-serif;
font-size: 10pt;
}
```
Utiliza fuentes muy legibles: Lo que con una fuente se lee bien en pantalla, impresa no tiene por que verse igual de bien: Arial, Courier New para ancho fijo, etc., te servirán.
Utiliza float:none;: Los elementos flotantes dan problemas con algunas versiones de Mozilla Suite, borra los floats que no necesites o en su lugar utiliza float: none;.
Especifica el fondo y el color de letra por defecto: Fondo siempre blanco y letra con un buen contraste: negro o similar:
```
 body {
background: #fff;
color: #000;
}
```
Las tablas salen sin presentación: Por defecto las tablas aparecen sin bordes, si tienes una forma de presentar las tablas en CSS para la web, copia esa parte del código al fichero CSS para impresión. Ésto también se puede aplicar a cualquier elemento.
Utiliza a[href]:after para mostrar los enlaces. Seis líneas de CSS y los enlaces se mostraran justo a la derecha del texto enlazado entre paréntesis y con un bonito tono azul. Si no recuerdo mal los selectores (:after, :before, etc) no funcionan en IE.
Puedes hacer lo mismo que en el punto siete pero con el atributo alt="" de las imágenes.
Resumiendo: Hacer plantillas CSS para impresión es lo mismo que para presentación: Retocar, refrescar la web, “Previsualizar impresión”, ver cambios y empezar de nuevo. Lo único que cambia es que vamos a quitar los elementos de navegación y el código del CSS usado al final sera mucho más corto que en la presentación.

Actualmente tengo pendiente hacer una versión impresa en condiciones pero lo más importante ya está: elementos de navegación fuera, publicidad fuera, arial 10pt +/- para una buena impresión y solamente se muestra logo+artículo.

Referencias y más para leer

Y ya de paso recomiendo “Principios básicos de CSS” en castellano por parte de Tierra de nómadas.

Webmaster Libre » Archivo del weblog » DOMTab: Navegación por pestañas con CSS y DOMscripting

2006-08-28T19:54:00.000-07:00

Webmaster Libre » Archivo del weblog » DOMTab: Navegación por pestañas con CSS y DOMscripting

DOMTab nos permite crear estupendas interfaces divididas por pestañas por medio de Javascript no intrusivo.

Aplicar DOMTab a nuestras páginas es francamente sencillo. Primero llama al script desde la cabecera de tu documento

<script type="text/javascript" src="domtab.js">script>

El código html de nuestra página debe ser algo así,

<div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Test 1a>li>
<li><a href="#t2">Test 2a>li>
[... and so on ...]
ul>
<div>
<h2><a name="t1" id="t1">Proof 1a>h2>
<p>Test to prove that more than one menu is possiblep>
<p><a href="#top">back to menua>p>
div>
<div>
<h2><a name="t2" id="t2">Proof 2a>h2>
<p>Test to prove that more than one menu is possiblep>
<p><a href="#top">back to menua>p>
div>
[... and so on ...]
div>

Tenemos, además, la opción de presentar un enlace donde se mostrarán todos los contenidos en una sola pantalla, por ejemplo para imprimir.

Puedes editar todas las opciones del script ya que todos lo que se espera del HTML son parámentros.

tabClass:'domtab', // class para activar las pestañas
listClass:'domtabs', // class de los menús
activeClass:'active', // class del enlace actual
contentElements:'div', // elements to loop through
backToLinks:/#top/, // patrón para buscar enlaces "volver arriba"
printID:'domtabprintview', // id del enlace para imprimir todo
showAllLinkText:'show all content', // texto del enlace para imprimir todo

A la hora de dar estilo, tenemos a nuestra disposición tanto las clases e id utilizadas por el script como el resto de recursos a nuestro alcance por medio de CSS:

DOMTab: http://onlinetools.org/tools/domtabdata/

Mi versión Simpson

2006-08-28T19:44:00.000-07:00

Alguna similitud ? algunos dicen que si.
jajajajajajajajaja

Tiempos aquellos en que era chascon. Bueno, para los que me conocen, o los que me conocen hace poco, este era yo hace un par de años atrás.

melkorcete

2006-08-28T19:40:00.000-07:00

Via melkorcete <>: "Menú con CSS"

Después de haber dejado claras las bases de una maquetación con estilos, ahora vamos a aprender a hacer un menú solo con XHTML y CSS. La idea es obtener un menú que sin mucha carga de funcionalidad a la página, y sobre todo que sea fácil generarlo vía PHP, utilizando plantillas (que será otra de las cosas que veremos próximamente).

Comenzamos como siempre con el XHTML. Definiremos una capa contenedora y dentro una lista sin ordenar. En los elementos

introduciremos elementos para las opciones de menú y un elemento

para el titulo del menú.

"contenedor">

"titulo">

Titulo

"http://www.melkorcete.com">Elemento 1

"http://www.melkorcete.com">Elemento 2

"http://www.melkorcete.com">Elemento 3

"http://www.melkorcete.com">Elemento 4

"http://www.melkorcete.com">Elemento 5

La etiqueta

nos va a permitir varias cosas: generalizar los estilos a nivel de fuente, ya que declararemos uno solo para el y así el titulo quedara diferenciado. Además para que los estilos de tipo `li:hover` no afecten al titulo, crearemos uno que tenga los `li:hover` igual que el titulo. Eso dará un efecto distinto a los li pero no cambiara el titulo.

Además, para ver aun mas posibilidades añadiremos una imagen transparente de viñeta y en el `li:hover` pondremos otra del mismo tamaño que si se vera, lo que creara una mayor sensación al usuario (aunque sea demasiado sobrecargado, luego no hay por que usarlo todo, eso como siempre a gusto del consumidor ). Ahora el CSS.

// Reiniciamos los Margenes para partir de cero
* {
margin: 0px;
padding: 0px;
font-family: Verdana;
text-decoration: none;
color: #000000;
}

// Declaramos el contenedor
.contenedor {
display: block;
position: absolute;
width: 150px;
top: 150px;
left: 150px;
}

// Aquí empiezan los estilos en cascada.
// Lista
.contenedor li {
list-style: none;
list-style-image: url(blank.gif);
list-style-position: inside;
padding-left: 0px;
font-size: 11pt;
background-color: #ADD8E6;
}

// Lista con efecto rollover
.contenedor li:hover {
background-color: #32CD32;
list-style-image: url(arrow.gif);
}

// Titulo del Menu
.contenedor h4 {
font-size: 12pt;
font-weight: bold;
color: #ffffff;
}

// Porpiedades para el titulo
.contenedor .titulo {
background-color: #1E90FF;
list-style-image: none;
padding-left: 5px;
}

// Evitamos el :hover en el titulo
.contenedor .titulo:hover {
background-color: #1E90FF;
list-style-image: none;
}

// Estilos de los enlaces
// links, visitados y activos
.contenedor a:link a:visited a:active {
color: #000000;
text-decoration: none;
}

// Enlace Seleccionado
.contenedor a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

Ahora que ya esta el CSS, es el momento de dejarlo a vuestro gusto: Sin fondos y solo enlaces, solo las imágenes, con otras viñetas... como os plazca, pero con una base como esta.

Os dejo un enlace a un .ZIP con los archivos (.HTML, .CSS y los .GIF).

Artículos Relacionados:

25 Ago # Bases de la Maquetación con CSS
31 Jul # Unos trucos de CSS

Galeria de imagenes con CSS

2006-08-28T19:37:00.000-07:00

Stu Nicholls | CSSplay | Another CSS slide show

Excelente galeria de imagenes con CSS, a mirar el codigo fuente !

Google Office: pisando aún más el césped de Microsoft

2006-08-28T19:27:00.000-07:00

Google Office: pisando aún más el césped de Microsoft

Hace poco menos de un año, el anuncio de una conferencia conjunta de los Directores Generales de Sun Microsystems y de Google dispararon los rumores del lanzamiento de un 'Google Office', un entorno vía web donde poder crear y gestionar documentos ofimáticos (correo electrónico, agenda, textos, hojas de cálculo).

Al final todo se quedó en una descafeinada declaración de intenciones de crear juntos productos para competir contra Microsoft, aunque es cierto que Google ha seguido apostando por productos en esa línea (Writely, Google SpreadSheets) y por mejorar OpenOffice.

Sin embargo, el lanzamiento hoy de 'Google Apps for your Domain' ha dejado más en evidencia la estrategia de Google. Hace un par de años contábamos que la compañía estaba pisando el césped de Microsoft a través del escritorio del PC y hoy Enrique Dans, por ejemplo, asegura que el objetivo es ahora "poner al alcance de empresas de cualquier tipo, independientemente de su tamaño, un conjunto de herramientas con la comodidad de una gestión y una fiabilidad probadas", compitiendo directamente con MS Office Live.

Sin embargo, dentro del nuevo servicio presentado hoy no se incluyen el gestor de hojas de cálculo (Google SpreadSheets) ni el editor de texto (Writely), y solamente se incorpora el correo electrónico (Gmail) y la agenda (Google Calendar). ¿Por qué lanza Google algo que todavía no compite frente a frente con 'Office Live' y que realmente se trata de una mezcla de productos sin apariencia uniforme?

Como bien puntualiza Steve Bryant, lo que pretende Google es conocer cómo los usuarios utilizan las herramientas y qué tipo de información gestionan. "Es fácil unificar las aplicaciones con un interfaz similar y un plan de márketing, pero lo que es díficil es conseguir que la gente lo utilice", asegura Bryant recordando palabras del Director General de Google.

"Con 'Google Apps for your Domain' lo que se está haciendo es construir primero las aplicaciones, conseguir que los usuarios las adopten como herramientas de trabajo, juntarlas después y finalmente preocuparse por el márketing", recuerda. Eso es lo que ha venido haciendo Google durante los últimos años: utilizar el atractivo de su marca para, desde Internet, intentar conseguir introducir diversas herramientas (hasta ahora, monopolio de Microsoft) donde poder seguir comercializando su modelo de negocio basado en la publicidad.

Por cierto, según asegura el 'Seattle Post Intelligencer', parece que Google va a adquirir un edificio de 20 plantas y 40.000 metros cuadrados en Seattle (EEUU), muy cerca de la sede central de Microsoft, empresa de la cual ha fichado a varios trabajadores.

Sony T30: cámara digital compacta de 7 megapíxeles | Microsiervos (Gadgets)

2006-08-28T15:35:00.000-07:00

Via Microsiervos (Gadgets) | Sony T30: cámara digital compacta de 7 megapíxeles:

La más conocida como «T-30» de Sony es la última versión de la familia de compactas/planas Cybershot T1, T3, T5, T7 y T9, algunas de las cuales todavía se venden. El rango de estas cámaras oscila entre los 150 y 500 euros más o menos, con prestaciones acordes a lo que se paga y a lo recientes que sean los modelos: la T-30 es sin duda la más moderna, cara y con más prestaciones de la familia. Tiene el mismo tamaño que sus predecesoras, realmente pequeñas, y pesa menos de 200 gramos, aunque es un poco más gruesa que otros modelos (24 mm.) La lente está protegida por un tapa que baja que sirve alternativamente también de encendido y apagado. Es bastante cómoda y fácil de manejar y las baterías duran unos 400 disparos sin problemas, así que necesita poca recarga. Su principal característica son los 7,2 millones de píxeles de resolución, que son más que suficientes para las fotos cotidianas y ayudan a compensar el escaso zoom ×3 típico de estas pequeñas ópticas. La pantalla para visualización es de 3 pulgadas, realmente grande y espectacular, tanto para ver cómo quedan las fotos como para apuntar y disparar. Por desgracia no tiene visor pequeño (vendría bien aunque fuera de mentirijilla), así que hay que disparar siempre las fotos en postura «mundo digital» con los brazos estirados.

Las especificaciones técnicas Sony T30 son amplias e inabarcables. Lo que Sony destaca de este modelo es su alta sensibilidad (equivalente ISO 1000) y el super-sistema de estabilización de imagen que permite obtener buenas fotos cuando hay poca luz, la cámara se mueve o tiembla el pulso. Como el ajuste focal, velocidad e ISO son automáticos, resulta fácil aprovecharse de todo ello. También lleva varios programas típicos (retrato, paisarje, acción, etc.) que suelen resultar efectivos. Pero la calidad obtenida en malas condiciones es siempre relativa debido al efecto «entra basura/sale basura». En las pruebas he podido conseguir fotos decentes en condiciones malas, aunque otras salían movidas o borrosas. Comparándolas con la Cyber-shot 717, que aunque más antigua tiene una óptica infinitamente más poderosa (y configurable), se podría decir que cumple bien con su papel. Diría que ofrece un sensor con una óptica decente (equivalente a 38-114, Carl Zeiss Vario-Tessar) y sistemas adicionales de apoyo bastante buenos para lo que pretende ser: una cámara de andar por casa y de llevar a todas partes con las que hacer fotos buenas pero no necesariamente profesionales. Aparte de eso lleva todo el kit típico de funciones como flash, anti ojos-rojos, programas típicos, ajustes de exposición (se pueden hacer HDRs) y otras utilidades varias.

Algunas de las cosas buenas de la T30: Esos generosos 7 megapíxeles que proporcionan mejores fotos, que ocupan unos 3 MB comprimidas en JPEG. Las películas en movimiento: como cámara de vídeo también funciona espectacularmente, grabando a 30 fps en 640×400, una calidad más que razonable (unos 10 minutos con una tarjeta de 1 GB). El macro es impresionante, incluyendo una función de lupa. El gran visor, una maravilla también, que hasta tiene opciones para hacer pases de fotos con música. También resultan muy efectivos y se agradecen los tiempos de respuesta: poco más de un segundo (1,3) para encenderse y estar lista; una fracción de segundo (1/10) sin apenas retardo entre disparar la foto y lo que se captura en realidad (en otras cámaras es mucho más lento y hay que andar «adivinando» y calculando, debido al retardo).

Lo peor de la T30: Tradicional tacañería de Sony (¡parecen Apple!) en un producto que puede considerarse caro (~500 €): ¡viene sin memoria y sin funda! Los 50 MB de memoria interna son testimoniales y de poco sirven, por lo que hay que añadirle Memory Sticks. La opción recomendable de 1 GB cuesta unos ~70-80 €. Por suerte sirven los Duo y Pro Duo que también funcionan en la PSP, y son muy rápidos en lectura y escritura. Falta de posibilidades de configuración: algunas funciones no se pueden programar, como los ajustes de velocidad, foco o sensibilidad, fuera de los pre-programas (podrían hacer el software más flexible), y todo ello está un poco escondido en los menús, porque la cámara tiene pocos botones. Lío de cables: como también es habitual en Sony, lleva baterías, conectores y cables diferentes a otros modelos y no-estándar. Lo del cable es especialmente triste: en vez de un conector USB 2.0 típico como en otros modelos, lleva un conector especial y un complejo cable de entrada/salida que entre otras cosas incorpora el USB. O llevas el cable a todas partes o necesitas un lector de memorias externo (mejor alternativa). La batería también debe recargarse en una base especial.

En conjunto, la T30 es una muy buena cámara. La calidad de imagen, fotos, vídeo es estupenda, los automatismos y ayudas muy buenos, los tiempos de respuesta difíciles de mejorar, la interfaz sencilla y agradable. Hace muy bien su trabajo y puede calificarse de buena compra. Sony podía haber creado la cámara perfecta de cinco estrellas si se dejara de tacañerías e incorporara una memoria digna, un conector/cable estándar, una funda aunque fuera de tela y le hiciera dos o tres mejoras al software y que por ejemplo se pudiera recargar por USB. Con todo eso y un precio un poquito más ajustado sería sin duda una cámara personal «de gama alta» candidata a superventas.

Algunas fotos con la T-30: Bomberos en acción, A través de las ventanas y en alta resolución, 3072×2304 (se pueden ver en Flickr con la opción «See Different Sizes», menú de la derecha): Autopista y Puerta de Hierro.

Algunas otras reseñas y pruebas de gente que ha podido probar la Sony T-30

Sony DSC-T30, toma de contacto en QuéSabesDe.
Review de la DSC-T30 en FlashLed, inlcuye vídeo demo.
Sony Cyber Shot DSC-T30 en CNET (7,6 sobre 10), incluye vídeo.
Sony Cyber-shot T30 Review en Digital Camera Tracker.

Tarantinospain | Microsiervos (Películas / TV)

2006-08-28T15:33:00.000-07:00

Via (Microsiervos) : Tarantinospain | Microsiervos (Películas / TV)

Tarantinospain es un nuevo blog sobre todo lo que rodea a Quentin Tarantino y sus películas, que a pesar de llevar poco tiempo está lleno de algunas historias jugosas. Resulta que existe, por ejemplo, un videojuego sobre Reservoir Dogs, película de la que pronto se editará el DVD 15 aniversario para coleccionistas y de la que han recuperado el trailer original. En el blog también publican de vez en cuando grandes frases de los personajes de las películas de Tarantino, algunas de las cuales sólo pueden ser supercalificadas como verdaderas y míticas leyendas clásicas del mundo de los diálogos de cine. También hay una de las secuencias de Rasca y Pica en Los Simpson titulada Reservoir Cats, parodiando el original, y se puede encontrar un enlace al guión original completo de Abierto hasta el Amanecer.

Top 10 de aplicaciones web para bloggers | tufuncion.com

2006-08-28T15:17:00.000-07:00

Via : Top 10 de aplicaciones web para bloggers | tufuncion.com

Este mi top 10 de aplicaciones imprescindibles para un blogger, la gran mayoría de ellas son de uso diario, estas aplicaciones facilitan mucho la tarea de actualización en un blog.

Top 10 aplicaciones Web

Si eres uno de los pocos que aún no utiliza Firefox no tardes mucho tiempo más y comienza a utilizarlo, yo y muchos cómo yo hemos utilizado Internet Explorer durante años y realmente Firefox es mucho mejor, mucho más versátil.

Disfruta de sus pestañas y de la compatibilidad con la mayoría de tecnologías webs no olvides personalizarlo a tu gusto con sus extensiones.

Del.icio.nos permite salvar nuestros marcadores en sus servidores, lo que hace posible que estos mismos sean accesibles desde cualquier ordenador que tenga Internet, puedes inviatar a nuevos usuarios a ver tus marcadores y del mismo modo puedes ver cuales son los más populares. Ya no tendrás que volver a importar nunca más tus favoritos.

Hay muchas herramientas para copntrolar y analizar tu tráfico pero personalmente esta es mi elección con herramientas realmente útiles similares a las de Google Analytics o Sitemeter, estás últimas tambien son realmente potentes.

Instant Domain Search es una excelente aplicación para comprobar qué dominios estás libres, una aplicación simple rápida y potente.

Si lo que andabas buscando es un dominio de internet para tu próximo proyecto, tendrás que echarle un vistazo a esta otra aplicación hecha con AJAX. Instant Domain Search, nos permite ver la disponibilidad de los dominios mientras vamos introduciendo el conjunto de letras que conforman el dominio.

Esté blog en concreto no es un wordpress pero este famoso CMS es un sistema de publicación personal, que cuida la estética, la usabilidad y la compatibilidad con estándares. Es un sistema de bitácora fácil de usar, bonito y compatible con la nueva generación de navegadores.

Para poder manejar las suscripciones de nuestros usuarios. Zookoda es esa herramienta específicamente diseñada para los bloggers que nos permitirá enviar los titulares de las últimas entradas diariamente, semanalmente o mensualmente hacia las cuenta de correo de nuestros visitantes.

Snipshot es una aplicación online de edición de fotografías. Puedes ampliarlas, reducirlas, girarlas, recortarlas y cambiar algunos atributos como brillo, contraste o saturación.

El resultado lo puedes guardar en varios formatos (GIF, JPEG, PDF, PNG, PSD y TIFF) o subirlo directamente a tu cuenta de flickr. Esto último le resultará especialmente interesante a quien use flickr para guardar las imágenes de su blog o página web, ya que las puede ir subiendo facilmente según las encuentra por la red.

Flickr un servicio para compartir fotografías combinando innovaciones tecnológicas, una red social y una comunidad que sigue creciendo. Es un servicio desarrollado por Ludicorp (empresa creada en el año 2002) y que gracias a su popularidad ha llamado la atención de los gigantes de internet siendo adquirida por Yahoo! hace algun tiempo.

Es un motor de búsquedas para blogs, organizado mediante tags puedes encontrar cualquier tipo de información que este alamacenada en sus servidores, puedes de igual modo ver un ranking de popularidad de los blogs registrados.

Espero que estos enlaces y sus correspondientes explicaciones os hayan sido útiles, comentar aquellas aplicaciones que sean dignas de pertenecer a este ranking.

Bases de la Maquetacion con CSS

2006-08-26T18:15:00.000-07:00

Hablando con un compañero del trabajo que me pregunto como usar capas para un determinado diseño, se me ocurrió escribir sobre unas cuantas propiedades de CSS que se usan habitualmente en los diseños y que hay que tener bastante claras.

float: [left|right|none]; Permite que el elemento afectado flote literalmente hacia donde se le indique. Equivaldría al align=[left|right] de HTML pero, a diferencia de este, afecta a cualquier elemento, no solo texto o imágenes.
clear: [none|left|right|both]; Especifica si un elemento permite tener otros elementos flotando a su alrededor. Si utilizas por ejemplo el clear: left; si encuentra algún elemento flotando a su izquierda se situara justo debajo de el. Equivale al de HTML.

Tras esto, vamos a hacer un pequeño ejercicio de práctica. La idea será crear el clásico esquema de header, menú izquierdo, contenido y footer a base de XHTML y CSS. El resultado será el de la imagen que os pongo a continuación.

Comenzamos con el código XHTML de las capas.

"contenedor" class="contenedor">

"header" class="header">header

"izquierda" class="izquierda">izq

"contenido" class="contenido">contenido

"footer" class="footer">footer

Nada fuera de lo común. Declaramos un contenedor y anidamos dentro cuatro capas, que harán la función de header, menú, contenido y footer. Después, comenzaremos con los estilos uno a uno, explicando para que es cada uno de ellos (Haremos el contenedor con unas mediadas pequeñas al principio por comodidad, luego si agrandas el contenedor al 100% todo se moverá en proporción. Ventajas del CSS >:] ).

// Reiniciamos los Margenes para partir de cero

{

margin:

;

padding:

;

}

// Declaramos el contenedor

.contenedor

{

display:

block

;

position:

absolute

;

width:

450

;

// Si ponéis 100% funcionara perfecto

height:

200

;

// Si ponéis 100% funcionara perfecto

top:

;

// Le añadimos un posicionamiento por comodidad

left:

;

// Le añadimos un posicionamiento por comodidad

border:

solid

#000000

;

text-align:

center

;

vertical-align:

middle

;

}

// Aquí empiezan los estilos en cascada.
// Header o Cabecera

.contenedor .header

{

display:

inline

;

width:

100

;

height:

;

background-color:

#68DBFF

;

float:

left

;

// Hacemos que flote a la Izquierda de cara al resto de estilos

}

// Menú de la Izquierda

.contenedor .izquierda

{

display:

inline

;

width:

;

height:

;

background-color:

#2152DE

;

float:

left

;

// float a la izquierda

}

// Contenido Principal

.contenedor .contenido

{

display:

inline

;

width:

;

height:

;

background-color:

#9BB0EA

;

float:

left

;

// float a la izquierda para que se pegue a la anterior

}

// Footer o Pie

.contenedor .footer

{

display:

inline

;

width:

100

;

height:

;

background-color:

#72A3CC

;

float:

left

;

// float a la izquierda

clear:

both

;

// el clear hará que baje a donde esté libre por ambos lados

}

A partir de aquí solo quedaría ir llenando con más elementos las capas que hemos creado. Es una forma absolutamente dinámica de maquetar, puedes usar además márgenes a tu gusto para separarlas, imágenes de fondo, lo que sea ya de cara a estética. Y al igual que este modelo, se pueden hacer mas jugando con los porcentajes para usar tres columnas en vez de dos. Eso ya queda a gusto del consumidor.

Mouse Digital - Guía para comprar el PC perfecto

2006-08-25T16:25:00.000-07:00

Mouse Digital - Guía para comprar el PC perfecto

Muy buen artículo de mouse.cl, del siempre clever Christian Leal, una guía para comprar el PC que necesitas, sin gastar de más.

Ribosomatic | Ejemplos

2006-08-25T16:22:00.000-07:00

Ribosomatic | Ejemplos

Un excelente sitio para quienes estamos empezando con esto de la Web2.0 , explicado de manera simple y con ejemplos super claros.

Sistemas para crear blogs en PHP

2006-08-25T16:19:00.000-07:00

Via DesarrolloWeb.com : Sistemas para crear blogs en PHP

Hasta hace poco estuve usando Wordpress, pero cuando traté de agregar Google Adsense me mando ... lejos :)

Es por eso que he vuelto a Blogger, y para mi sorpresa me di cuenta de que tengo PageRank.

Algo que pude constatar, eso si, es que en Wordpress mis post tenían mejor indexación, probablemente xq en Blogger no tenemos sistema de "tags" (ojala que pronto de pongan a tono con el tema), vamos Google, tu siempre puedes.

En fin, aca les dejo un link con una lista de blogs para que instalen en sus hosting, yo personalmente sigo prefiriendo WordPress , pero cuando le puedo meter mano al codigo fuente

Validar la extensión de un archivo a subir con Javascript

2006-08-25T16:13:00.000-07:00

Via DesarrolloWeb.com : Validar la extensión de un archivo a subir con Javascript

En este artículo vamos a mostrar como validar la extensión de un archivo mediante Javascript. Tenemos un formulario con un campo file y cuando se va a enviar el archivo, se realiza una comprobación para ver si la extensión está entre las permitidas. Si lo estuviera, se realiza el envío del formulario para hacer el upload del fichero.

En este script sólo se realiza la comprobación de la extensión, en ningún caso la recepción del fichero y su almacenamiento en el servidor, pues con Javascript no podemos realizar esas acciones, ya que es un lenguaje que se ejecuta en el cliente y no tiene acceso al servidor para hacer un upload.

En este ejemplo vamos a definir un formulario con un campo file y un botón de enviar que llama a una función, que será encargada de comprobar si la extensión está permitida y submitir el formulario si todo es correcto. El formulario sería el siguiente:

Ahora veremos la función comprueba_extension() que recibe una referencia al formulario y la ruta del archivo que deseamos subir desde dentro de nuestro ordenador. La función realizará una serie de comprobaciones que veremos a continuación. El código será el siguiente:

function comprueba_extension(formulario, archivo) {
extensiones_permitidas = new Array(".gif", ".jpg", ".doc", ".pdf");
mierror = "";
if (!archivo) {
//Si no tengo archivo, es que no se ha seleccionado un archivo en el formulario
mierror = "No has seleccionado ningún archivo";
}else{
//recupero la extensión de este nombre de archivo
extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();
//alert (extension);
//compruebo si la extensión está entre las permitidas
permitida = false;
for (var i = 0; i < extensiones_permitidas.length; i++) {
if (extensiones_permitidas[i] == extension) {
permitida = true;
break;
}
}
if (!permitida) {
mierror = "Comprueba la extensión de los archivos a subir. \nSólo se pueden subir archivos con extensiones: " + extensiones_permitidas.join();
}else{
//submito!
alert ("Todo correcto. Voy a submitir el formulario.");
formulario.submit();
return 1;
}
}
//si estoy aqui es que no se ha podido submitir
alert (mierror);
return 0;
}

Lo primero que hacemos es definir un array con las extensiones permitidas para hacer el upload. También definimos una variable llamada mierror, donde vamos a guardar el texto explicativo del error, si es que se produce.

Luego comprobamos si hemos recibido una ruta del archivo. Si no hay tal ruta, se define el error correspondiente "No has seleccionado ningún archivo". En caso contrario es que tenemos una ruta, con lo que vamos a buscar el nombre del archivo.

La ruta que podemos recibir puede tener una forma como esta:
C:\directorio\otro directorio\archivo.doc

De la ruta nos interesa obtener sólo la extensión del archivo. Por lo que vamos a obtener la parte que hay después del último punto. Esto se hace utilizando varios métodos de los objetos string de javascript:

extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase();

Simplemente estamos seleccionado la parte del string que hay después del último punto. Y estamos pasándo la extensión a minúsculas, por si acaso estuviera escrita con mayúsculas.

A continuación, para comprobar si esta extensión está entre las permitidas hacemos un bucle for, que recorre todo el array de extensiones permitidas y las va comparando a la extensión que hemos recortado del nombre del archivo. En el momento que encuentra una coincidencia se sale del bucle y pone la variable boleana permitida a true. Si no encontrase coincidencias esa variable boleana quedaría como false.

Luego se comprueba la variable boleana permitida. Si está en false es que no se permite la extensión, entonces defino el correspondiente error. Si estaba a true es que la extensión figuraba entre las permitidas, entonces se envía el formulario y se sale de la función.

Al final de la función se muestra el posible error que se haya detectado. Sólo se mostrará el error si no se llegó a mandar el formulario, porque si se hubiera enviado, se habría salido anteriormente de la función.

Esperamos que esta validación haya sido de utilidad. Se puede ver en funcionamiento en una página aparte.

Vi copiando entre archivos

2006-08-24T18:35:00.000-07:00

Extraido desde Juque.cl

VI es un editor muy poderoso. Supón que quieres copiar las líneas 1-10 y 23-77 del archivo A y copiarlas el archivo B al mismo tiempo, ¿cómo lo hacemos?. Aquí te daré el truco que hace esto:

Pon el cursos en la línea número 1
Presiona ESCAPE
Presiona Shift " (Shift comillas dobles)
Presiona a
Presiona 10yy (el número de líneas que quieres copiar)

Ahora pon el cursor en la línea 23
Presiona ESCAPE
Presiona Shift " (Shift comillas dobles)
Presiona b
Presiona 55yy (el número de líneas que quieres copiar)

Ahora las primeras 10 líneas han sido copiadas en el buffer "a" y las siguientes 55 líneas han sido copiadas al buffer "b"

Ahora presiona " : " (DOS PUNTOS) para tener el prompt de vi.
Tipea e "nombre del archivo de destino"

Una ves ingresado el nombre del archivo de destino anda a la línea que quieres copiar las primeras 10 líneas del buffer "a".

Presiona ESCAPE
Presiona Shift " (Shift comillas dobles)
Presiona a.
Presiona p.

Las primeras 10 líneas del buffer "a" fueron insertadas

Ahora anda a la línea donde el resto de las 55 líneas del buffer "b" serán insertadas

Presiona ESCAPE
Presiona Shift " (Shift comillas dobles)
Presiona b.
Presiona p.

Las restantes 55 líneas in el buffer "b" fueron insertadas.

Traducción del Tips del día hoy en Unix Guru Universe - For Unix Admins, By Unix Admins

Extensiones Firefox (II)

2006-08-24T07:09:00.000-07:00

Articulo Original : melkorcete.com

Empezamos con la URL Params. Esta destinada a debuguear los $_POST y $_GET de cara a encontrar fallos durante la programación. Aunque también permite mostrar que datos se envían en otras webs tras pulsar un botón o acceder vía enlace. Muy útil de cara a optimizar la seguridad de la web o para simplemente ayudar en la elaboración de formularios.

De cara al diseño de la página, esta extensión se vuelve casi imprescindible. La IETab emula en una pestaña de Firefox el motor de Internet Explorer y su hoja de estilos. Así no tendrás que andar cambiando entre exploradores para diseñar. Puedes ver la página activa directamente pulsando en el botón, o abrir un vínculo en una pestaña nueva de IETab. Más cómodo imposible ¿verdad?

Capturar un color que nos haya gustado mientras navegábamos ya no será una lata. Ni capturas, ni software, ni mucho menos. Colorzilla permite usar la clásica herramienta de cuentagotas para seleccionar el color elegido. Después veremos los datos en la barra de estado, aunque tiene una opción para ahorrarnos más tiempo aun. Si ya tienes un color seleccionado y pulsas con el clic derecho en el icono de la extensión, te aparecerá un menú contextual con la opción de copiar el color al portapapeles con diferentes formatos (RGB, Hexadecimal, sin almohadilla...). Rápido y útil.

Descargar URL Params : enlace.
Descargar IETab : enlace.
Descargar Colorzilla : enlace.

Añade un botón de tu blog en la barra de Google

2006-08-24T07:06:00.000-07:00

Via BlogMundi.com

Puedes ofrecer a tus lectores la posibilidad de añadir un botón de tu blog en la barra Google. Con él pueden ir directamente a tu sitio, realizar búsquedas en tu blog, o comprobar tus últimos posts añadiendo el feed al botón.

El proceso es bastante sencillo.

En primer lugar debes de tener la barra de Google instalada claro. Una vez que la tengas y si dispones de un cuadro de búsqueda de Google, debes hacer clic con el botón derecho en él y luego pinchar en “Generar búsqueda personalizada”.

Bien, lo siguiente es pinchar en Añadir y luego Aceptar. El botón se añadirá a tu barra, pero con un pequeño inconveniente, el icono será el de Google, por lo que debemos de crear uno propio.

Para ello deberás crear un icono para tu blog. Te vale, si tienes, el favicon de tu web. Si no, puedes crear uno con cualquier extensión, .jpg, .gif, .png. Una vez que lo tengas deberás codificarlo en texto ASCII mediante base64. No te asustes, eso lo puedes hacer aquí, simplemente cargas el archivo, pinchas en “Convert the source data” y lo convierte. El texto que te ofrece como resultado debes copiarlo.

Una vez que hemos hecho todo esto, debes pinchar en “Configuracion” de la barra de Google, luego en Opciones y después en la pestaña de Botones.

Marcas el botón de tu blog, pinchas en Editar y luego en “Usar editor avanzado”.

Se te abrirá una nueva página con un cuadro de texto. El código de tu icono debes pegarlo entre las etiquetas , eliminando lo que se encontraba antes entre ellas que era el código del icono de Google.

Ahora solo tienes que pinchar sobre “Guardar en la barra de Google” y comprobar como aparece el icono que has creado.

Pero, no vamos a dejarlo ahí, vamos a añadir también tu feed como opción en el botón, simplemente debes añadir esto después la etiqueta

http://feeds.feedburner.com/Blogmundi-ConsejosParaTuBlog

Sustituyendo ese feed por el tuyo. Volvemos a guardar como antes y podrás comprobar que ahora tu botón es despegable y que además muestra tus últimos posts.

Ahora sólo nos quedan dos cosas por hacer para poder ofrecer a los lectores la posibilidad de añadir tu botón a su barra de Google.

En primer lugar debes de guardar una archivo .xml con el código. Es decir, el código que hemos modificado antes para añadir el icono y el feed. Lo copias y creas un archivo xml que debes albergar bajo tu dominio del estilo :

http://www..com/miblog_boton.xml

En segundo lugar, crear un enlace para poder añadir el botón con tan sólo un clic:

http://toolbar.google.com/buttons/add?url=http://www..com/miblog_boton.xml

Ejemplo: éste sería el de BlogMundi: Añadir BlogMundi a la barra Google.

Debes saber también que los botones personalizados en la barra Google sólo son compatibles con Internet Explorer.

Eso es todo, por otra parte, quizá deseas añadir tu botón a la Galería de Botones de Google.

Las posibilidades de añadir funcionalidades a tu botón son variadas pero, eso te toca investigarlo a ti.

JavaScript Lint: Limpia de errores tus scripts

2006-08-24T06:49:00.000-07:00

Via webmasterlibre.com

Con Javascript Lint podrás comprobar todo tu código Javascript en busca de errores comunes sin necesidad de abrir la página en un navegador.
El programa está basado en el motor de Javascript de Firefox, con lo que, además de buscar errores puede también mostrar advertencias sobre prácticas no recomendables.

Javascript Lint está disponible para Windows y Linux. Además, es muy versátil y te permite utilizarlo de diversas formas:

Javascript Lint: http://www.javascriptlint.com
Demo Online: http://www.javascriptlint.com/online_lint.php

Dynamic Drive al rescate

2006-08-22T12:13:00.000-07:00

En el desarrollo de un sitio ocupé una rutina para desarrollar una botonera, la cual tiene la particularidad de que pinchas en el link padre y te abre los links hijos.

Está en inglés pero es bastante intuitivo, les dejo el link aca http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm

Extensiones Firefox para programadores Web

2006-08-22T12:10:00.000-07:00

via TuFuncion.com

Muy buen artículo, hay muchas extensiones que ni conocía, por supuesto, usa firefox y tendrás el poder, jajajajaja. muy interesante …

HTML Validator (http://users.skynet.be/mgueury/mozilla/) – Válida páginas webs con el estándar W3C con un simple checkbox en la esquina inferior derecha, podrás comprobar de una manera sencilla y visual si la página está validada, contienen warnings o no esta validada.

FireFTP (https://addons.mozilla.org/firefox/684/) – Está plataforma libre y segura proporciona acceso a sevidores FTP. No necesitaras un software externo a tu navegador para conectarte a tus cuentas FTP.

Professor X (https://addons.mozilla.org/firefox/2823/) – Permite ver el código fuente sin necesidad de tener que dirigirte al menu del navegador.

NikkelWHOIS (https://addons.mozilla.org/firefox/2646/) – Comprueba la información correspondiente al WHOIS de cualquier página haciendo click en un pequeño botón incrustado en tu barra de navegación.

IE Tab (http://ietab.mozdev.org) – Harto de comprobar una y otra vez la compatibilidad de tus páginas en los distintos navegadores… Esta es tu solución podrás testear tus páginas en diferentes pestañas dentro de tu Firefox.

FireBug (https://addons.mozilla.org/firefox/1843/) – Avanzada consola debugger que permite comprobar el estado de código JavaScript, CSS, HTML y Ajax.

Codetech (https://addons.mozilla.org/firefox/1002/) – Editor web con cierto parecido a Dreamweaver. Increible extensión para desarrolladores que no quieren desembolsar el precio de una licencia de Dreamweaver.

SEO for Firefox (http://tools.seobook.com/firefox/seo-for-firefox.html) – Resultados de búsquedas en Google y Yahoo, incluyendo pagerank, tiempo de página, ranking Alexa, WHOIS y algunas características más.
Añade tambien enlaces a servicios como Google Trends, Google Traffic Estimator, y Overture View Bid tool.

Yet Another Window Resizer (https://addons.mozilla.org/firefox/2498/) – Permite redimensionar la resolución de pantalla de tu navegador sin necesidad de configurar los valores de pantalla de Windows.

AdSense Preview (https://addons.mozilla.org/firefox/2132/) – Vista pervia de el estado de tu cuenta Adsense.

Screen grab (https://addons.mozilla.org/firefox/1146/) – Toma un pantallazo de una página y lo guarda como imagen, gran rendimiento acompañandolo con el uso de Photoshop.

Server Spy (https://addons.mozilla.org/firefox/2036/) – Indica el tipo de servidor de la página (Apache, IIS, etc.).

RIDE-ME un IDE para Ruby on Rails en Windows

2006-08-22T12:09:00.001-07:00

RIDE-ME es un entorno de desarrollo de Rails para Windows. Enfocado principalmente a los desarrolladores en proceso de migración de una plataforma de programación de Microsoft.

RIDE-ME es software libre publicado bajo una licencia MIT

RIDE-ME: http://www.projectrideme.com/

Buen truco para debugear tus CSS

2006-08-22T12:09:00.000-07:00

Via anieto2k.com

Muy buen truco para poder tener tus capas más o menos colocadas sin tener que darles colores a cada una de ellas. La verdad es que su facilidad me ha sorprendido y su funcionamiento es simplemente genial.


* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }

Pega este código en cualquier parte de tu CSS o mejor aún crea un fichero CSS y lo agregas a tu proyecto, esto hará que todos tus elementos aparezcan delimitados por lineas de colores. Muy util para las últimas y primeras etapas de maquetación.

Layouts para tu web

2006-08-22T12:08:00.001-07:00

Si no eres un Gran Diseñador, aca te dejo unos cuantos Layouts para que te “orientes”.

http://www.code-sucks.com/css%20layouts/

Una imagen (Frase Notable)

2006-08-22T12:08:00.000-07:00

“En realidad mil palabras valen mucho más que una imagen. Y además cargan mucho más rápido.”

… tal y como entiende el mundo el programador web

Vía Microsiervos

La coincidencia de “Los cuatro cuatros”

2006-08-22T12:07:00.000-07:00

via LaCoctelera.com

Una de las tantas maravillas matemáticas, con la que podremos formar cualquier número con 4 cuatros.

Si quieres formar el cero: 44-44, forman una expresión igual a cero.

El número 1, fácil: 44/44=1

El 2: 4/4 + 4/4, la suma de las dos fracciones es igual a dos.

El 3 es más fácil aún: (4+4+4)/4, ya que 12 dividido 4 nos da 3.

¿Y el mismísimo 4?, así: 4+(4-4)/4, vean que la operación (4-4)/4 es nula y la suma de 4+0 es igual a 4.

El número 5 (mi favorito): (4×4+4)/4, lo que es similar a 20/4=5.

Nótese que todos los números han sido formados por medio de 4 cuatros.

El 6: (4+4)/4+4, recuerden que los signos de + y de -, separan términos, por lo que queda 2+4.

El número 7: 44/4-4, similar a 11-4.

El 8 escrito con 4 cuatros: 4+4+4-4

El 9: 4+4+4/4, o sea 8+1.

Y el 10: (44-4)/4

Esto me lo encontré en un libro llamado ‘’El hombre que calculaba, Malba Tahan'’, página 44.

Botones Tabuladores con Ajax

2006-08-22T12:06:00.001-07:00

Dinamyc Drive nos sigue arreglando la vida, esta vez nos da un excelente ejemplo para crear botoneras “tabs” con “style”.

Sin más que decir, nunca está demás tener un link a estos “trucos”, ahi les va

Logos 2.0

2006-08-22T12:06:00.000-07:00

Asi queda el logo “2.0″ de AplicacionesWeb.cl , puedes conseguir algo parecido en http://msig.info/web2test.php , una web que hace una “parodia” de los logos de los sitios web “2.0″ (valga la redundancia), en el formulario pones tu texto y te da la opcion de agregar el boton “Beta” y “Reflejo” del nombre .

Mejores prácticas en PHP

2006-08-22T12:05:00.000-07:00

Via BuayaCorp

PHP best practices, the dos and don’ts, es una presentación muy interesante acerca de las cosas que se deben tener en cuenta al desarrollar aplicaciones Web con PHP.

La presentación está dividida en tres partes:

Cosas que debes y no debes hacer.-
- Verificación de tipos.
- Uso correcto de los tags de inicio y fin para bloques de código PHP.
- Uso de E_STRICT.
- Manejo de excepciones.
- Uso de depuradores de código.
- Importancia de los estándares de codificación.
- Documentación de código.
Seguridad.-
- Variable Injection (XSS, variables no inicialiadas, etc).
- Sql Injection.
- Validación de datos.
- Seguridad por oscuridad.
- Permisos adecuados.
- Configuración de PHP.
- Cookies y Sesiones.
Rendimiento.-
- C vs PHP (escribir extensiones de PHP cuando sean necesarias).
- No abusar de la Programación Orientada a Objetos (huh?).
- Cache de datos.
- Uso adecuado de expresiones regulares (usarlas cuando sean necesarias, definir expresiones correctas).
- Op code caching (”pre-compilación” de scripts).
- etc.

Nota: para ver la presentación necesitan un navegador que no sea IE, caso contrario verán el siguiente mensaje:

IE is not supported - please use Firefox, Safari, Konqueror or just about anything else.

Optimiza tu blog para los buscadores

2006-08-22T11:51:00.000-07:00

Via TuFuncion.com, uno de los sitios que la lleva hoy por hoy !!

Estructura de la URL

La estructura de tu URL debería ser rellenada con palabras, sin llegar a ser demasiada extensa.
A menudo se ven páginas en los que las fechas de publicación son incluidas en la URL pero yo prefiero algo como esto:

tusitio.com/titulodepost

Esto mantiene una URL corta descriptiva y sencilla de recordar.

Título de las páginas

Los motores de búsqueda usa los títulos de las páginas en sus resultados de búsqueda. La mayoría de los blogs mantienen una estructura parecida a esta:

nombredelblog.com >> Título del Post

Mi recomendación sería colocar unicamente el título del post. Aquí os dejo el código para los que utilizais Movable Type y WordPress.

Movable Type

<$MTEntryTitle$>

WordPress

<?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo " - "; bloginfo('name'); } elseif (is_single() || is_page() ) { single_post_title(); } elseif (is_search() ) { bloginfo('name'); echo " search results: "; echo wp_specialchars($s); } else { wp_title('',true); } ?>

Meta Description

Los motores de búsqueda a menudo ven contenido cómo duplicado pero con un Meta Description podenmos solventar este problema.

Movable Type

..." />

WordPress

Si usas WordPress descarga el plugin head meta description. Fija entre 15 y 25 palabras.

Cabeceras

Las cabeceras son realmente importante para la indexación de tu contenido, tienes numerosas opciones para resaltar contenido dentro de tu post, pero lo mas eficaz es utilizar las etiquetas H1, H2, o H3.

Imágenes y enlaces de texto

Las imagenes y enlaces de texto deberían de poseer un comentario que se muestre al pasar el ratón por encima del enlace.
Esto se hace con las etiquetas "alt" (imágenes) y "tittle" (texto) aseguráte de que estos comentarios contengan palabras descriptivas.
Alt

alt="descripción"

Title

title="descripción"

Sitemap

La mayoría de blogs no posee sitemap y lo necesitan, puesto que es un elemento muy importante de cara a la optimización para los motores de búsquedas.Puedes utilizar el servicio de Google "webmaster tools" o crear tu propio sitemap.
Te ayudará a indexar el contenido de tu blog de manera eficiente.

Redirección 301

Cuando otras páginas enlazan tu blog lo harán: http://tufuncion.com o http://www.tufuncion.com. Habitualmente los motores de búsqueda verán dos sitios diferentes, sólo habría que echar un vistazo a Google en las que el numero de enlaces de una y otra estrcutura son totalmente distintos.
Si prefieres unificar estos datos solo tendras que configurar el .htaccess con este trozo de código:

Options +FollowSymLinks
RewriteEngine On
RewriteCond %{HTTP_Host} ^TUSITIO.com [NC]
RewriteRule ^(.*)$ http://www.TUSITIO.com/$1 [L,R=301]

Asegurate de modificar los parametros de las líneas 3 y 4 por los del nombre de tu dominio.

Linkar

Error si piensas que no te aporta nada linkar a otros blogs, es una característica común a los blogs importantes... estos linkan y tu debes linkar de cara a los motores de búsqueda optimizarás la indexacion de tu sitio.
La forma de hacerlo más común es incluyendo un blogroll.

Hacer ping

Si deseas incrementar tu tráfico prueba a hacer ping a páginas como technorati, Icerocket o blogalaxia.
Si utilizas FeedBurner puedes hacer ping a traves de ellos.Icerocket.

Como no patear un Penal

2006-07-05T11:04:00.000-07:00

No es que sea precisamente un fanático del futbol chileno (que es bastante malo, y no por sus jugadores precisamente) pero esto es impresentable, un jugador "profesional" no puede pegarle asi a un penal en una final de un campeonato, aunque sea el de Chile, Mayer Candelo, el culpable de semejante falta de respeto, ha sido blanco de las críticas de la "prensa deportiva especializada" chilena.

Ojalá que si algún jugador lee este post, nunca haga algo semejante .

Saludos desde Chile, el pais del Fútbol !!
del futbol malo si ...

Picasa Web Albums

2006-06-16T20:46:00.000-07:00

Picasa Web Albums

Y bien, no es nueva la noticia, pero de que es buena es muy buena, muy en la onda flickr , google saca una versión integrada entre su software picassa y un "website album" que cada usuario con una cuenta google puede crear para ir almacenando (y clasificando) sus fotos.

Pantera y su Planet Caravan

2006-06-08T22:54:00.000-07:00

Hace mucho tiempo que quería darme el tiempo de ver este video, no tengo idea que dice la letra, pero la melodia me relaja, y el video es demasiado alucinante, de verdad se los recomiendo, el Dimebag hizo un magnífico trabajo con las guitarras y el Anselmo creo que esta vez (y que me perdonden los fans de Ozzy) superó la interpretación del tema original.

En fin, les dejo, como siempre auspiciado x YouTube, el Video de Planet Caravan, versión de Pantera, nota aparte, es el unico tema lento que les conozco.

Krunch

2006-05-30T20:27:00.000-07:00

Krunch

Bueno, y que es ?

Supongamos que por esas extrañas casualidades de la vida, estas sentado en un PC que no tiene ni winzip, ni winrar (el tipico PC del vecino que te jode xq su tarro no funciona y no sabe nada de PCs) y no tienes espacio para instalar mas programas (Disco Duro del año del mono) y DEBES zipear una carpeta.

Como hago eso Dios Mio !!!!

Facil, con Krunch.

Subes los archivos al servidor (mediante un form tipicamente AJAX) le das un nombre al archivo zip (o rar o gzip) y luego el te avisa que lo guardo.

Algo mas ?

Claro, te permite mandarlo x correo, incluso como archivo adjunto.

Muy buen sitio, buena grafica y sobre todo, super AJAX.

Chekeenlo

Ajaxload - Ajax loading gif generator

2006-05-27T20:42:00.000-07:00

Cuando quieras darle un estilo "Web 2.0" a tus sitios Ajaxload - Ajax loading gif generator
te ayudará a generar esos gifs que te muestran el proceso de carga de tu pagina web.

Bastante útil y te da la opción de cambiar el color del gif, el tipo de simbolo y el background, obviamente para ser descargado luego a tu PC.

Espero ocupar pronto este tipo de "imagenes 2.0", a todo esto publique un interesante articulo en AplicacionesWeb, sobre los puntos a tener en cuenta cuando uses Ajax.

Será hasta mi proximo posteo, no se cuando será xq estoy terminando muchos proyectos :)

NO al SPAM - Gracias, pero NO mas!!!

2006-05-26T13:42:00.000-07:00

A veces quisiera que ciertos amigos no tan cercanos no tuvieran mi correo, pero creo que la dulce venganza se aproxima. NO al SPAM por favor amigos, leanlo, no me gustan las cadenas.

Porque Amigo mio? si yo a ti nunca te molesto mandandote esas cosas ?

En fin, si se sienten identificados con mis palabras, aqui tienen una pequeña ayuda, ojala permita que ciertos amigos lo entiendan.

Saludos

El Chiste del Dia

2006-05-25T12:54:00.000-07:00

Maestro : Para ver un sitio echo en Flash, aparte del flash media player, que otra herramienta necesito instalar para poder verlo ?

R: Un Navegador

bootlog | loading life » archivo » Cómo usar Gmail por defecto en Gnome

2006-05-23T15:54:00.000-07:00

bootlog | loading life » archivo » Cómo usar Gmail por defecto en Gnome: "Cómo usar Gmail por defecto en Gnome"

No hay mucho más que agregar, via bootlog.cl me entero de esta utilidad.

Saludos Tomás

Life Wasted, El primer video musical bajo licencia Creative Commons

2006-05-22T06:27:00.000-07:00

Y de quien más podría ser ???

Pearl Jam, por supuesto (este blog pareciera estar dedicado a ellos, pero NO!) jejejejeje, no es mi culpa de que estén tan activos, y aunque no es de los mejores videos que han hecho, según mi humilde opinión, de todas maneras vale la pena darle una vuelta, el tema al menos, salva.

Estará hasta el 24 de Mayo bajo la licencia creative commons, lo que significa que cualquiera puede bajar, copiar, distribuir y compartir el video (pero sin hacerle modificaciones).

Aca les dejo el link para ver el video en google video

Va a ser una semana activa parece, asi es que lo dejamos hasta acá,

Saludos !!!!

Cine ‘Open Source’: Elephants Dream

2006-05-22T06:21:00.000-07:00

La primera movie OpenSource.

Y bien, los desarrolladores Blender han hecho esta maravilla digital.

cual es la gracia? que está hecha 100% con software opensource, y obviamente, es de libre distribución, aun no la he visto, de modo que no puedo dar una opinión cinematográfica, pero les dejo a ustedes la misión de comentarla, los links los dejo a continuacón.

En AVI (425 MB)
En Quicktime (311 MB)
Otras versiones más chicas

Gracias FayerWayer

Una Caja de Pandora

2006-05-20T20:30:00.000-07:00

Pandora.com , es el nuevo chiche de la web, la verdad no se que tan nuevo sea, pero yo lo descubri hace un par de dias solamente.

Que es ?

Es una radio personalizada, que te permite, en base a tus preferencias, crear tus propias estaciones de radio, algo parecido a last.fm, pero a mi gusto es mucho mas sencillo de usar, le das tus preferencias y listo, la verdad me cuesta diferenciar entre una y otra, creo que va mas por un tema de gusto y de usabilidad que se adapta a mis necesidades :)

Como Funciona?

Es un flash que se carga en una pagina web, como cualquier otra, previamente tienes que crear tu cuenta (Demas está decir que no es una carga muy rapida, necesitas un buen ancho de banda) y luego le das los temas o artistas de tu preferencia dentro de las estaciones que desees, y Pandora hará el resto. Puedes evaluar canción por canción, para decirle al sistema si te gusta o no.

Bueno, lo dejo hasta acá por ahora, el link es Pandora.com

Denle una vuelta, esta rebueno, el unico problema es que aun no indexa temas en español, pero ya se viene.

Saludos

World Wide Suicide II

2006-05-20T20:17:00.000-07:00

Y bien, es la entrega del video oficial del primer single del ultimo disco de Pearl Jam, la gracia de este video, es que el malabarista que aparece es un chileno (al igual que este servidor, jejejeje) que el Eddie Vedder vio en noviembre del año pasado en una calle de Santiago haciendo gala de su talento, el muchacho le dio una idea que combina con el concepto de la cancion

Gracias Youtube! desde que no veo TV cable deje de ver videos musicales, y gracias tambien a Pearl Jam, que creo que ya pasaron por todo ese tema de "no somos comerciales ni vendidos, somos artistas" y ahora no tienen rollos con toda esa pendejería de no dar entrevistas ni salir en sus videos.

Bueno, dejemos las palabras para los que saben, nosotros dsifrutemos del temazo que se despachan los "chicos de Seattle".

World Wide Suicide

2006-05-10T06:40:00.000-07:00

Los grandes Pearl Jam la hacen una vez mas!! se despachan un discazo, disco homónimo, casi una vuelta a las raíces, suena fresco y renovado, cosa que ya me había dado cuenta el año pasado cuando vinieron a Chile, (2 conciertos que nunca podrán ser olvidados)

Aqui les dejo el video del primer single del disco, el tema World Wide Suicide, desde el Saturday Night Live, un clásico de la TV gringa, con un clásico del rock gringo ... COOL !!!

Muy buena Foto

2006-05-05T12:45:00.000-07:00

Sin comentarios, los sitios web que la llevan, todos metidos en esta muy buena foto

La frase del mes y el peor presidente

2006-04-22T14:52:00.000-07:00

Según George W. Bush:

“El gobierno financió la investigación de los microdiscos de almacenaje, electroquímica y compresión de señal. Lo hicieron por una razón: porque esos ingredientes son la clave para el desarrollo del iPod.”

Es, sin duda, el peor presidente de todos los tiempos.

ILUSTRACION : ROBERT GROSSMAN

MEGALOMANÍA

2006-04-22T11:41:00.000-07:00

Cuando nos enfrentamos a actos o proyectos grandiosos que exceden nuestra capacidad de comprensión, y en especial cuando asistimos al declive o a la derrota de quienes los concibieron, ponemos en tela de juicio su salud mental y decimos que esos tales son víctimas de un síndrome de megalomanía. Eso se dijo de Napoleón cuando tras las primeras derrotas se inició el declive de su grandioso proyecto europeo. Eso mismo se dijo de Hitler cuando estaba ya acorralado y saltaron a la luz de la opinión pública las tremendas barbaridades con que se acompañó en la retaguardia el avance fulgurante de las tropas del Tercer Reich. Y eso mismo cabe decir del grandioso proyecto de destrucción del mundo occidental, compartido por una amplia plataforma integrista islámica y liderado por Osama Ben Laden. El día que conozcamos el proyecto en toda su extensión, nos ratificaremos aún más en el diagnóstico.

La megalomanía se define en psiquiatría como la sobreestimación delirante de las propias capacidades. Delirio de grandezas; convicción irracional de la propia riqueza, fama o poder. No es una enfermedad por sí misma mientras no alcanza el nivel de delirio, de obsesión, de carácter claramente patológico. Y cuando alcanza estos niveles es tan sólo un elemento más en el síndrome de enfermedades mentales graves. En una sociedad que tiende a la depresión, unas dosis razonables de autoestima, que le acerquen a uno a su propia realidad, ayudan lo suyo. Pero cuando adquieren la misma intensidad que las depresiones, pero en el polo opuesto, y no digamos si se alternan con éstas, constituyen un serio peligro no sólo para el que sufre estos accesos de delirio, sino para todo el entorno que los ha de sufrir.

La palabra megalomanía es de creación muy reciente; no existe por tanto en griego ni en latín. Está formada, muy bien formada por cierto, a partir de dos lexemas griegos: megaV (mégas), que significa grande; y mania (manía) = locura. Sobre el primer elemento conviene decir que el prefijo mega (méga), que en informática se ha convertido en sustantivo (unidad de medida), y que hallamos consolidado en palabras como megáfono, megalítico, etc., se usa con mucha facilidad para componer nuevas palabras, en competencia con el prefijo macro- (de makroV /makrós = grande), de carácter más dimensional. Ahora bien, la raíz completa es megal (megal-), que aparece ya en el genitivo: megaloV (megalós). Y así podemos interpretar megalo-manía como manía, locura o delirio de grandeza. Si se hubiese formado el término a partitr del nominativo, tendríamos mega-manía, que obviamente induciría a traducirlo como “gran manía”. En rigor para el concepto de grandeza el griego usa el término megeqoV (méguezos); por eso hay que entender que el valor “grandeza” se obtiene del adjetivo “grande” a partir del neutro: “lo grande”. Bien está compuesto así el término, porque es muy inteligible. Si en vez de ser el que es, hubiese sido “méguezomanía”, no hubiese hecho fortuna.

En cuanto a mania (manía), en griego tiene un significado más intenso que en español: demencia, humor sombrío, humor negro (atrabiliario). Y en el plano religioso, delirio profético, inspiración divina, arrebato místico.

Mariano Arnal

Traductor en Línea

2006-04-18T12:04:00.000-07:00

Un traductor en linea hecho en Ajax, Orangoo Spell Check - Online spell checking.

Funciona re bien, y "nunca esta demas en el hogar".

BuzzShout, un buscador de webs 2.

2006-04-17T10:19:00.000-07:00

Lo que tenia que suceder, un buscador de sitios (o directorio?) que tengan el "tag" de ser web 2.0 BuzzShout

Favor de chequear y comentar, creo que hacia falta algo asi.

Hace falta estandarizar la web 2.0, creo que aun es el talon de Aquiles, script.aculo.us es nada mas que una librería, funciona bien pero no es ley (comentario aparte, jejejeje).

2006-03-23T13:46:00.000-08:00

Aqui otra vez posteando.

Que puedo decir? la verdad, aparte de trabajar en exceso, no es mucho el aporte, desarrollando cosas nuevas, se viene una intranet bastante jodida, pero el Power Designer esta ayudandome bastante.

Debo recomendar un sitio que esta pegando fuerte, www.biografiadechile.cl , de mi colega y amigo Gabriel Cartes

Por el momento lo dejo hasta aca.

Chau!

2006-03-15T06:07:00.000-08:00

La página web mas antigua del mundo. Symbolics.com
Hoy cumple 21 años, y la gracia es que mantiene su look and feel ...

nada mas que eso, pero por si alguna vez te preguntaste cual fue la 1era .com del mundo, bueno, esta es

Javiera y Yo

2006-03-08T11:58:00.000-08:00

Javiera y Yo, subido originalmente como usuario flickr Cantrell.

nada que decir...
mi hija es una estrella de hollywood

jajajajaja

Te amo Javi

2006-02-14T10:44:00.000-08:00

Mis Favoritos en del icio us, web 2.0

del.icio.us/tonijua

Mis Fotos Personales

2006-02-14T09:44:00.000-08:00

Mi Flickr:

Quiero compartir con uds mis fotos personales, mias y de mi familia.

2005-11-23T05:08:00.000-08:00

Pearl Jam en Chile, Por Fin !!!!

Asi es, los sobrevivientes del Grunge por fin estuvieron en suelo chileno.

Fue un recital increible, durante la tarde habia mucho sol, pero a la hora del concierto comenzó a caer una leve llovizna que le dio un toque casi mágico a la puesta en escena de Vedder y Cia.

No quiero dejar escapar el hecho de que los chicos de Seattle son unos tremendos musicos, cosa que no tenía muy clara, pero ellos se encargaron de aclararmelo (a mi y a los miles que estuvimos)

Buenas ... Noches ... estamos contentos de estar en Chile ... Por fin

El Eddie Vedder leyendo un papel desde el suelo, jajajajajaja , totalmente rockstar ...

Que viva el rock, rock not dead, todavia tengo un monton de imagenes dando vueltas en mi cabeza, creo que ayer volvi a tener 15 años y volvi a creer en la magia de la musica.

Creo que me hacia falta.

Bueno, creo que por el momento lo dejo hasta aca. Espero tener un poco mas claro lo que fue este recital en los proximos dias, porque ahora tengo una cantidad interminable de imágenes dentro de mi cabeza.

tururutu tururu ...

2005-11-12T21:47:00.000-08:00

Y bien, aqui otra vez generando un nuevo comentario...
y que puede ser ?
hablemos del pesimo teclado que tengo en mi pesimo PC lentium II ???
no creo que quieran leer eso ...
De farandula chilena quiza ????
tampoco, ni siquiera yo quiero hablar de eso ...

Escribire sobre la vida de un matrimonio joven, quiza eso le sirva a alguien

Un matrimonio, joven adulto o viejo, hoy en dia tiene muy pocas posibilidades de perdurar en el tiempo, eso que quede como primera cosa ...

Yo me case a a los 21 años, mi esposa tenia 20, y me enorgullece decir que nos casamos "con lo puesto", sin ahorros, sin casa, sin apoyo de ninguna clase ...

Es decir ... solos contra el mundo

En realidad solos no, ya que venia en camino nuestra hermosa hija (que gracias a Dios se parece a su mama, hay que decirlo, jejejeje) y por ella (y xq nos tenemos el uno al otro, obviamente) hemos salido adelante

Hemos tenido momentos muy hermosos, tambien hemos tenido problemas, claro, porque la vida es siempre asi, independiente de tu estado civil, a veces tienes dias buenos, y otros en que mejor te hubiese quedado acostado ...

La vida no es blanco y negro, tiene matices, como decia un ex amigo mio ...

Bueno, me retiro de este intento de auto exorcismo, debo reconocer que ahora me siento mucho mejor, no doy mas lata

Por el momento, seguro que en mi proximo desvelo apuntare algo en esta bitacora

Espero ser un poco mas elocuente y entretenido

Por ahora estos posteos beta me hacen tomar confianza y ritmo ...

Saludos, sientanse libres de postear lo que quieran

2005-11-03T13:20:00.000-08:00

Pearl Jam En Chile

Asi es no mas, una gran banda de rock, mas alla de quienes la tildan de "grunge", lo de Pearl Jam es rock, sin mayores adjetivos, sin tantos "tags".

Es increible cuando uno recien empieza a conocer ciertas cosas, como la musica, cuando entras en la "adolescencia" y hay grupos o canciones que marcan una etapa de tu vida; convengamos que Pearl Jam marco profundamente mi vida entre los 15 y 20 años.

En esa etapa que uno quiere ser rock star y tonteras x el estilo, jejejeje

En fin, este 22 de noviembre se dejaran caer aca en Santiago de Chile, en el San Carlos de Apoquindo, cuento los dias para eso ...

Este blog esta abierto para comentarios, pueden decir todas las tonteras que deseen

Chau !

2005-11-02T11:38:00.000-08:00

Que hacemos con tanta tecnologia ?

Es la primera pregunta que se me viene a la cabeza al sentarme a escribir este post, tanto blog, website, fotologs, articulos en rss ... uf, y un largo etc.

Esto está recien empezando señores, y quien no se suba al carro de las nuevas tecnologías ... se esta perdiendo una gran diversion !!!

Por mi parte, estoy empezando con los blogs, tambien tengo mi propio sitio web, y de a poco quiero ir aprendiendo sobre las nuevas tecnologias de una llamado "web 2.0", (ajax y otras yerbas)

Por el momento lo dejo hasta aca, continuo trabajando, espero ir mejorando el nivel del posteo

Saludos

2005-10-20T11:17:00.000-07:00

Empezando con el temita de los blogs

Visita AplicacionesWeb.cl

El Blog de Juan Jorquera

Image Thumbnail Viewer En Dynamic Drive

el blog del felix

Eliminar retornos de carro de DOS en Linux

Angel para un final de Silvio Rodriguez, cual es el significado ?

Diseños Web Open Source - Diseños Web Gratis ?

Php Object Generator (v2.1.2) - Open Source PHP Code Generator

Recopilacion de librerias javascript / Ajax Drag&drop

Referencias entre ASP/PHP Cross Reference

Referencias entre ASP/PHP Cross Reference

Ordenar tus tablas con sorttable | tufuncion.com

Crear menus de Tabs con CSS

Reclamo Formal, una triste experiencia con mi AFP

El Juan Jorquera mas famoso

Trucos para mejorar tu cuenta Gmail | tufuncion.com

Los mejores textos sobre CSS y estándares web en castellano » Sentido Web

Lista de Sitios incompatibles - Documentación Firefox Chile

Chiste para linuxeros que hablan ingles

SigT » Plantillas CSS para impresión y 9 consejos

Referencias y más para leer

Webmaster Libre » Archivo del weblog » DOMTab: Navegación por pestañas con CSS y DOMscripting

Mi versión Simpson

melkorcete

para el titulo del menú. "contenedor"> "titulo"> Titulo "http://www.melkorcete.com">Elemento 1 "http://www.melkorcete.com">Elemento 2 "http://www.melkorcete.com">Elemento 3 "http://www.melkorcete.com">Elemento 4 "http://www.melkorcete.com">Elemento 5 La etiqueta

Titulo

Galeria de imagenes con CSS

Google Office: pisando aún más el césped de Microsoft

Sony T30: cámara digital compacta de 7 megapíxeles | Microsiervos (Gadgets)

Tarantinospain | Microsiervos (Películas / TV)

Top 10 de aplicaciones web para bloggers | tufuncion.com

Top 10 aplicaciones Web

Bases de la Maquetacion con CSS

Mouse Digital - Guía para comprar el PC perfecto

Ribosomatic | Ejemplos

Sistemas para crear blogs en PHP

Validar la extensión de un archivo a subir con Javascript

Vi copiando entre archivos

Extensiones Firefox (II)

Añade un botón de tu blog en la barra de Google

JavaScript Lint: Limpia de errores tus scripts

Dynamic Drive al rescate

Extensiones Firefox para programadores Web

RIDE-ME un IDE para Ruby on Rails en Windows

Buen truco para debugear tus CSS

Layouts para tu web

Una imagen (Frase Notable)

La coincidencia de “Los cuatro cuatros”

Botones Tabuladores con Ajax

Logos 2.0

Mejores prácticas en PHP

Optimiza tu blog para los buscadores

Estructura de la URL

Título de las páginas

Movable Type

WordPress

Meta Description

Movable Type

WordPress

Cabeceras

Imágenes y enlaces de texto

Sitemap

Redirección 301

Linkar

Hacer ping

Como no patear un Penal

Picasa Web Albums

Pantera y su Planet Caravan

Krunch

Ajaxload - Ajax loading gif generator

NO al SPAM - Gracias, pero NO mas!!!

El Chiste del Dia

bootlog | loading life » archivo » Cómo usar Gmail por defecto en Gnome

Life Wasted, El primer video musical bajo licencia Creative Commons

Cine ‘Open Source’: Elephants Dream

Una Caja de Pandora

World Wide Suicide II

World Wide Suicide

Muy buena Foto

La frase del mes y el peor presidente

MEGALOMANÍA

para el titulo del menú.

"contenedor">

"titulo">

Titulo

"http://www.melkorcete.com">Elemento 1

"http://www.melkorcete.com">Elemento 2

"http://www.melkorcete.com">Elemento 3

"http://www.melkorcete.com">Elemento 4

"http://www.melkorcete.com">Elemento 5

La etiqueta