Pixelblog tag:pixelmod.net,2008-09-28:/blog//1 2010-08-18T20:06:20Z Movable Type Pro 4.21-es Trabajo Freelance tag:pixelmod.net,2010:/blog//1.82 2010-08-18T19:54:07Z 2010-08-18T19:54:07Z Trabajo Freelance. Conozca algunos guiños sobre el Trabajador Freelance. Trabajador autónomo, por cuenta propia e independiente. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Si no ha llegado tan alto en la escala profesional como usted había esperado, o si usted piensa que su trabajo actual le lleva demasiado tiempo, entonces tal vez es hora de considerar una carrera como freelance.

No importa qué tipo de trabajo tenga, hay una buena probabilidad de que alguien esté trabajando en ese trabajo como freelance en este momento. Freelancing, a lo que algunas personas llaman Outsourcing (externalización), es una tremenda oportunidad para muchas personas. Y como usted está observando, las personas que han escogido trabajar independientemente lo hacen por varias razones. ]]> ¿Por qué Freelance?

Algunas personas están recurriendo a trabajar independientemente porque se han quedado sin opciones de ascenso en su lugar actual de trabajo. Otros están cansados del camino al trabajo o de la política de oficina o también están cansados de vestirse cada día en traje de negocios.

Con las noticias de los dueños de negocios por las que los empleados son expulsados fuera prácticamente todos los días, algunas personas se han simplemente cansado de la incertidumbre de trabajar para alguien que - sin previo aviso - podría hacerle entrega de una notificación de despido (o peor, enviarla por correo electrónico afirmando que sus servicios ya no son necesarios).

Y hay un montón de talento altamente inteligente y personas que simplemente están hartas de trabajar día y noche sólo para que puedan hacer a alguien más rico. Si usted está leyendo este artículo, probablemente pueda referirse a una de estas razones para querer dar un golpe que por su cuenta.

¿Está preparado?

Usted puede estar dispuesto a dar todo como freelance en un primer intento. Al reflexionar sobre si una carrera como profesional independiente es adecuado para usted, tenga en cuenta que la vida como profesional independiente no es siempre como la pintan los anuncios. Si usted ha hecho alguna investigación sobre freelance, usted es probablemente consciente de declaraciones como:

"Sea su propio jefe!"

"Trabaje las horas que quiere trabajar!"

"Tenga la libertad de pasar más tiempo con su familia!"

"Renta garantizada de manera ilimitada!"

Todas estas demandas seguro son difíciles de resistir. De hecho lo son. Es por eso que tantas personas se han subido al tren de freelance. De algo de lo que no oímos hablar a menudo es sobre personas que han intentado una oportunidad freelance y han fracasado. Sucede. Eso no quiere decir que va a pasar, pero siempre existe la posibilidad. Por eso es importante saber exactamente a lo que se enfrenta al embarcarse en su carrera como profesional independiente.

Como conclusión: El trabajo Freelance no es para todos, y eso está bien. Pero para aquellos que están prosperando con él, no hay mejor manera de ganarse la vida!

]]> Selección 10 plugins para Jquery tag:pixelmod.net,2010:/blog//1.81 2010-07-31T23:33:46Z 2010-07-31T23:33:46Z Selección de 10 plugins para Jquery útiles para trabajar con la librería Jquery. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Una selección de 10 complementos para la librería de Javascript Jquery
Lenguaje: Inglés.

[Wikipedia] jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. Fue presentada el 14 de enero de 2006 en el BarCamp NYC.

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la licencia MIT y de la GNU General Public License, Versión 2.[1] jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

[Wikipedia] Un complemento es una aplicación que se relaciona con otra para aportarle una función nueva y generalmente muy especifica. Esta aplicación adicional es ejecutada por la aplicación principal e interactúan por medio de la API. También se lo conoce como plug-in(del inglés "enchufable"), add-on(agregado), complemento, conector o extensión.

Los complementos permiten que los desarrolladores externos colaboren con la aplicación principal extendiendo sus funciones, reducir el tamaño de la aplicación y separar el código fuente de la aplicación.

Los mejores sitios con tuturiales y ejemplos javascript/jquery:

]]> Posicionamiento Web tag:pixelmod.net,2010:/blog//1.80 2010-05-14T21:52:58Z 2010-05-14T21:52:58Z La tarea de ajustar la información de las páginas que se pretenden hacer aparecer en primeras posiciones de los resultados es conocida como SEO, sigla en inglés de Search Engine Optimization, o sea, 'Optimización para motores de búsqueda'. Consiste en aplicar diversas técnicas tendientes a lograr que los buscadores de Internet sitúen determinada página web en una posición y categoría alta (primeras posiciones) dentro de su página de resultados para determinados términos y frases clave de búsqueda. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1
[Wikipedia] El posicionamiento en buscadores o posicionamiento web es el resultado de la recuperación de información en la base de datos de los grandes motores de búsqueda de Internet por el uso de algoritmos de búsqueda en el software.

A continuación algunos resultados para Google Uruguay básicamente de pixelmod.net. Vale aclarar que los resultados varían día a día.

]]>

[Wikipedia] La tarea de ajustar la información de las páginas que se pretenden hacer aparecer en primeras posiciones de los resultados es conocida como SEO, sigla en inglés de Search Engine Optimization, o sea, 'Optimización para motores de búsqueda'. Consiste en aplicar diversas técnicas tendientes a lograr que los buscadores de Internet sitúen determinada página web en una posición y categoría alta (primeras posiciones) dentro de su página de resultados para determinados términos y frases clave de búsqueda. También es entendido como las técnicas de desarrollo web que tengan como objetivo mejorar la posición de un determinado sitio web por sus páginas en la lista de resultados de los motores de búsqueda que en inglés se identifican como SERPs y forma parte de la jerga de los webmasters hispanohablantes.

Palabra clave Url Número de resultados Posición
Pixelmod pixelmod.net 17.700 1
Desarrollo Web pixelmod.net 7.466.112 3
Diseño Web pixelmod.net 11.840.000 7
Directorio directorio.pixelmod.net 73.000.000 17
Directorio Web directorio.pixelmod.net 7.300.000 1
Pixel Blog pixelmod.net/blog 19.000.000 1
Rock Web rock.net.uy 264.000.000 5
Imágenes Mundo imagenesmundo.com 26.000.000 5
]]> Jim Logic tag:pixelmod.net,2010:/blog//1.79 2010-04-20T17:54:31Z 2010-04-20T17:54:31Z Diseño web, caracter personal. Desarrollador freelance admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Jim Logic

Jim Logic diseño web, caracter personal. Desarrollador freelance.


]]> lo mejor 2010 tag:pixelmod.net,2010:/blog//1.78 2010-04-16T23:18:24Z 2010-04-16T23:18:24Z Tvorba webových stránek admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Una de las mejores páginas del 2010.

Tvorba webových stránek]]> Proyecto destacado: Rock sobre web tag:pixelmod.net,2010:/blog//1.73 2010-02-18T17:16:08Z 2010-02-18T17:16:08Z Ultimo proyecto: Rock sobre web. Portal hecho con Joomla, sobre noticias acerca del mundo del rock and roll. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 El último proyecto en el que estuvimos trabajando , un sitio interactivo dedicado a la música rock de Uruguay y el mundo.

Se utilizaron los sistemas Joomla (gestor de contenidos), y phpBB (foro).
Rock.net.uy

Visite Rock.net.uy y envíenos alguna crítica o sugerencia.

Complementos Firefox/Firebug que pueden ayudarte a optimizar el rendimiento de tu página.

Page Speed de Google
Realiza varias pruebas en la configuración del servidor y en el código 'front-end' de un sitio web. Los webmasters pueden ver la velocidad de las páginas, así como obtener calificaciones y sugerencias útiles sobre cómo mejorar el desempeño de las mismas.
Yahoo! YSlow
Analiza las páginas web y sugiere formas de mejorar su rendimiento. Resume los componentes, muestra estadísticas, y proporciona herramientas para el análisis de rendimiento, como Smush.it ™ y JSLint.
]]> Optimización MySQL tag:pixelmod.net,2010:/blog//1.72 2010-01-30T04:00:41Z 2010-01-30T04:00:41Z El factor más importante para hacer un sistema rápido es su diseño básico. En "Optimización MySql" presentamos unos simples consejos para optimizar una base de datos MySQL sobre el servidor Apache más una lista de enlaces apropiados. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Sugerencias para optimizar una base de datos MySQL

Cuando un sitio web tiene demasiadas consultas a la base de datos, es conveniente optimizar los servicios de mysql y php.
Se pueden seguir una serie de pasos para que el sitio aumente el rendimiento considerablemente, dependiendo como se haga y en que servidor este corriendo.

]]> Estos consejos básicos son para el servidor Apache que incluye MySQL.

Optimizar las tablas desde phpMyAdmin
Esto es muy sencillo, entrando en la base de datos en phpMyAdmin , abajo marcar la opción 'Marcar todos/as' y luego a la derecha en la lista desplegable elegir "Optimizar tabla"
Exportar, borrar e importar
Esto también es sencillo y junto con la opción anterior da buen resultado, hay que hacerlo periódicamente. también en phpMyadmin se elije la base de datos y luego la opción del menú superior "Exportar" , luego marcar la casilla de verificación "Enviar (genera un archivo descargable)" (opcional) y presionar el botón "Continuar". Finalmente borrar todas las tablas e Importar el archivo. Se recomienda respaldar siempre.
Variables importantes a configurar
query_cache_size - Si nuestra aplicación tiene lecturas intensivas y no tenemos cache a nivel de aplicaciones, puede ser de gran ayuda. Valores desde los 32M a los 512M tienen sentido normalmente. Esto se aconseja cuando son muchas las consultas. table_cache - Permite evitar la reapertura (a veces costosa para algunos motores de BD) tmp_table_size - Esta variable especifíca el tamaño máximo implícito temporal de una tabla (creada durante la ejecución de una query automáticamente) que permitirá alcanzar en MEMORIA antes que sea convertida en disco en una tabla temporal MyISAM.
Optimizar tablas desde phpMyadmin

Para configurar las variables del sistema MySQL es necesario contar con acceso SSH (soportado por la mayoría de los sitios webs), los valores se modifican a través de la Consola de comandos, en inglés Shell. Un buen programa para acceder mediante SSH es Tunnelier, que significa 'máquina que abre tuneles', es gratuito además de la Consola también cuenta con FTP/SFTP gráfico avanzado y Escritorio remoto.

Estos son solo unos pocos consejos, buscando en la web se encuentran muy buenos artículos como estos a continuación:

]]> avast! celebra 100.000.000 de usuarios tag:pixelmod.net,2009:/blog//1.69 2009-11-22T05:26:56Z 2009-11-22T05:26:56Z avast! el software antivirus celebra su usuario * 100 millones con un sorteo. El premio es un viaje a Praga, República Checa con todos los gastos pagados admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Avast festeja el registro de su usuario 100 millones con un sorteo. El premio es un viaje a Praga, República Checa (Ex Checoslovaquia esto hay que decirlo) con todos los gastos pagados. También hay una promoción del 25% de descuento para los productos comerciales.

Avast es uno de los mejores o el mejor software antivirus del momento. De la firma checa Alwil Software. Cuenta con varias versiones, que cubren desde el usuario doméstico y gratuito hasta el corporativo. La empresa ofrece descuentos muy importantes a escuelas, ONGs, organizaciones caritativas, Administraciones Públicas, etc. para ayudar a estas instituciones a la protección de sus equipos de la manera más económica posible. leer más.

En algún momento entre ahora y diciembre, avast! registrará su usuario 100.000.000

Este afortunado usuario podrá ganar un viaje con todos los gastos pagados a Praga, República Checa, casa de avast.

]]> Nuevo Windows 7 (adios reloj de arena) tag:pixelmod.net,2009:/blog//1.68 2009-10-30T18:22:16Z 2009-10-30T18:22:16Z 22 de Octubre, lanzamiento oficial de Windows 7 (Seven). El nuevo sistema operativo de Microsoft ya se encuentra disponible a la venta al público. Con muchas mejoras en realación a su antecesor, Vista, el sistema promete un futuro más seguro y estable. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 adios reloj de arena

Hola, como estan... Hace un año aproximadamente comentaba que windows 7 estaba pronto para aparecer en el mercado. La semana pasada, el 22 de Octubre, tuvo su lanzamiento y ya se encuentra disponible para la venta de manera oficial. Si leen en el link, se daran cuenta que Windows 7 no hubiera existido, si Vista (su antecesor) no hubiera sido tan malo; o viéndolo de otra manera, Vista fue un sistema de transición, de corta duración (2 años), al igual que lo fue alguna vez Win 98.

La versión beta del software, llegó a principios de año y ya dejaba ver mejoras importantes, sobre todo en cuestión de desempeño y de productividad. Sin duda, el período de beta testing de Windows 7 ha sido uno de los más exitosos en la historia de Microsoft, teniendo retroalimentación muy valiosa de miles de usuarios alrededor del mundo.

]]> Beta es la segunda etapa dentro de las fases de desarrollo de un software (claramente la primera es Alfa). Una versión beta o lanzamiento beta representa generalmente la primera versión completa del programa informático o de otro producto, que es posible que sea inestable pero útil para que las demostraciones internas y las inspecciones previas seleccionen a clientes. De hecho mucha gente utiliza esta versión si no quiere esperar al lanzamiento final del programa.
Meses después, sin necesidad de un beta 2, aparece la versión RC (Release Candidate), la cual incorporó Windows XP Mode, como uno de los mecanismos para resolver problemas de compatibilidad, y ya se acercaba bastante a lo que sería la versión final del producto. En julio de 2009, se concluyó la parte de pruebas de Windows 7 y se entregó la versión RTM (Ready to manufacturing).

En mi experiencia personal estuve tentado muchas veces en instalar el conocido sistema Linux, tan elogiado por su software libre, pero esto nunca sucedió porque parece que este tiene baja compatibilidad con los programas de diseño más populares. Entonces formateé el disco donde tenía instalado el viejo y querido XP, y el nuevo Windows automáticamente se instaló en 20 min. aprox., dejando un respaldo de las carpetas 'Windows' y 'Archivos de Programa ó Program Files' que anteriormente se encontraban en el equipo. Este respaldo me vino al pelo, por ejemplo me había olvidado de guardar las fuentes .ttf (tipos de letras) y resultó que estaban todas dentro de la vieja carpeta Windows.

Windows 7 incluye numerosas actualizaciones, entre las que se encuentran avances en reconocimiento de voz, táctil (touch screen) y escritura, soporte para discos virtuales, mejor desempeño en procesadores multi-núcleo, mejor arranque y mejoras en el núcleo.

Entre otras mejoras se agregan las 'Bibliotecas' (carpetas virtuales que agregan el contenido de varias carpetas y las muestran en una sola) y Aero Shake (cuando se tiene varias ventanas abiertas, al seleccionar una y agitarla, las otras ventanas abiertas se minimizan).
El navegador "oficial" de Win 7 es el Internet Explorer 8, que incluye una versión para 64 bits y ya no está tan lejos de Firefox o similares en cuanto al cumplimiento de Estándares web, muy lejos de las anteriores versiones 7 y 6. El reproductor multimedia por defecto es el Windows Media versión 12. Además trae algo que se llama Windows Media Center, que supuestamente te ayuda a organizar todo lo que es multimedia, imágenes, videos, películas, etc.

En teoría, si hoy te compras una computadora (pc) de escritorio, o una portátil (notebook), podría traer Windows 7 ya incorporado con una licencia OEM obtenida a través de los fabricantes. Hay un montón de versiones diferentes, Home Basic, Home Premium, Professional y Ultimate.

Requisitos de hardware mínimos recomendados
Arquitectura 32 bits 64 bits
Procesador 1 GHz
Memoria RAM 1 GB de RAM 2 GB de RAM
Tarjeta gráfica Dispositivo de gráficos DirectX 9 con soporte de controladores WDDM 1.0 (para Windows Aero)
Disco duro 16 GB de espacio libre 20 GB de espacio libre
Unidad óptica DVD-R/RW

Junto con este lanzamiento Microsoft también hizo oficial la nueva versión Windows Live Essentials. Un conjunto (suite) de aplicaciones relacionadas a la comunicación, y a lo que es compartir con los usuarios (muy de moda), que comprende entre otras Windows Live Messenger, Live Mail, Live Photo Gallery o Movie Maker.

Como conclusión y en los 5 días que llevo usando este sistema, puedo decir que está muy bueno y mejor que Xp, lo que es bastante, y hasta más estable. Que te recomiendo el fondo de escritorio intercambiable, que cambia las imagenes cada 10 min , configurable.
Y bueno si llegaste a leer hasta acá, te merecés un premio y las gracias, hasta la que viene..

win7

]]> Html 5 esquema tag:pixelmod.net,2009:/blog//1.66 2009-07-24T18:12:12Z 2009-07-24T18:12:12Z Descripción de HTML 5 (lenguaje de marcado de hipertexto), la quinta y última revisión del lenguaje básico de la WWW. Nuevos aspectos, cambios, comparación con el anterior HTML 4 admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante de la lengua básica de la World Wide Web, el HTML. HTML 5 especifica dos variantes de la misma lengua, un "clásico" en HTML (text / html) la variante conocida como HTML 5 y una variante XHTML conocida como XHTML 5. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

]]> HTML 5Las ideas detrás de HTML 5, originalmente denominadas Aplicaciones Web 1.0, aparecieron por primera vez en 2004 en la Web Hypertext Application Technology Working Group (WHATWG); HTML 5 incorpora Web Forms 2.0, otro WHATWG estándar. El estándar HTML 5 se adoptó como punto de partida de la labor del nuevo grupo de trabajo HTML de la W3C en 2007. El grupo de trabajo publicó el primer Proyecto Público de Trabajo de la especificación el 22 de enero de 2008. La especificación es el trabajo en curso, y se espera que siga siéndolo durante muchos años, aunque algunas partes del HTML 5 se van a terminar y ponerse en práctica en los navegadores antes de que todo concluya y la especificación final adquiera estado de Recomendada. Los editores son Ian Hickson de Google, Inc. y David Hyatt, Apple Computer, Inc.

El Doctype

Es importante especificar el Doctype en todos los documentos HTML, a fin de que el navegador sepa qué tipo de documento recibe.

En HTML 4.01 es necesaria una referencia a un DTD (HTML 4.01), porque se basa en SGML. HTML 5 por el contrario no se basa en SGML, y no requiere una referencia a un DTD, pero igualmente es necesario el doctype para que los navegadores se comporten como debieran.

Declaración de Doctype en Html 4

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

Declaración de Doctype en XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

En HTML 5 la declaración de Doctype es realmente simple:

<!DOCTYPE HTML>

HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios Web modernos. Algunos de ellos son técnicamente similares a <div> <span> y etiquetas, pero tienen un significado semántico, por ejemplo <nav> (navegación de bloque del sitio web) y <footer>. Tales etiquetas facilitarían la indexación por los motores de búsqueda y manipulación de los dispositivos de pantalla pequeña o lectores de voz para los discapacitados visuales. Otros elementos proporcionan nuevas funcionalidades a través de una interfaz, como <audio> y <video>.

La mayoría de las páginas HTML 4 incluye una variedad de estructuras comunes, tales como cabeceras, pies de página o columnas. En la actualidad, es bastante común para marcarlas utilizar elementos <div>, aplicando una descriptiva clase (<div class="contenedor-principal">) o id (<div id="encabezado">) a cada una.

Estructura HTML 4

HTML 4 carece de los elementos necesarios para describir la semántica de los elementos que componen un documento. HTML 5 mejora este problema mediante la introducción de nuevos elementos para la representación de cada una de las diferentes secciones.

Estructura HTML 5

Nuevos atributos que aparecen en la nueva versión:

  • media: Para conseguir una mayor consistencia con el link en los elementos <a />
  • ping: Especificacremos una lista separada por espacios donde produciremos un ping cuando se siga el enlace, para los elementos <area /> y <a />
  • target:  Disponible para mejorar la consistencia con el elemento <a />.
  • autofocus: Destinado para indicar el elemento <input /> (no hidden), <select />, <textarea /> o <button /> que ha de coger el foco al cargar la página.
  • form: Atributo para <input />, <ouput />, <select /> <textarea />, <button /> y <fieldset /> que permite que se sococien con un simple formulario.
  • replace: atributo para <input /&gt; <button /> y <form /> que le afectará cuando el contenido del elemento sofra algún cambio.
  • data: Para <form />, <select /&gt; y <datalist />.
  • required: Para elementos <input /> (Excepto hidden e image) y <textarea />, indica que el campo es obligatorio.
  • inputmode: Atributo para <input /> y <textarea />.
  • disabled: Para <fieldset />, permite desactivar el fieldset completo.
  • autocomplete, min, max, pattern, step: Para elementos <input /> permite delimitar las posibilidades de nuestros elementos de entrada.
  • list: Para elementos <datalist /> y <select />.
  • template: Para <input /> y <button /> podrá usarse para repetir templates.
  • scoped: Para elemento <style />, permitirá usar hojas de estilo "scoped" ??
  • async: Para el elemento <script /> el ajax hecho atributo.

Elementos que pasan a ser obsoletos en la nueva versión:

  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript (solo en XHTML5)
  • s
  • strike
  • tt
  • u

Atributos eliminados:

  • rev y charset en <link /> y <a />
  • target en <link />
  • nohref en <area />
  • profile en <head />
  • version en <html />
  • name en <map />
  • scheme en <meta />
  • archive, classid, codetype, declare y standby en <object />
  • valuetype en <param />
  • charset en <script />
  • summary en <table />
  • header, axis y abbr en <td /> y <th />

Hace un tiempo se ha lanzado la nueva versión del mejor navegador del medio, Mozilla Firefox 3.5, con nuevas capacidades tales como el soporte para algunas de las nuevas extensiones multimedia que incorpora HTML5, que son <video> y <audio>, que nos permitirán visualizar archivos multimedia sin tener que contar con un plugin extra, ya sea Flash, QuickTime o cualquier otro.

La web se hace mayor y a partir de ahora HTML no será sólo texto sino que también podrá incluir multimedia de forma nativa. Aunque pueda parecer una tontería las ventajas son notables ya que nuestro navegador no depende de terceras aplicaciones para ofrecernos estas capacidades.

La forma más sencilla de incrustar un vídeo es utilizar un elemento de video y permitir que el navegador por defecto proporcione una interfaz de usuario. El marcado para insertar el video sería algo como:

<video src="video.ogv" controls poster="poster.jpg"
  width="320" height="240">
   <a href="video.ogv">Download movie</a>
</video>

Integrar audio en una página es muy fácil y se logra utilizando el elemento de audio. La mayoría de los atributos son comunes entre los elementos de audio y video, aunque por razones obvias, el elemento de audio carece de ancho, alto y poster.

<audio src="music.oga" controls>
    <a href="music.oga">Download song</a>
</audio>

Ventajas de utilizar HTML

  • Compatible con los navegadores existentes
  • Los autores ya están familiarizados con la sintáxis
  • Conveniente sintaxis, por ejemplo, los autores pueden omitir algunos valores de atributos y etiquetas

Beneficios de la utilización de XHTML

  • La estricta sintáxis XML alienta a los autores a escribir bien el marcado, lo que significa que el mantenimiento posterior sera más fácil
  • Se integra directamente con otros vocabularios XML, como MathML y SVG
  • Permite el uso de procesamiento de XML, que algunos autores utilizan como parte de su edición y / o la publicación de los procesos

HTML 5 o XHTML 5?

Si actualmente se utiliza XHTML 1.x es normal pensar en utilizar XHTML 5, la versión compatible con XML de HTML 5. Sin embargo si el sitio web consta de una audiencia/público general esto no es tan así. XHTML 5 debe ser enviado con un tipo de MIME de XML (como application / xhtml + xml), e incluso IE8 todavía no es compatible con esta característica. No obstante, todas las características de codificación XHTML (elementos de escritura en minúsculas, rectificación de anidación, el cierre de etiquetas o elementos opcionales que agregan significado) son compatibles con HTML 5.

Cordialmente,
La Administración

]]> IE 6 por fin desaparecerá tag:pixelmod.net,2009:/blog//1.65 2009-04-18T21:59:35Z 2009-04-18T21:59:35Z El fin de IE 6. Internet Explorer 6 supo ser el navegador más usado por los internautas en su momento. Hoy en día existen fuertes campañas como Bring Down IE 6 que exortan al público a deshacerce del navegador que ya ha cumplido su ciclo. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 (bringdownie6.com) La premisa es simple: Internet Explorer 6 está anticuado, no es compatible con los principales estándares web, y debería eliminarse. No se trata de ser anti-Microsoft, se trata de la carencia en el desarrollo de Microsoft en el mercado de los navegadores. Con IE7 / 8 no disponible para Windows 2000, Internet Explorer 6 es responsable de hasta un 20% del uso de la web, principalmente a través de los usuarios empresariales. Los clientes presionan a los diseñadores para desarrollar sitios que funcionen en Internet Explorer 6, y los diseñadores, que no quieren perder estos negocios, cumplen usando 'hacks' y distintas soluciones. Esto se resumen en pérdida de tiempo y dinero. Microsoft necesita solucionar esto, los diseñadores deben unirse, y todos podremos avanzar.

]]> Bring Down IE 6

Bring Down IE 6 Bring Down IE 6, una campaña iniciada por .net magazine, acerca de porqué sería conveniente y necesaria la desaparición de IE 6.

Si quiere sumarse a la campaña, descargue el logo desde el sitio y cópielo en su blog/web. Divulgue la dirección, anúncielo a sus colegas, usuarios, clientes. Asegúrese de que sus sitios en IE6 funcionan, pero no pierda demasiado tiempo en corregir problemas no-críticos. Otra buena opción es alentar al usuario de IE 6 por medio de un anuncio en su página, a que actualice su versión, o a que por fin conozca Firefox.

Algunas cosas por las que ya no habrá que preocuparse al hacer un sitio web.

  • Selectores child (CSS 2)
  • Imágenes PNG 24-bit
  • Selectores de atributo (CSS 2)
  • min-width y max-width
  • El índice z-index
  • Ahorrar tiempo y dinero
  • Hacks , hacks, muchos hacks

En este enlace se puede ver una lista de 101 cosas que se pueden hacer en Mozilla pero no en Internet Explorer

Una de las razones de por qué IE 6 aún no ha salido del mercado puede ser la gran cantidad de usuarios que todavía utilizan el sistema, Microsoft Windows Xp, que por defecto incluye la versión 6 del navegador. Esto sucede, entre otras cosas, motivo del poco éxito que ha tenido Windows Vista, que por defecto incluye Internet Explorer 7, un navegador que no cumple los estándares, pero igualmente está lejos de la vieja versión 6.

A continuación un fragmento de un post del conocido blog Genbeta

mercado de navegadores

Parece ser que las cosas se ponen cada día más turbias para el navegador de Microsoft. Ya hace unas semanas nos habíamos enterado de que el market share de Internet Explorer había bajado de la barrera psicológica del 70%, llegando a un mínimo histórico de 69.7% (al mismo tiempo que Firefox sobrepasaba el 20%). Casi un mes más tarde, la historia se repite, IE cae nuevamente hasta su punto más bajo en años (68%) mientras que Firefox continúa su ascenso llegando casi al 21.5%. Por otro lado, Safari y Chrome también muestran una subida considerable.

Y aunque, mientras muchos se alegran por esta noticia, yo tomaría en consideración el hecho de que, si deglosamos por versiones, el segundo navegador más usado sea Internet Explorer 6 (20% del mercado, versus un 17% de Firefox 3), un "dinosaurio" que tiene casi una década de vida, que ni siquiera soporta PNGs, es un verdadero coladero en lo que a seguridad se refiere, y así podríamos seguir con una larga lista de defectos. Y es que, en el caso de que a alguien el guste Internet Explorer, al menos que use la última versión estable de este.

Tal vez algo ayude la reciente campaña anti-IE6 que ha iniciado Google, o el hecho de que algunos servicios web (como Mobile Me) le estén empezando a quitar el soporte al obsoleto navegador de Microsoft.

Aquí en pixelmod, las estadísticas (al día de la fecha) son un tanto diferentes.

navegadores de los usuarios en pixelmod.net

El ejemplo a seguir. Los noruegos iniciarion hace ya un tiempo una convocatoria masiva para invitar a los usuarios a dejar de utilizar Internet Explorer 6. El sitio Finn.no, similar a eBay y el más grande de Noruega, ha lanzado la campaña que exorta a abandonar definitivamente IE 6. Suecia, Indonesia o Australia son otros países que se han unido a la propuesta.

Al parecer, el popular IE6 ha cumplido un ciclo de vida, y está por ponerse obsoleto, seguro no lo vamos a extrañar :P

]]> Ultimo proyecto: Directorio web tag:pixelmod.net,2009:/blog//1.64 2009-04-06T03:20:05Z 2009-04-06T03:20:05Z Ultimo proyecto realizado: Directorio web. Hemos construido un directorio con la finalidad de promocionar el sitio en internet y promover el intercambio de enlaces. Se decidió instalar un sistema prefrabicado para la tarea, eligiendo Arfooo directory en este caso. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Ultimo proyecto realizado: Directorio web. Hemos construído un directorio con la finalidad de promocionar el sitio en internet y promover el intercambio de enlaces. Se utilizó el sistema prefabricado Arfooo directory en este caso.

]]>

Un directorio web es un tipo de sitio web que contiene un directorio organizado de enlaces a otros sitios web, con una estructura de categorías y subcategorías. Habitualmente, los directorios web permiten a los webmasters o creadores de sitios web que informen de su sitio para que sea incluido, y después los editores autorizados revisan esas solicitudes antes de incluir sus enlaces para comprobar que se adecúan a los requisitos de aceptación determinados por el directorio web.

Entre los directorios web más conocidos, se encuentran el directorio web de Yahoo!, isearch y el Open Directory Project (también conocido como DMOZ).

Los directorios web regionales integran en un mismo sitio a comercios o participantes de determinado sector, creando de esta manera una comunidad cerrada que facilita la navegación, localización y mercadeo. Estos directorios promueven el crecimiento económico del sector al que están enfocados puesto que ponen al alcance del usuario la posibilidad de descubrir proveedores que desconocía que existieran y con esto resolver una necesidad de compra.

Ultimo desarrollo: Directorio web

El sistema Arfooo

Arfooo Directory es un servicio gratuito de código abierto con software PHP, MySQL que incluye todas las características deseadas por los webmasters. Debido a la arquitectura MVC, el Directorio Arfooo es actualizable y fácil de administrar reuniendo simplicidad y facilidad de uso.
Se desarrolló utilizando las últimas tecnologías: PHP 5 (programación orientada a objetos), JavaScript y Ajax. Arfooo es compatible con PHP 5, MySQL 4.1 + y utiliza la codificación UTF-8.
Este script para directorios web es válido XHTML 1.0 Strict de Transición y CSS 2.0. 100% personalizable.

El nuevo directorio: directorio.pixelmod.net (envía tu enlace)

]]> Optimización web tag:pixelmod.net,2009:/blog//1.63 2009-03-08T01:05:06Z 2009-03-08T01:05:06Z La Web ha cambiado drásticamente en los últimos ocho años. Desde el año 2000 a esta parte la Web ha evolucionado dejando de ser un medio estático de un solo sentido para transformarse en una plataforma dinámica para servicios interactivos, tales como compartir fotos, música o vídeos. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 La Web ha cambiado drásticamente en los últimos años. Desde el año 2000 a esta parte la Web ha evolucionado dejando de ser un medio estático de un solo sentido para transformarse en una plataforma dinámica para servicios interactivos, tales como compartir fotos, música o vídeos.

]]> Cuando en el 2000 la casi totalidad del volúmen de tráfico era causada por los formatos tradicionales de imágenes y HTML, en días corrientes casi todo el volúmen de tráfico se compone de vídeos, actualizaciones binarias de software y descargas . Debido a este cambio de videos clips y descargas, el tamaño de la respuesta media de los sitios web ha aumentado de 12,294 a 68,275 bytes, un factor de 5,5 veces mayor. El caché y la eficiencia de la Web han disminuido mientras que han aumentado las respuestas dinámicas del 21,2% al 37,1%. Estos cambios muestran cómo la Web ha pasado de información estática a dinámica y como ha aumentado el contenido de medios enriquecidos.

La velocidad de descarga tiene vital importancia en una página web, ésta depende directamente del tipo de conexión de los internautas, la que a su vez varía segun la región y continente.
En la comparativa mundial de velocidad de conexión a internet, Uruguay ocupa el lugar 83 con una velocidad promedio de 1,050kbps. Liechtenstein, Estonia, y Suecia son los países con mayor velocidad del planeta.

Velocidad de conexión a Internet (comparativa mundial)

Entre otros consejos sobre optimización para sitios web, se recomienda que el tamaño total de cada página no supere los 100 Kb, que la cantidad total de objetos no sea mayor a 20 y siempre reducir al máximo la cantidad de solicitudes (requests) al servidor en los archivos externos, como .css o .js. El número de solicitudes por cliente se ha más que duplicado, pasando de 7.074 solicitudes en 2000 a 14.670 solicitudes en 2007, mientras que el promedio de tamaño de página se ha duplicado de 2000 a 2007.

tamaño total de un sitio web (promedio)

En el sitio WebSiteOptimization.com encontramos un test muy útil a la hora de checkear la correcta optimización de un sitio web.
Este sitio web realiza un test de velocidad con el fin de que el autor o desarrollador de una página web pueda mejorar su rendimiento. Ud Introduce su URL para calcular el tamaño de la página, la composición, y el tiempo de descarga. El script calcula el tamaño de cada uno de los elementos y las cantidades de los distintos componente de la página web. Sobre la base de estas características el script entonces ofrece asesoramiento sobre cómo mejorar el tiempo de carga de la página. El script incorpora las últimas y mejores prácticas, directrices, tendencias y técnicas de optimización web en sus recomendaciones.

Enlace: Web Page Analyzer (inglés).

Aquí parte del resultado del test de optimización para pixelmod.net:

Object type Size (bytes) Download @ 56K (seconds) Download @ T1 (seconds)
HTML: 4553 1.31 0.42
HTML Images: 0 0.00 0.00
CSS Images: 174554 41.19 7.32
Total Images: 174554 41.19 7.32
Javascript: 114322 23.98 1.81
CSS: 17687 4.12 0.69
Multimedia: 0 0.00 0.00
Other: 0 0.00 0.00

Obviamente que el sitio web en cuestión se encuentre debidamente optimizado favorece la integración y garantizará el éxito. Optimizar el código Xhtml de una página maximizará la audiencia potencial de la misma, consulte las ventajas de optimizar el código Xhtml de una página web.

Cuando se trata de portales extensos o redes sociales de intercambio masivo, como MySpace, Flickr o Facebook, es recomandable el uso de Redes de Distribución de Contenido (CDN´s).
Un CDN es una colección de servidores web distribuidos en varias ubicaciones para ofrecer contenidos de manera más eficiente a los usuarios. El servidor seleccionado para la entrega de contenido a un usuario concreto está típicamente basado en una red de medida de proximidad. Los CDN´s agilizan la distribución de archivos estáticos (imágenes, hojas de estilo, javascripts, multimedia...) permitiendo tener el contenido replicado en múltiples servidores por todo el mundo, acelerando la descarga de los mismos de cara a los clientes, puesto que éstos siempre se sirven desde la ubicación más cercana al usuario. Suelen ser sistemas demasiado caros para que pequeños proyectos o particulares se planteen siquiera su uso aunque existen versiones gratuitas. Mediante el uso de un CDN se mejora el rendimiento y el tiempo de actividad de un sitio web

Coral es un servicio CDN gratuito peer-to-peer, compuesto por una red mundial de servidores proxy y nameservers. Permite al usuario correr un sitio web que ofrezca alto rendimiento y reúna gran demanda.
Google y el App Engine es otra opción accesible para pequeñas compañías. Visite el siguiente artículo en Maestros del Web, donde enseñan en 10 pasos a aprovechar la enorme granja de servidores de Google para implementar (casi gratis, a partir de 500MB cobrarán por la transferencia) tu propio CDN.

A continuación, un truco para optimizar la carga de archivos JavaScript en un sitio web.

Usted puede hacer que el contenido de la pantalla se muestre más rápidamente al cargar en el navegador si retrasa o aplaza la carga de archivos externos de JavaScript. Cualquier referencia externa a archivos JavaScript en la cabecera (<head>) del documento XHTML será ejecutada antes de que cualquier contenido en el cuerpo (<body>) del documento aparezca en pantalla. Una forma de evitar esto es retrasar la carga mediante el uso de funciones "talón", ejemplo:

<script ...>
<!--
function talon(){};
// -->

</script>
</head>
<body>
...
<script src="/scripts/talon.js" type="text/javascript"></script>
</body>

Finalmente, una lista de consejos importantes a tener cuenta a la hora de contruir una web. (fuente: mangasverdes.es)

  • Realiza pocas peticiones HTTP
  • Haz uso de CDN
  • Añade un 'Expires header' (función que informa de la actualización de la página)
  • Habilita la compresión Gzip
  • Pon el CSS al principio de todo
  • Pasa los JS al final
  • Evita los comentarios en CSS
  • Pon tu CSS y tus JS en un archivo externo
  • Reduce las consultas DNS
  • Minimaliza tus JS
  • Evita las redirecciones
  • Elimina los scripts duplicados
  • Desactiva los ETags
  • Si usas AJAX, que sea cacheable y pequeño
]]> Taller OOP – Programación orientada a objetos tag:pixelmod.net,2008:/blog//1.41 2008-12-06T23:09:51Z 2008-12-06T23:09:51Z admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Taller Surforce Taller de Programación ]]> Taller de Programación Orientada a Objetos. UML + PHP (procesador de hipertexto)

Desarrollar sitios web con PHP › Ventajas

Es un lenguaje de programación web que corre del lado servidor, y puede ser integrado en HTML. PHP se ha expandido globalmente, a tal punto de estar entre los 4 lenguajes más usados en el mundo, detrás de Java, C y C++. Puede incluir cualquier tipo de funcionalidad de servidor que tome la entrada del usuario y procese los datos. Otra ventaja: PHP puede funcionar en ambos servidores Unix (software libre) y Windows. Este lenguaje que en sus comienzos era de scripting, está creciendo día a día, PHP 5 tiene soporte para objetos, la independencia de la plataforma y la velocidad del servidor Linux sirven para construir grandes y complejas aplicaciones web.

En el sitio web PHP Senior, publicado por Enrique Place, encontramos un anuncio sobre un curso de programación orientada a objetos. Esta técnica implementada con PHP, como está explicado anteriormente, es la mejor o una de las mejores alternativas en programación web, pensamos que este curso era una buena opción para aprender teoría y desarrollo práctico.

El Taller fue dictado en línea comenzando el 15 de setiembre y finalizando el 9 de noviembre. Parte de su contenido incluye conceptos base de la Programación Orientada a Objetos en general y para PHP5 en particular; también conocimos UML, lenguaje gráfico para visualizar, especificar, construir y documentar un sistema de software, todos los conceptos base del paradigma.

El objetivo: resolver los problemas típicos que se preguntan constantemente en los foros de PHP, para terminar con un sistema desarrollado 100% orientado a objetos y en una arquitectura de "3 capas".

La programación por capas es un estilo de programación en el que el objetivo primordial es la separación de la lógica de negocios de la lógica de diseño; un ejemplo básico de esto consiste en separar la capa de datos de la capa de presentación al usuario.

El sistema: Surforce, utliza el software e-learning Moodle ( CMS - Course Management System) , un sistema manejador de cursos diseñado para ayudar a educadores a crear comunidades de aprendizaje en línea.

El taller comprende una serie de tareas (de complejidad creciente) a resolver cada semana durante 2 meses. Dentro del sitio web se descarga el material en formato pdf, además de otras fuentes de información. Los participantes contaron con un foro para consultar y debatir las dudas.

El resultado: esta fue la primera experiencia en cursos a distancia (de cualquier temática) a la que asistimos, la misma fue bastante buena e interesante y la tomamos como una introducción a la programación, descubriendo un mundo apasionante, totalmente recomendable para aquel que le guste el desarrollo web. Debo resaltar la respuesta del profesor (y compañeros), fue más que aceptable; en todo momento fuimos respaldados en cuanto a las dudas presentadas, tanto en la teoría como en la práctica. Por eso, el avance de la exposición superó las expectativas, al punto en que estamos esperando la continuación ansiosamente, sabiendo que, seguro: seguiremos aprendiendo.
Estos son los posibles temas a cursar en la continuación de este taller: Testing, Zend Framework, Mootools, Análisis y Diseño Orientado a Objetos, Gestión y desarrollo de proyectos web. Hasta la próxima.

]]> Windows 7 a la vista tag:pixelmod.net,2008:/blog//1.40 2008-11-03T01:15:10Z 2008-11-03T01:15:10Z Windows 7 (antes conocido como Blackcomb y Vienna, pero quedando como nombre definitivo comercial Seven) será la próxima versión de Microsoft Windows, sucediendo a Windows Vista. Windows XP ya era demasiado bueno. El último sistema operativo ha fallado. Es un rumor que corre entre los expertos en informática, que el Windows Vista es un fracaso admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1

Windows 7 (antes conocido como Blackcomb y Vienna, pero quedando como nombre definitivo comercial Seven) será la próxima versión de Microsoft Windows, sucediendo a Windows Vista.

Windows XP ya era demasiado bueno. El último sistema operativo ha fallado. Es un rumor que corre entre los expertos en informática, que el Windows Vista es un fracaso, e incluso algunos van más allá y dicen que Microsoft está muerto, aunque parezca una exageración.

]]> 5 claves del fracaso de Vista

* Vista rompía demasiadas cosas. Los conflictos hardware y la mala implementación de varias funciones fueron fatales.

* Vista nunca debió existir.

* Vista es demasiado lento. Desde luego, Vista no está orientado a equipos "viejos", eso seguro.

* Windows XP sigue triunfando. A pesar de que Microsoft dejó de venderlo hace meses, la presencia de Windows XP en el mercado no parece decrecer de forma significativa. Una de las razones: la gente se siente cómoda con él, y no ve la necesidad de cambiar a Vista.

* Apple ha ridiculizado a Vista. La campaña publicitaria de Apple "I'm a PC, I'm a Mac" ha sido sorprendentemente efectiva.

Windows 7

Windows 7 será creado sobre un kernel basado en el de Windows Server 2008 y permitirá la compatibilidad hacia atrás mediante la virtualización. Será una actualización de Windows Vista, similar a lo que ocurría entre Windows 95 y Windows 98. Lo que no causará problemas de incompatibilidad.
Se cree que habrá versiones cliente de Windows 7 tanto para plataformas de 32 bits como para 64 bits

En unas entrevista con Newsweek, Bill Gates dijo que esta nueva versión de Windows sería más centrada en el usuario, ádemas dijo que trabajan duro para mejorar el rendimiento. También uno de sus principales objetivos es mejorar el arranque y tienen como proposito que inicie en menos de 15 segundos. Para esto se propusieron reducir la cantidad de programas y servicios que se inician al cargar Windows.

Poco se sabe de lo que será el nuevo Windows 7, y menos en estos momentos en que Microsoft aún se afana en promocionar el defenestrado antes de nacer Windows Vista, tanto es así que ya comentamos que hay incluso campañas para salvar a Windows XP y el mercado corporativo está actualizando hacia atrás sus sistemas para regresar a XP Profesional.

Algunas web, se permiten con llamativos titulares, aconsejar a los ingenieros de Redmond los cambios que deberían introducir en el próximo Windows 7.Estos cambios, desde el punto de vista de un consumidor entusiasta, serían los siguientes:

1. Adelgazar el sistema: Olvidando todo lo innecesario para aumentar el rendimiento, parando cualquier servicio o herramienta en segundo plano que no sea imprescindible y dejando en manos del usuario su instalación o activación como extra si lo cree necesario.

2. Razonables requisitos del sistema: Volver a lo esencial sin necesitar una plataforma con procesador multinúcleo y 2 GB de memoria RAM para correr decentemente un sistema operativo. En el artículo ponen como ejemplo las computadoras con un simple Pentium, todavía activas con sistemas Linux.

3. Restringir el departamento de marketing: en referencia al reciente escándalo del "Vista Capable", una denominación publicitaria engañosa, con equipos certificados que a duras penas eran capaces de ejecutar la versión básica del sistema operativo. El departamento técnico debería ser el que tomara las decisiones, según el articulista.

4. Limitar las versiones: Business. Home Basic. Home Premium. Ultimate, Enterprise... y todas con el mismo núcleo, no tiene mucho sentido. En el artículo apuestan solo por tres: Básica, Empresarial y Juegos, el último con el compromiso de ofrecer el máximo rendimiento en la plataforma de jugones para PC.

5. Facilitar la activación telefónica: para los que tienen que actualizar las computadoras con frecuencia o transferir una copia del sistema de PC a PC y se agotan las activaciones vía We

Reflexión final: cuando Vista salió al mercado, el 70% de los usuarios de ordenadores personales del mundo, tenían XP instalado.

Relacionado: Hace poco tiempo Microsoft debió cerrar un sitio que distribuía el código fuente completo de su Sistema Operativo Windows Vista, pero no antes que cientos de personas hayan logrado ver los archivos.

><

]]>