Pixelblog tag:pixelmod.net,2008-09-28:/blog//1 2009-10-30T21:21:50Z Movable Type Pro 4.21-es Subscribe with NewsGatorSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with My Yahoo!Subscribe with FeednessLista de feed xml Pixelmod.net 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

]]> http://pixelmod.net/blog/2009/10/nuevo-windows-7.php 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

]]> http://pixelmod.net/blog/2009/07/html-5-esquema.php 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

]]> http://pixelmod.net/blog/2009/04/ie6-por-fin-desaparecera.php 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)

]]> http://pixelmod.net/blog/2009/04/ultimo-proyecto-directorio-web.php 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
]]> http://pixelmod.net/blog/2009/03/optimizacion-web.php 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.

]]> http://pixelmod.net/blog/2008/12/taller-oop-programacion-orientada-a-objetos.php 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.

><

]]> http://pixelmod.net/blog/2008/11/windows-7-a-la-vista.php Actualizado tag:pixelmod.net,2008:/blog//1.38 2008-11-01T07:01:00Z 2008-11-01T07:01:00Z Actualización del software Movable Type. Versión 4.2 liberada el 13/08/08. Nuevas opciones, caracter de comunidad, exelente rendimiento admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 El Blog ha sido renovado, el software opensource utilizado por el sitio, fue actualizado a la versión 4.2. Debido a un descuido se perdió parte del contenido (incluyendo 2 comentarios del público). Esta última versión fue liberada el 13 de Agosto de este año. Incluye mejoras en muchos aspectos: una más rápida y eficiente experiencia de cara al usuario, más opciones para el diseño en el nuevo set de templates, una fuerte solución anti-spam, y más..

]]> admin blog ]]> http://pixelmod.net/blog/2008/11/actualizado.php Chrome: el nuevo navegador tag:pixelmod.net,2008:/blog//1.32 2008-10-25T05:01:45Z 2008-10-25T05:01:45Z Google, el buscador más popular de la Red, lanza en beta un navegador propio y gratuito, en claro desafío a Microsoft. El navegador de Google, que se denominará 'Google Chrome', estará disponible en su versión beta (de prueba) en un total de 100 países. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1

Google, el buscador más popular de la Red, lanza en beta un navegador propio y gratuito, en claro desafío a Microsoft.

El navegador de Google, que se denominará 'Google Chrome', estará disponible en su versión beta (de prueba) en un total de 100 países, tal y como cuentan los directivos de la compañía en su blog oficial.

]]> El anuncio del buscador ha sido interpretado por la prensa económica como la entrada de lleno de Google a los dominios de Microsoft, una empresa que creció hasta convertirse en un gigante gracias al liderazgo de su sistema operativo, Windows, y de su navegador, Explorer.

"Todos pasamos mucho tiempo en un navegador. Buscamos, chateamos, enviamos correos, compramos y leemos noticias en un navegador. Por eso, empezamos a pensar seriamente en cómo sería si lo diseñáramos desde cero", han afirmado en el blog Sundar Pichai, vicepresidente para la gestión de productos, y Linus Upson, director de ingeniería.

Un navegador 'sencillo, simple y rápido'

"La red ha evolucionado tanto, con las nuevas aplicaciones y programas, que nos dimos cuenta de que no necesitamos sólo un navegador, sino una nueva plataforma moderna", han añadido.

Con esta filosofía nació 'Google Chrome', un navegador "sencillo, simple y rápido" en apariencia, pero con una configuración preparada para acoger las aplicaciones y complejas que pueblan la red.

Una de las funciones nuevas que incorpora Chrome es la de aislar cada página web que abre, para evitar que, en caso de que se bloquee, colapse al resto.

No obstante, los directivos anunciaron que la versión que se va a difundir ahora es solo el inicio, ya que abrirán un foro de discusión para mejorarla antes de su lanzamiento definitivo.

La compañía explica en su blog oficial que lanzan Chrome porque "creemos que podemos aportar un valor añadido para los usuarios, y al mismo tiempo, ayudar a impulsar la innovación en la Red".

"Hemos mejorado la velocidad y capacidad de respuesta en todos los ámbitos y construido una versión más portente de JavaScript", añaden.

Entre otras, algunas de las funcionalidades, serán:

  • será un navegador multi-hilo y con pestañas, por lo que si alguna página que visitemos en una de las pestañas hace que el navegador se cuelgue, no afectará al resto de pestañas y páginas web que estemos visitando.
  • incorporará Google Gears, el mini-servidor de aplicaciones que permite desarrollar herramientas offline con JavaScript, como por ejemplo Google Docs offline. Aunque 'Google Chrome' incluirá también una Máquina Virtual de JavaScript llamada 'V8', desarrollada por Lars Bak y Kasper Verdich Lund, miembros del centro de I+D de Google en Aarhus (Dinamarca), y que permite crear aplicaciones directamente sobre este nuevo navegador web de Google, mediante la creáción de código máquina (el cual es ejecutado directamente por la CPU) a partir del código JavaScript.
  • permitirá ver las 9 páginas más visitadas, en forma de miniaturas ('thumbnails')
  • Como curiosidad, Larry Page y Sergey Brin (cofundadores y presidentes de Google) aseguraron en octubre de 2004 que Google no pretendía crear otro navegador web porque no querían "reinventar la rueda". En abril de 2007, la compañía realizó una inversión económica en Maxthon, un navegador gratuito (que no libre) que utiliza el motor de renderizado usado por MS IExplorer para MS Windows.
  • Algunos de los retos que Google deberá afrontar con este nuevo 'Google Chrome' podrían ser:
    - crear una plataforma independiente que permita a la compañía controlar la puerta de acceso libre a la WWW y sobre la cual los desarrolladores puedan crear aplicaciones web
    - la construcción de una gran plataforma social en la que participen los usuarios de este nuevo navegador
    - la creación de un Sistema Operativo vía web
    - impulsar Google Trends para medir las audiencias web una vez que haya un gran número de usuarios utilizando el navegador
    - la creación de un potente navegador web para móviles


Datos relacionados:

La semana pasada Microsoft lanzó una segunda beta de su próximo navegador Internet Explorer 8 diseñado para combatir el creciente desafío del explorador Firefox.

Fue lanzada para un público más amplio, ya que la primera versión de prueba fue sólo para desarrolladores.

También el pasado mes de julio Mozilla lanzó su nuevo navegador, Firefox 3. La nueva versión del famoso navegador de Mozilla viene con un mejorado rendimiento, así como mejoras de seguridad, de productividad, personalización y otras características.

Con este lanzamiento, Firefox batió el récord de descargas y consiguió entrar en el Guinness de los récords.

En la actualidad, Microsoft cuenta con el 72% del mercado de los navegadores con el Explorer, a mucha distancia de Mozilla, de Firefox, que cuenta con el 20%, y Safari, de Apple, con el 6,4%

Google on Google Chrome - comic book

]]> http://pixelmod.net/blog/2008/10/chrome-el-nuevo-navegador.php Evolución de Google tag:pixelmod.net,2008:/blog//1.34 2008-09-02T20:26:50Z 2008-09-02T20:26:50Z Interesante video acerca de la evolución de Google, empresa cuyo principal producto es el motor de búsqueda del mismo nombre, admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1

Interesante video acerca de la evolución de Google, empresa cuyo principal producto es un motor de búsqueda.

]]>

Wikipedia. Google Inc. es la empresa propietaria de la marca Google. Fue fundada el 7 de septiembre de 1998 por Larry Page y Sergey Brin (dos estudiantes de doctorado en Ciencias de la Computación de la Universidad de Stanford).

Aunque su principal producto es el buscador, la empresa ofrece también entre otros servicios: un comparador de precios llamado Froogle, aunque luego pasó a llamarse Google Product Search, un motor de búsqueda para material almacenado en discos locales Google Desktop Search, y un servicio de correo electrónico llamado Gmail, el cual pone a disposición para sus usuarios más de 7 GB (24 de septiembre de 2008) de espacio y va aumentando constantemente a razón aproximada de 36 bytes por segundo. También es famoso su programa Google Earth, mapamundi en 3D con imágenes de alta resolución. Recientemente lanzó su versión beta de un servicio de mensajería instantánea basado en Jabber/XMMP llamado Google Talk.

Actualmente Google está trabajando en nuevos proyectos como el PC de 100 dólares, aplicaciones GNU, Google Docs & Spreadsheets, colaboración y promoción de aplicaciones de software libre como Firefox, (aunque el 2 de septiembre del 2008 lanzo su propio navegador llamado google Chrome) instalación de varias redes inalámbricas gratuitas, desarrollo de un sistema de protocolo abierto de comunicación por voz entre otros. Además se especula que estaría trabajando en el desarrollo de un sistema operativo, un Google Office y una red global de fibra óptica.

]]> http://pixelmod.net/blog/2008/09/evolucion-de-google.php Framework, CSS tag:pixelmod.net,2008:/blog//1.27 2008-08-17T23:49:07Z 2008-08-17T23:49:07Z Un Framework es una estructura de soporte definida en la cual otro proyecto de software puede ser organizado y desarrollado. En el caso CSS encontramos 2 frameworks para destacar, Blueprintcss y 960 grid system. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Cuando se trabaja en diseños web con HTML y CSS se encuentra que hay un puñado de problemas comunes a solucionar cada vez. Entre ellos: Reiniciar el navegador por defecto para crear una plantilla en blanco, Creación y diseño de redes de líneas base para adherir el diseño o la Creación de un acuerdo por defecto para el tamaño, alineación y espaciado de la tipografía. De aquí surgen los frameworks CSS, para agilizar estas tareas y en resumidas cuentas, ganar tiempo y eficacia.

]]> En este capítulo, presentamos un par de frameworks para CSS, definiciones de Wikipedia...

En el desarrollo de software, un framework es una estructura de soporte definida en la cual otro proyecto de software puede ser organizado y desarrollado. Típicamente, un framework puede incluir soporte de programas, bibliotecas y un lenguaje interpretado entre otros software para ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Los Frameworks son diseñados con el intento de facilitar el desarrollo de software, permitiendo a los diseñadores y programadores pasar más tiempo identificando requerimientos de software que tratando con los tediosos detalles de bajo nivel de proveer un sistema funcional. » más info

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. » más info

Sistemas framework para CSS

Los frameworks más comunes se encuentran disponibles para javascript, php, o algún otro lenguaje de programación, pero también los encontras para CSS; a continuación 2 de los mejores o más comunes frameworks para CSS...

Blueprint

Este framework desarrollado por Olav Bjorkoy reside en google code e implementa un sistema de rejilla (grid) el cual permite ubicar y posicionar los elementos <html> fácilmente en la página.

Enlaces:

960gs

960 Grid System racionaliza el desarrollo web mediante el suministro de flujo de trabajo en dimensiones comunes. Esto consiste (en una manera similar al anterior), en una grilla base de una anchura de 960 píxeles con dos variantes: 12 y 16 columnas, que pueden ser utilizadas por separado o conjuntamente. Porqué 960? porque es divisible por 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 y 480, un número bastante flexible.

Este sistema provee archivos de ejemplo para su fácil comprensión, ademas de archivos fireworks o photoshop.

Sistemas de grilla en los framework CSS

Enlaces:

]]> http://pixelmod.net/blog/2008/08/framework-css.php Firefox 3G - Gran Paradiso tag:pixelmod.net,2008:/blog//1.35 2008-06-17T21:59:52Z 2008-06-17T21:59:52Z Firefox 3, nueva versión del navegador del momento. Descubre las nuevas características, porqué es el mejor... admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 Firefox 3, nueva versión del navegador del momento. Descubre las nuevas características, porqué es el mejor...

]]>

Algunas Nuevas características para el usuario final

  • Gestión más sencilla de contraseñas
  • Instalación simplificada de complementos
  • Nuevo administrador de descargas
  • Reanudar descargas
  • Vista a pantalla completa
  • Desplazamiento y menú rápido de pestañas
  • Guardar lo que estamos haciendo
  • Comportamiento de la opción "Abrir en pestañas"
  • Barra de direcciones y de búsquedas más simples de dimensionar
  • Mejoras en la selección de texto
  • Barra de búsqueda
  • Administración de plugins
  • Integración con Windows Vista
  • Integración con Mac OS X
  • Botón estrella
  • Etiquetas. Permiten clasificar los marcadores por temas asignándoles palabras clave
  • Barra de búsqueda local y autocompletado
  • Carpeta de marcadores inteligentes
  • Administrador de marcadores e historial
  • Administradores de protocolos Web
  • Acciones de descarga fáciles de usar
  • Apariencia y entorno mejorados
  • Gestión del color
  • Funcionamiento en modo desconectado


Firefox 3

Incluído Soporte para CSS 3. Visite los siguientes artículos y sitios dedicados al tema.

  • CSS 3: más social que nunca - Maestros del Web
  • CSS3.info


El resultado en Acid3 Test (un sitio que prueba que tan bien los navegadores cumplen los estándares web) para Firefox 3 e IE 7
(Firefox 2 tiene un resultado de 52)

Firefox 3 Firefox 3


Algunas Nuevas características para desarrolladores

  • Actualizar aplicaciones web para Firefox 3
  • Eventos online y offline
  • Manipuladores de protocolo web
  • Dibujar texto usando canvas
  • Gestión de transformaciones en canvas
  • El uso de microformatos
  • Eventos arrastrar y soltar
  • Gestión del foco en HTML
  • Recursos en modo desconectado en Firefox
  • Mejoras CSS en Firefox 3
  • Mejoras DOM en Firefox 3
  • Implementación de JavaScript 1.8
  • Implementación de EXSLT
  • Mejoras SVG en Firefox 3
  • Gráficos PNG animados


Las estadísiticas de este sitio. Cuando comenzó este proyecto, hace 3años, Firefox ocupaba solamente el 10% y el resto era para IE

estadísticas


?


]]> http://pixelmod.net/blog/2008/06/firefox-3g-gran-paradiso.php favicon tag:pixelmod.net,2008:/blog//1.33 2008-05-30T05:13:07Z 2008-05-30T05:13:07Z Favicon, imagen ícono que acompaña la url de cada página web. Soportado por la mayoría de los navegadores actuales, aparece en la barra de direcciones, en las pestañas, en los marcadores/favoritos, o en la barra de historial. admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 favicon.ico (favoritos icono) es una imagen que acompaña la url de cada página en la barra de direcciones del navegador web. Es soportado por la mayoría de los navegadores actuales, en versiones anteriores de I Explorer hay que agregar la página en Favoritos para que funcione.

Aparece en la barra de direcciones, en las pestañas (al lado del título de la página), en los marcadores/favoritos, en los accesos directos en el disco, o en la barra de historial.

]]> favicon Google
↑ (30/5/08) Google estrena favicon
Actualizado (10/1/09) favicon Google
↑ (9/1/09) Google estrena favicon favicon RSS de la página ↓ favicon rss

Para definir un favicon habría que poner un arhivo con nombre favicon.ico en el directorio raíz de un servidor web.
Sin embargo hoy en día existe un sistema más flexible, usando HTML para indicar la localización de un ícono para cada página servida. Este es archivado añadiendo un elemento <link> en la sección <head> del documento.  Una imagen de un tamaño de 16×16 pixels o más puede ser usada, y aunque todavía muchos usan el formato ico, otros navegadores ahora también soportan los formatos de imágen gráficos animados GIF y PNG

<link rel="shortcut icon" href="http://ejemplo.com/favicon.ico" type="image/x-icon" />

<link rel="icon" href="http://ejemplo.com/favicon.ico" type="image/x-icon" />

Consulte esta herramienta (online) para generar un favicon

]]> http://pixelmod.net/blog/2008/05/favicon.php favoritos / marcadores / enlaces tag:pixelmod.net,2008:/blog//1.26 2008-05-21T23:14:39Z 2008-05-21T23:14:39Z Del.icio.us es uno de los casos Web 2.0 más notables de la web. Permite administrar al usuario de forma fácil y eficiente una colección de favoritos/marcadores/enlaces, con las ventajas de poder acceder al mismo desde cualquier terminal con conexión a internet admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1

]]> http://delicious.com/ - con un nombre un tanto curioso para el habla hispana es uno de los casos Web 2.0 más notables del medio. Permite al usuario administrar de manera sencilla y eficiente una colección de favoritos / marcadores / enlaces, con las ventajas de poder acceder a su cuenta desde cualquier terminal con conexión a internet y también poder compartir la información fácilmente con el resto de los consumidores. » registro

Ultimos enlaces:

]]> http://pixelmod.net/blog/2008/05/favoritos-marcadores-enlaces.php Arte CSS tag:pixelmod.net,2008:/blog//1.24 2008-04-29T10:28:37Z 2008-04-29T10:28:37Z En el sitio web de Román Cortés se encuentran estas muy buenas figuras (en el ejemplo: Homero Simpson) hechas solamente con código HTML/CSS (sin imágenes!) admin http://pixelmod.net/cgi-bin/blog/mt-cp.cgi?__mode=view&blog_id=1&id=1 En el sitio web de Román Cortés se encuentran estas muy buenas figuras (en el ejemplo: Homero Simpson) hechas solamente con código HTML/CSS (sin imágenes!).

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
•
•
•
•
•
_
_
_
•
•
•
C
C
O
(
-
http://www.simpsonsride.com/
http://www.simpsonsride.com/
http://www.simpsonsride.com/
]]> http://pixelmod.net/blog/2008/04/arte-css.php