1/21/2010 | Posted in , ,



Finalmente después de muchas versiones de prueba ya se encuentra disponible para descargar la versión final de Mozilla Firefox 3.6 desde su sitio oficial, según se había indicado esta versión se esperaba ya sea para el día 19 o el día 26 de este mes, pero finalmente hoy es el día del lanzamiento.
En las próximas horas te aparecerá el aviso de actualización a esta nueva versión o si lo prefieres puedes descargarla desde el enlace de abajo para empezar a utilizarla.
Entre las nuevas características con la que cuenta esta versión encontraras las siguientes.-
* Cambio de apariencia del navegador sin reiniciarlo.
* Soporte para web open font format.
* Vídeo nativo en pantalla completa.
* Mejor rendimiento y mayor velocidad.
* Mantiene los plug-in actualizados.
* Oculta la barra de menús sin complementos.
* Vista previa de las pestañas.
En los próximos días entraremos en detalle sobre las nuevas características de esta fascinante navegador.
Firefox 3.6 descargar
��
1/21/2010 | Posted in



PDFmyURL es una aplicación on-line y totalmente gratuita con la cual podrás convertir cualquier pagina web a formato PDF, esta aplicación es realmente eficiente solo cuanta con un pequeño inconveniente, no visualiza bien los sitios web que están programados para verse horizontalmente.
A pesar de esto, esta aplicación convierte en cuestión de segundos nuestra web en un documento pdf, se los recomiendo.
Pdf my url
Category:
��
1/21/2010 | Posted in , ,



Sin duda uno de las mejores herramientas de un programador web es la extensión para firefox firebug, con la cual podremos realizar una cantidad ilimitada de mejoras en nuestro código fuente simplificando en gran medida nuestro trabajo.
El vídeo tutorial viene en español y explican de manera muy simple, espero les sea de gran utilidad.

Category: , ,
��
1/20/2010 | Posted in , ,

Un enlace (hipervinculo) es un texto, boton o imagen que al momento de seleccionarlo nos trasladan a otra pagina web, esta puede estar dentro del sitio actual o en otro, ademas también nos puede mandar a otra posición en la misma pagina del enlace, a este ultimo se le llama Skip-Link.
Etiquetas < a>< /a>.-
Viene de la palabra ancla y entre estas etiquetas se delimita el texto u imagen que servirá como enlace o hipervinculo, si es un texto por defecto aparecerá en color azul y subrayado (esta configuración la podremos cambiar mas adelante con un poco de CSS), ademas los hipervinculos siempre siguen la misma estructura.
Sintaxis basica.-

< a href="direccion o url">Texto a mostrar del enlace< /a>




Atributos.-
  • HREF - (hypertext reference )En este atributo colocamos la url, la cual es la ruta de acceso a la pagina web a la que se quiere llegar al hacer clic en el enlace.
  • NAME - Nombre asignado al enlace(lo veremos mas adelante viendo el tema de anclas)
  • TARGET - Se utiliza para abrir la url contenida en el enlace en una ventana o pestaña, este atributo actualmente ya no se utiliza, ya que se deja a preferencia del usuario abrir el enlace en una nueva o en la misma ventana.
  • TITLE - Este atributo es opcional, y nos sirve para dar una descripción sobre el enlace, y esta aparecerá cuando se coloque el ratón por encima del enlace.
ejemplo.-

<a href="http://www.blogger.com/menu.html" target="_black" title="Enlace al menu principal">
MENU
</a>


��
1/20/2010 | Posted in ,



Te has imaginado la posibilidad de acceder a todo el contenido de la wikipedia sin una conexión a Internet, pues ya es posible gracias a un proyecto de la comunidad de software libre de Colombia, el proyecto es llamado Neblipedia.
Actualmente se encuentra disponible la versión 0.9.5, incluye mejoras gráficas y una gran cantidad de errores corregidos respecto a sus versiones anteriores (esta versión aun no es lanzada), la versión de neblipedia 0.9.4 ocupa alrededor de unos 2 gigabites, la cual podrás transportar en cualquier llave usb sin problema alguno.
Neblipedia
��
1/20/2010 | Posted in



Estos vídeos son un claro ejemplo de la rutina diaria de una persona que se dedica a trabajar como freelance, el ritmo de vida, y exclusivamente en el segundo vídeo un ejemplo del tipo de clientes que tenemos que aguantar para podernos ganar nuestro pan de cada día.
Vídeo 1 EL RENACER.-

Vídeo 2 ROI.-

Que opinas al respecto? se te recuerda a algún cliente?
Category:
��
1/19/2010 | Posted in , ,



Ante la interrogante sobre el futuro de MySql, Microsoft trata nuevamente de ganar terreno sobre el software libre y da a conocer un asistente al cual ayudara a migrar las bases de datos creadas en mysql a sql server (el sistema de bases de datos de Microsoft).
El nombre del programa es SQL Server Migration Assistant For MySql, y ya se encuentra disponible, este asistente funciona para las versiones 4.1, 5.0 y 5.1 de Mysql para migrar a SQL Server 2003, 2008 y Sql Azure.
Para poder utilizar el asistente vamos a requerir de una licencia (recuerden que es Microsoft) la cual podremos obtener de forma gratuita.
Mysql a Sql
��
1/19/2010 | Posted in , , ,



A pocos días del lanzamiento final de mozilla firefox 3.6, ya se encuentra disponible la versión RC2 de este gran navegador de código abierto, esta versión solo corrige un error (que por cierto solo afecta a la versión para linux) con respecto a la versión anterior.
Así que esta nueva versión prácticamente sale sin cambios, así que ha esperar al 19 de enero para poder descargar la versión final de la versión 3.6 que hasta el momento nos ha dejado un buen sabor de boca.
Si estas interesado en descargar puedes hacerlo mediante el siguiente enlace, si ya cuantas con alguna versión de prueba se te notificara que actualices.
Descargar firefox 3.6 RC 2
1/07/2010 | Posted in ,



El lanzamiento de wordpress 2.9 fue todo un éxito con mas de un millón de descargas, y ahora gracias al interés de los usuarios por este CMS (el mejor de código abierto desde nuestro punto de vista) lanzan la versión 2.9.1.
Wordpress es una actualización de seguridad donde corrigen varios errores y mejoran la compatibilidad con algunos host en donde se habían presentado problemas.
Se recomienda actualizar tu versión de wordpress de forma automática desde el menú herramientas / actualizar o bien descargar la versión 2.9.1.
Descarga wordpress 2.9.1
Category: ,
��
1/06/2010 | Posted in ,



Al momento de trabajar con imágenes debemos de tomar en cuenta un aspecto muy importante, se trata del tamaño de las imágenes, ya que entre mas pesadas estén, mas demorara el navegador en mostrarlas, así que mejor utilicen imágenes livianas u optimicen la imagen para la web, hay bastantes herramientas online para lograr este objetivo.
Etiqueta .-
Esta etiqueta nos sirve para insertar una imagen en un documento html, como veran, esta etiqueta es especial por que no cuenta con una etiqueta de cierre, en su lugar se utiliza un espacio en blanco seguido de una barra, es como una especie de etiqueta de cierre integrada.
Sintaxis básica.-
||
|| <img src="mi_imagen.jpg" title="Mi imagen" />
||



La etiqueta < img/> cuenta con los siguientes atributos.-
  • Src .- Este es el mas importante de todos los atributos, ya que indica la ruta donde se encuentra la imagen a mostrar.
  • Alt .- Con este atributo podemos ingresar un texto alternativo, el cual se aparecerá cuando la imagen no se muestre.
  • Width .- Con este atributo le indicamos al navegador el ancho que deberá tener la imagen.
  • Height .- Igual que el atributo anterior, solo que ahora se trata de la altura de la imagen.
  • Title .- Este atributo es opcional, y muestra un texto informativo sobre la imagen cuando pasamos el ratón sobre esta.
ejemplo.-

||
|| < img src="imagen.jpg" whith="100" height="50" alt="Mi imagen" title="Esta es mi imagen" />
||
Category: ,
��
1/06/2010 | Posted in ,



Ya se encuentran disponibles las actualizaciones de seguridad para las versiones de mozilla Firefox, la versión 3.5.7 se solucionan 3 bugs, dentro de los cuales uno se considera como critico  un problema en la notificación de actualizaciones del navegador.
Mientras en la versión 3.0.17 se solucionan dos problemas de estabilidad, los mismos que en la versión 3.5.7.
Si utilizas Mozilla Firefox se recomienda actualizar tu navegador de inmediato, existen dos formas para ello,  una de forma automática la cual te visara en algunas pocas horas o de manera manual ingresando al menú herramientas/ buscar actualizaciones.
Tal vez esta podría ser la ultima actualización de seguridad para la rama 3.0.x, ya que Mozilla había avisado que a partir del 2010 ya no daría mas soporte a esta versión.
Actualizaciones Mozilla firefox
Category: ,
��
1/05/2010 | Posted in , ,



Nuevamente en un vídeo de Matt Cuts (ingeniero de Google), en este vídeo se habla sobre las paginas que aun no están del todo completas, en otras palabras esas paginas que tienen el anuncio pagina en construcción y el efecto que esto tiene para poder ser posicionado en Google.
La respuesta la encontraras en el vídeo de abajo, recuerda activar los subtitulos en español.

1/05/2010 | Posted in ,



Firefox Mobile 1.0 esta creado con el mismo motor de Firefox 3.6 que utilizamos en nuestros ordenadores, este navegador actualmente se encuentra disponible en 15 idiomas.
Firefox viene embalado por completo de tus características favoritas,entre las cuales están la Awesome Bar, complementos, Tejido de sincronización y conscientes de la ubicación de exploración.
En resumen viene muy bien este navegador así que el navegador miniopera ya tiene gran competencia.
Firefox Mobile 1.0
Category: ,
��
1/05/2010 | Posted in ,



Un sitemap es un archivo XML el cual nos permite facilitar la indexacion de todas o la mayoría de las paginas de nuestro sitio web a un buscador, en este caso indexaremos para Google.
De entrada Blogger (sistema de blog de Google) no nos permite crear un sitemap para nuestro blog, así que tendremos que hacer uso de las herramientas ofrecidas por ellos, en este caso utilizaremos el feed proporcionado por blogger, dicho feed lo encontraras en la siguiente dirección.
http://nombre_de_mi_blog.blogspot.com/atom.xml
Donde atom.xml es el archivo utilizado para nuestro feed, solamente que hay un problema al utilizarlo para indexar en Google, el problema es que solo muestra a Google las ultimas 25 entradas recientes, así que de ahi en mas no podemos indexar a Google mas de 25 paginas.

Solución al problema de Blogger

Existe una forma de hacer que Google indexe mas de 25 paginas de nuestro blog, vamos a tener que emular un sitemap en nuestro feed, no se preocupen que el proceso es bastante sencillo.
Existen 3 parámetros necesarios para mejorar la usabilidad de nuestro feed y estos nos ayudara a una mejor indexacion ya que podremos indexar todas las paginas de nuestro blog, empecemos.-
?redirect=false .- Este parámetro se agrega después de atom.xml y su función es obligar a bloger a mostrar una sesión mas allá de los 25 post predeterminados.
&start-index=1 .- La función de este parámetro es indicar desde que post empieza a mostrar nuestro feed, siendo 1 el post mas reciente.
&max-results=500 .- Aquí indicamos el numero máximo de post que pediremos que muestre nuestro feed, (el numero máximo para mostrar es de 500).
Asi que en lugar la siguiente url para indexar a Google.-
http://nombre_de_mi_blog.blogspot.com/atom.xml
Utilizaremos esta.-
http://nombre.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
De esta manera podremos indexar todos nuestro post contenidos en nuestro blog, pero se preguntaran esto verdad que pasa si en mi blog tengo mas de 500 post? es muy facil solo tienen que enviar dos sitemap a Google, uno como el que mostramos anteriormente y otro como el siguiente.-
http://nombre.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=1000
empezaremos a mostrar desde el articulo 501 hasta el articulo 1000, espero les sea de gran utilidad.
Sitemap para blogger
Category: ,
��
1/05/2010 | Posted in ,



Los nombres de las variables variables son nombres de variables que se pueden establecer y usar dinamicamente, un poco confuso? la verdad este es un tema un poco difícil de comprender, esperemos que al final del articulo quede un poco mas claro.
Declararemos un variable de forma normal.-
||
|| < ?php
|| $a = "Hola";
||? >
||


Bien ya tenemos declarada nuestra variable a, ahora una variable variable toma el valor de otra variable y lo toma como el nombre de la variable (no se preocupen asi es de confuso), para ello utilizaremos el signo de dolar dos veces, veamos el ejemplo.-

||
|| < ?php
|| $$a = "Mundo";
|| ? >
||


Basándonos en el ejemplo anterior, ya tenemos declaradas dos variables $a que contiene "hola" y $hola que contiene "mundo", el nombre de una variable variable es el contenido de la variable asignada, en este caso al declarar la variable $$a, estamos declarando $hola.
Asi que el siguiente ejemplo.-
||
|| < ?php
|| echo $a ${$a};
|| ? >
||

produce el mismo resultado que este ejemplo.-

||
|| < ?php
|| echo $a $hola;
|| ? >
||

Los dos ejemplos dan como resultado "Hola Mundo", espero este articulo les allá aclarado un poco este tema, cualquier duda pueden postearla en el area de comentarios.
Category: ,
��
1/03/2010 | Posted in ,


Continuamos con la segunda entrega del articulo, en el articulo anterior vimos el uso de los caracteres especiales, el uso de las etiquetas < br/> (salto de linea), < hr/> (dibuja una linea) y < p> (párrafo), en esta ocasión nos centraremos mas en la ubicación y atributos del texto.


Etiqueta < center> < /center>.-


Actualmente esta etiqueta se considera obsoleta, es decir ya no se debe utilizar para crear paginas web, aunque si se puede, pero no se recomienda, se utilizaba para centrar el texto, imagen o elementos que se encuentren entre ellas.


Esta etiqueta es remplazada por código CSS, para mas información puedes ver el siguiente articulo.-


Propiedades CSS Text-align


Etiqueta < b> < /b>.-


El texto entre estas dos etiquetas nos posibilita tenerlo en negrita, ejemplo.-


||
|| <body>
|| <p><b>Este texto esta en negrita</b> y este no.</p>
|| </body>
||


El resultado del ejemplo anterior quedaría de esta forma.-


Este texto esta en negrita y este no.


Etiqueta < u>< /u>.-


El texto que este entre estas dos etiquetas nos posibilita subrayarlo, ejemplo.-


||
|| <body>
|| <p><u>Este texto esta subrayado.</u></p>
|| </body>
||


El resultado del ejemplo anterior es este.- "Este texto esta subrayado."


Etiqueta < i>< /i>.-


Todo el texto que se encuentra entre estas dos etiquetas nos posibilita un texto con inclinación itálica, ejemplo.-


||
|| <body>
|| <p><i>Este texto esta con inclinación itálica.</i></p>
|| </body>
||


El resultado del ejemplo anterior seria este.- "Este texto esta con inclinación itálica."


Etiqueta < font>< /font>.-


Actualmente esta etiqueta se considera obsoleta al igual que la etiqueta < center>, con esta etiqueta se puede cambiar el color, el tamaño y tipo de fuente o letra. Pero no se preocupen ya que todo esto lo pueden aplicar mediante código CSS.
Category: ,
��
1/03/2010 | Posted in ,



Gran colección de fuentes grung, para los que no saben de que tipo de fuente se trata, son fuentes desgastadas, sucias, viejas que actualmente se han vuelto muy popular.
En 1stwebdesigner.com reúnen un colección de 79 fuentes grung, las cuales son gratuitas (no olvides leer los derechos de autor de cada fuente para evitar problemas) y las podemos utilizar en nuestros diseños web.
Para descargar la fuente solo debes de hacer clic en el nombre de la misma.
coleccion fuentes grung free
Category: ,
��
1/03/2010 | Posted in ,



En este vídeo Matt Cuts nos explica el por que Google ignora el @ en las búsquedas, en resumen Google opto por ignorar este símbolo por el simple hecho de no mostrar direcciones de email en los resultados de la búsqueda, pero Matt Cuts menciona en el vídeo que en un futuro esto pueda cambiar.
El siguiente vídeo contiene subtitulos en español, si no se muestran por defecto puedes activarlos.-

Category: ,
��
1/03/2010 | Posted in



Disponible la ultima edición del editor de código fuente open source con soporte solo para sistemas windows, Notepad ++ 5.6.4, con algunas mejoras respecto a la versión anterior la cual estubo disponible hace apenas dos semanas (la versión 5.6.2).
En esta nueva versión solo se corrige algunos pequeños errores y una nueva característica de conversión de una codificación de caracteres localizada a Unicode.
Notepad 5.6.4 disponible
Category:
��
1/03/2010 | Posted in , ,



Según el calendario del proyecto de firefox 3.6 con nombre clave Namoroka estaría disponibles a finales del 2009, pero los desarrolladores de Mozilla anunciaron un retraso en el lanzamiento de firefox 3.6 la cual estará disponible para los primeros tres meses del 2010.
Y como era de esperarse la versión 4 que revolucionara este navegador la tendremos disponible a finales del 2010, esperando no halla mas retrasos en su lanzamiento.
Actualmente disponemos de la versión beta 5 de firefox 3.6, donde podremos hacer uso de sus nuevas mejoras.
Firefox 3.6
��
1/02/2010 | Posted in ,
HTML desde un principio fue creado para el alfabeto ingles, pero al pasar el tiempo los programadores web se dieron cuenta que no era suficiente y empezaron a buscar maneras para mostrar caracteres especiales, algo que marcaría el comienzo de la evolución web, la forma de utilizar un caracter especial es la siguiente.-

||
|| $acute;
||



Al principio utilizamos el simbolo ampersad (&) y terminamos con un punto y coma (;), el resultado del ejemplo anterior en pantalla es un acento, acontinuacion listare los caracteres especiales mas utilizados.-
& acute; - Acento
& ntilde; - Letra ñ
& quot; - Comillas dobles
& deg; - Grados
& nbsp; - Espacio en blanco
& aacute; p;- A con acento
& amp; - Simbolo ampersad (&)
& lt; - Signo menor que (<)
Etiqueta < br/>.-
Esta etiqueta se considera especial ya que carece de etiqueta de cierre, la etiqueta < br/> inserta un salto de linea en un documento html, ejemplo.-

||
|| <body>
|| <p>Este es un texto <br/>de prueba</p>
|| </body>
||




Y el resultado en pantalla seria el siguiente.-
Este es un texto
de prueba
Etiqueta < hr/>.-
Al igual que la etiqueta < br/>, la etiqueta < hr/> carece de etiqueta de cierre y nos sirve para dibujar de manera predeterminada una linea horizontal y contiene los siguientes atributos.-
Align - Alinea hacia la izquierda (left), centro (center) o derecha (right).
Noshade - Quita el sombreado predeterminado de la linea.
Width - Especifica el ancho de la linea, el cual puede ser medido en pixeles (px) o porcentaje (%).
Size - Especifica el alto de la linae y se mide en pixeles (px).
Para ver algunos ejemplos puedes ver el siguiente articulo, Haciendo lineas.
Etiqueta < p>.-
Todo el texto que se encuentre entre las etiquetas < p> y < /p> son tomadas por el navegador como un solo parrafo, ejemplo.-

||
|| <body>
|| <p> Este texto es un parrafo </p>
|| </body>
||
Category: ,
��
1/01/2010 | Posted in ,

En html podemos utilizar una gran variedad de colores para mejorar el aspecto de nuestra pagina web, para poder utilizar colores en html, usaremos la notación hexadecimal con la combinación de colores RGB (rojo-verde-azul), donde cada color podrá tener un valor desde 00 hasta ff siento este ultimo el mas claro.
Sintaxis.-
||
|| #0000ff //el cual nos dará el color azul.
||

Los dos primeros sp;dígitos (00) indican el color rojo, los dos segundos dígitos (00) indican el color verde y los dos últimos (ff) indican el color azul, y la combinación de estos tres colores primarios nos da el color deseado, es importante colocar el símbolo # al principio.
Tabla de colores básicos.-



Html soporta otra forma de utilizar los colores, se trata de los colores estándar establecidos por la W3C, en lugar de usar valores hexadecimales se coloca el nombre del color en ingles, son 16 los valores soportados (aqua, yellow, white. black, orange, silver, red, blue, lime, green, gray, maroon, navy, purple, teal, olive).
Ejemplo.-aplicamos el fondo de la pagina con un valor hexadecimal y el color del texto con un color estándar.
||
|| <body bgcolor="#0000ff" text="white">
|| Hola Mundo!!!
|| </body>
||
Category: ,
��
1/01/2010 | Posted in ,

Vamos a crear nuestra primera pagina en html, para ello, utilizaremos un editor de texto, podemos utilizar el bloc de notas que viene por defecto en tu sistema operativo o si ustedes me lo permiten les recomiendo utilizar el editor de Notepad++, un exelente editor para diversos lenguajes de programación.
Primero dentro de la estructura html, entre las etiquetas title, colocaremos el titulo de nuestra pagina web, un ejemplo puede ser "Mi primera pagina web", enseguida dentro de la etiqueta body utilizaremos los atributos bgcolor y text para el color de fondo y texto de la pagina, y entre las etiquetas body colocaremos el contenido, en esta ocasión sera "HOLA MUNDO", veamos el ejemplo:

||
|| <html>
|| <head><title>MI PRIMERA PAGINA WEB</title>
|| </head>
|| <body background="black" text="white">
|| <p>HOLA MUNDO!!!</p>
|| </body>
|| </html>
||


Una vez escrito el código, guarda tu documento como "ejemplo01.html" (incluyendo las comillas para que se respete la extencion .html), ahora ejecútalo con el navegador web de tu preferencia y veras que en la parte de arriba del navegador tendrá como titulo MI PRIMERA PAGINA WEB, y en el área de contenido veras desplegado el mensaje HOLA MUNDO.

Ademas notaras que el area de informacion esta de color negro y el texto de color blanco, te preguntaras como?, pues bien, en la etiqueta BODY utilizamos los parametros BGCOLOR (color de fondo de la pantalla) y TEXT (color del texto a mostrar), el color tiene que estar escrito en ingles.
Category: ,
��
1/01/2010 | Posted in



El 30 y 31 de diciembre Google actualizo el PageRank, esto tal ves es debido a que prepara la plataforma para utilizar su nuevo algoritmo de búsqueda el cual ha estado probando desde el verano pasado, hablamos de Google caffeine.
Este nuevo algoritmo de Google no cambiara mucho la apariencia de las búsquedas, sino en la velocidad de la búsqueda y mejorando en gran medida la búsqueda en tiempo real.
En cuanto tengamos mas noticias te las aremos saber, y por que de una ves no revisas tu pagerank, ya que puedes haber mejorado bastante.
Google Caffeine
Category:
��