Bitácora de jEsuSdA: diseño web

MENÚ Principal

Puedes saltar este menú e ir al contenido

Libros para aprender Joomla! · 10 agosto 2010, 10:33

Diseño Web

Como ya os adelanté hace tiempo cuando os pedí ayuda sobre Gestores de contenidos , desde hace tiempo estoy volcándome de lleno en aprender Joomla!.

Ya he hecho algunos proyectos y cuanto más lo uso y más aprendo, más me gusta.

Además, las nuevas mejoras para la versión 1.6 prometen mejorarlo mucho.

Estas vacaciones las he aprovechado para leer unos cuantos manuales de Joomla y quería recomendároslos a todos los que queráis aprender sobre Joomla, ese genial gestor de contenidos.

Casualmente, todos los libros son de la misma editorial y los leí en formato electrónico y en inglés.

Esto último os lo hago notar como muestra de que los libros son muy entretenidos y de lectura sencilla, así que si vuestro inglés no es nada del otro mundo, no os preocupéis, los libros se entienden muy bien y se hacen amenos.

Building Websites with Joomla!

Construyendo sitios web con Joomla! es un gran libro.
Está actualizado a la versión 1.5 de Joomla! y explica todo lo necesario para familiarizarse con el CMS partiendo de cero hasta tratar temas más avanzados como SEO, diseño de Plantillas, Plugins, etc.

Muy, muy recomendable para empezar.
Valoración: 5 sobre 5

Joomla! 1.5 Template Design

Diseño de plantillas Joomla! 1.5 es un libro genial. Es el que más me gustó.

Te explica paso a paso cómo crear un plantilla para Joomla con todo detalle.

Se ve a las claras que los autores del libro dominan la maquetación web y tiene cantidad de detalles de calidad en el código que generan para las plantillas.

También trata de temas más avanzados como la accesibilidad, Template Overrides, Module Chrome, etc. y a lo largo del libro se puede ir viendo con ejemplos como se crearía una maquetación completa para un sitio web desde cero.

Es mi libro favorito de Joomla de todos los que he leído.
Valoración: 5 sobre 5

Joomla! 1.5 SEO

Joomla! 1.5 SEO es un buen libro para aprender SEO en general y SEO aplicado a Joomla en particular.

Me gustó bastante, aunque reconozco que es un libro para ir leyendo y haciendo pruebas delante del ordenador. Considero que es un libro que requiere un poco de ejercicio por nuestra parte para sacarle el máximo provecho.

Por eso no descarto volver a leerlo, pero aplicando algunas cosas a proyectos reales al mismo tiempo.

Valoración: 4 sobre 5

Joomla 1.5 Multimedia

Joomla! 1.5 Multimedia es un buen libro para principiantes y personas que no están muy familiarizadas con multimedia (codec’s, formatos, etc.).

Es el que menos me gustó porque la mayoría de las cosas que mostraba ya las conocía, pero reconozco que puede ser interesante para alguien menos familiarizado con Joomla y con vídeo, audio e imágenes.

Básicamente enseña un poco de teoría sobre multimedia y realiza un repaso a las funcionalidades que ofrecen Joomla! y algunas de las extensiones de Joomla! enfocadas a multimedia.

Valoración: 3 sobre 5

¿Habéis leído alguno de estos?
¿Qué otros libros o manuales me recomendáis sobre Joomla?
Si son libres o gratuitos, mejor que mejor. ;)

Te puede interesar:

Videotutoriales para aprender Joomla

Descargar libros sobre desarrollo web y diseño gráfico desde la Biblioteca de jEsuSdA 8)

— jEsuSdA 8)

Comentarios [5]

La guerra del vídeo en HTML5 · 4 junio 2010, 09:34

Diseño Web

En Genbeta han publicado un interesantísimo artículo sobre la Guerra de formatos de vídeo para HTML5 .

El artículo deja al descubierto todos los intereses que están en juego, y las grandes empresas y corporaciones que están interviniendo.

El final, desde luego, no está muy claro y deja patente el peligro que tiene definir estándares sin dejar todo bien especificado.

Os recuerdo que el principal problema del Vídeo en HTML5 es que el estándar no especifica el tipo de formato a usar, así que cada cual desea imponer el suyo… y de paso algunos desean sacar tajada ($$$$).

Personalmente he probado THEORA y H264 , del recién liberado VP8 para WebM sólo he visto ejemplos, pruebas y comparativas, pero no he tenido oportunidad de jugar a comprimir y realizar mis propias pruebas.

THEORA tiene la ventaja de que es totalmente libre y abierto, pero a poco que uno realiza pruebas y lo compara con H264, se da cuenta de que no tiene nada que hacer: H264 supera con creces en calidad y ratio de compresión a THEORA en todos los casos, y es por ello que desde su aparición, el número de vídeos que lo usan no para de crecer.

La solución parece que ha venido de la mano de VP8, pero por lo que he visto, aunque VP8 supone una mejora sustancial sobre THEORA, personalmente creo que no llega a igualar a H264.

El problema es que el triunfo de H264 supondría dejar el control de todo el material de vídeo de Internet en manos de unos pocos, más interesados en ganar millones de dólares que en el beneficio de los usuarios.

También dejaría fuera de juego a proyectos libres que todos amamos como Firefox, Midori y, en definitiva, a cualquier proyecto libre o que no tenga dinero suficiente para hacer frente a las regalías impuestas por el uso de H264.

La única solución posible sería una mejora sustancial de MKV (poco probable debido a que la MPEG-LA tiene patentados casi cualquier método de hacer algo que mínimamente se parezca a H264) o que VP8 mejorara lo suficiente para poder declararse vencedor de esta guerra… aunque el propio programador de x264 (la implementación libre de H264) ya viene avisando tras ver el código fuente de VP8 que “la casa está hecha una ruina“ y habría que hacer “reformas”…

Bueno, pues así está el tema. Sólo hay que esperar a conocer al vencedor, yo deseo que este sea un formato libre y abierto, pero creo que los promotores de dichos formatos han de actuar de forma rápida e inteligente si no quieren perder la guerra de los formatos de vídeo para web.

¿Vosotros cómo lo véis?
¿Cuál creéis que es el formato que vencerá?

— jEsuSdA 8)

Comentarios [10]

HTML5: Al Flash le quedan 2 telediarios... · 14 abril 2010, 09:36

Diseño Web

Actualizado el 13/08/2010

Bueno, quizá alguno más, pero no mucho más… ;)

Creo que con la nueva hornada de tecnologías web como AJAX , SVG y, sobre todo, HTML5 , cada vez flash es menos necesario…

En un futuro no muy lejano, ya no tendremos que depender de un plugin externo a nuestro navegador.

No tendremos que depender de un plugin creado y controlado por una sola empresa que nos obligue a aceptar ciertas condiciones legales y de uso.

Pero sobre todo, no tendremos que depender de un plugin cuya eficiencia deja mucho que desear, sobre todo para los usuarios de Linux, que tenemos que soportar una implementación del plugin de flash muy deficiente, que consume muchos recursos y que incluso, durante mucho tiempo, dejó sin soporte a muchos usuarios de sistemas de 64bits.

Mucha gente decía que Flash era mucho más vistoso y mejoraba la interacción de las webs… entonces apareció AJAX de la mano de Google, con su Gmail, reviviendo JavaScript y demostrando que se pueden hacer aplicaciones web dentro del navegador (Gmail, Google Docs, EyeOS, etc. etc.) y con efectos vistosos (No os olvidéis de JQwery ) usando tecnologías estándares y abiertas…

Ejemplos de efectos y animaciones con html5, javascript, etc.
Más ejemplos de la potencia de HTML5+CSS+JS
Más demos de HTML5 esta vez de Apple para Safari (aunque también funcionan con Chromium y Chrome)
Mágníficos efectos gráficos con CANVAS imitando gráficos de 8-bits
Más sobre HTML5 de parte de Google
Directorio de Juegos en HTML 5

Entonces muchos dijeron que gracias a flash se podían ver vídeos en las páginas web… y llegó HTML5 para permitir la reproducción de vídeo y audio directamente desde el navegador… aún queda camino por recorrer, pero las evidencias están ahí y la dirección a seguir ya está marcada…

Yotube en HTML5 (Versión de prueba sólo para algunos navegadores)
Vimeo en HTML5

Entonces otros dijeron que Flash era ideal para esas animaciones y juegos que a tantos usuarios les gustan… y de nuevo Google viene a demostrar que con HTML5 y tecnologías abiertas se puede igualar y superar a flash en este campo…

La gente de Google ha presentado un port del archiconocido juego Quake II en HTML5 .

¡Sí, Cómo lo estáis leyendo!…

Exprimiendo la potencia de HTML5 han conseguido que se pueda ejecutar Quake II directamente desde nuestra ventana del navegador. Con efectos 3D, sonidos, música… ¡todo!

Han empleado las tecnologías que provee el nuevo estándar HTML5 (Canvas, Local Storage, el tag audio…) y el resultado habla por sí solo:

¿Qué opináis de Flash y HTML5?
¿Os parece viable un futuro sin Flash?

Más información:

Proyecto Quake II en HTML5 de Google
Vídeo en HTML 5 y Códecs
Yotube en HTML5 (Versión de prueba sólo para algunos navegadores)
Flash Vs. HTML, un estudio

— jEsuSdA 8)

Comentarios [8]

Conferencia "Diseño Web con GNU/Linux" en los Días CALDUM 2009 · 14 diciembre 2009, 18:19

Diseño Web

Ya están aquí los vídeos de mi charla en los Días Caldum sobre Diseño Web con GNU/Linux. Aquí os la dejo para que la veáis y, por qué no, os riáis un poco de mí. ;)

Y tal y como os prometí en su momento , aquí os dejo el material de la conferencia sobre Diseño Web con GNU/Linux

La charla está enmcarcada dentro de los Días Caldum .

Tuvo lugar el día 4 de Noviembre, a las 13:00, en la Facultad de Informática de la Universidad de Murcia.

— jEsuSdA 8)

Comentarios [6]

Gestores de Contenidos: Joomla Vs. Drupal Vs. ... · 11 noviembre 2009, 18:27

Diseño Web

Todos sabéis que soy especialista en diseño y maquetación web. He dedicado muchos años y esfuerzo en tratar de aprender y ser un buen profesional en mi trabajo, esforzándome y especializándome en usabilidad, accesibilidad y estándares. Es por ello que mis conocimientos sobre programación web son limitados.

Siempre he contado con la ayuda de desarrolladores web para la parte de programación o he usado algún gestor de contenidos muy específico: Este mismo blog, por ejemplo, va sobre un gestor de contenidos que yo mismo he retocado, pero cuyo potencial está limitado de cara a la creación de webs más genéricas.

Me he propuesto, más por propia curiosidad e interés personal que otra cosa, aprender a desarrollar webs completamente: partiendo del diseño, pasando por la maquetación, pero además, integrando las plantillas diseñadas en un gestor de contenidos propio o ajeno…

Se me plantea entonces la típica duda a la que uno debe enfrentarse llegado a este punto:

¿ Uso un CMS existente o me embarco en la tarea de crear uno desde cero ?

Las ventajas e inconvenientes de ambas opciones, creo que están claras…

Lentitud y trabajo arduo inicial Vs. Rapidez
Control total del resultado Vs. limitaciones del CMS

En caso de optar pon un CMS, llegamos a otra cuestión clave:

¿ Qué CMS usar ?

Los hay muy populares, los hay muy sencillos, más complejos, más o menos estándares (en cuanto al código generado), más versátiles y más limitados, con miles de extensiones o con pocas…

Así que también he dedicado una buena cantidad de tiempo a leer mucha documentación, probar varios CMS’s y compararlos…

Por el momento, tengo dos candidatos: Joomla y Drupal .

Hay opiniones y comparativas para todos los gustos.

Aunque Joomla parece más popular y, aparentemente ambos son capaces de hacer las mismas cosas (en manos expertas).

De hecho, el flame Joomla Vs. Drupal creo que ya va camino de convertirse en uno de esos flames históricos como los ya clásicos Windows Vs. Linux, Gnome Vs. KDE o HTML Vs. XHTML …

Aún así, hoy quiero recurrir a vosotros, fieles compañeros, para pedir vuestras opiniones.

Se de buena tinta que entre los seguidores del blog hay muchos que os dedicáis a la programación, al desarrollo web y que tenéis experiencia en estas lides. Así que vuestra opinión es importante para mi.

¿Qué opináis?

¿ Es mejor usar un CMS o programar uno mismo ?
¿ Qué CMS recomendaríais ?

Espero vuestras respuestas ;)

— jEsuSdA 8)

Comentarios [30]

Conferencia "Diseño Web con GNU/Linux" en los Días CALDUM 2009 · 14 octubre 2009, 13:34

Diseño Web

¡Los días CALDUM 2009 ya están aquí!

Días Caldum es una reunión de personas interesadas en el software libre y sus aplicaciones. La principal idea es ayudar a los que buscan conocimiento: programas, conceptos, modos de trabajo, …

Tendrá lugar los días 4 y 5 de Noviembre, en la Facultad de Informática de la Universidad de Murcia.

El día 4, a las 13:00, estaré allí impartiendo una charla sobre Desarrollo y Diseño Web con GNU/Linux a la que espero que asistáis si estáis cerca. ;)

Si no podéis ir, no preocuparos, podréis ver todas las charlas vía Internet, ya que serán retransmitidas en directo .

Ya os enlazaré el material de la charla por si os interesa echarle un vistazo. ;)

— jEsuSdA 8)

Comentarios [13]

Tango Pasodoble para eGroupware · 14 agosto 2009, 11:57

Diseño 2D

eGroupware es una solución libre para trabajo en grupo vía web.

Incluye distintas aplicaciones integradas, que van desde un calendario, libreta de direcciones, gestor de contactos, un cliente de correo electrónico, wiki, gestión de proyectos y recursos, funciones de CRM y un montón de aplicaciones más.

Es un sistema realmente interesante para el trabajo en grupo de pequeñas y medianas empresas y así como para organizaciones.

Desde hace varios meses vengo integrando eGroupware en mi empresa (estamos cerca de pasar a la fase de producción) y la verdad es que me parece una solución bastante potente y útil.

Estas vacaciones aproveché los pocos ratos que estuve frente a mi PC portátil para cambiar todos los gráficos de eGroupware y sustituirlos por otros gráficos e iconos al estilo Tango.

Estoy encantado con el resultado y creo que la apariencia general de eGroupware mejora sustancialmente.

Para instalarlo, sólo tenéis que descargar el archivo comprimido con todos los gráficos, descomprimirlos y copiarlos en la carpeta de eGroupware del servidor web.

Tema Pasodoble para eGroupware
Descargar

Ojo, porque los gráficos originales se sobreescribirán, así que hacedles una copia antes. ;)

Está probado en las versiones 1.6 y anteriores. ;)

Espero que os guste ;)

Más información:

— jEsuSdA 8)

Comentarios [4]

¡Quién necesita Dreamweaver! · 5 marzo 2009, 18:22

Diseño Web

Este artículo ha sido rescatado de mi antiguo blog y fue originalmente publicado en Agosto de 2006.

Ultimamente estoy recibiendo bastante correspondencia de gente que sigue mi blog o visita mi web y me pregunta a cerca de herramientas para desarrollar y diseñar páginas web desde GNU/Linux.

Los que siguen mi blog desde hace tiempo ya habrán leído en más de una ocasión comentarios míos al respecto.

Trabajo diseñando páginas web y desde hace muchos años me he volcado plenamente en el diseño de páginas web accesibles, orientadas a la usabilidad, los estándares y ciertos aspectos relacionados con la eficiencia y reutilización del trabajo mediante un gestor de contenidos.

Para la gente que está habituada a trabajar con entornos Windows+Dreamweaver, palabras como accesibilidad, estándar, DTD, etc. aún no suelen estar en su vocabulario (al menos en el entorno profesional que yo conozco, aunque cada vez la cosa va cambiando a mejor) y sitios web como el w3c , la fundación SIDAR , úsalo y otros muchos más, les son desconocidos.

Así pues, la idea es que, para trabajar haciendo lo que yo (y muchos otros) considero buenas páginas web, primero hay que saber qué se considera una buena página web, hay que dominar ciertas técnicas que permiten hacer esas páginas.

Estamos hablando de saber HTML , CSS , conocer las pautas del WAI sobre accesibilidad , usar y conocer los diferentes navegadores mayoritarios (y otros muchos minoritarios), etc., etc.

Una vez que se tiene claro a qué tipo de página nos estamos refiriendo, entonces se ve a las claras que Lo importante no es el arco, sino el indio y que herramientas como Dreamweaver NO son forzosamente necesarias, que Flash NO es necesario, y que, incluso en algunos casos, centrarse en el manejo “habitual” de estos programas perjudica más que beneficia.

Las necesidades que cualquier Diseñador Web “en condiciones” necesita cubrir, están en GNU/Linux plenamente cubiertas.

En este artículo voy a tratar de darle un toque más práctico al tema del desarrollo web. Explicando cómo es posible realizar un proyecto web completo desde GNU/Linux con herramientas libres en su inmensa mayoría.

¿Y qué más práctico que un ejemplo real?...

El ejemplo concreto es el de la página EligeProfesión.org , que ha sido diseñada y maquetada íntegramente por mi y montada sobre el gestor de contenidos que mi empresa mantiene.

¡Empecemos pues!

Paso 1: Diseño Previo

El primer paso para cualquier diseño web es tener claros varios aspectos esenciales del mismo:

Los contenidos (arquitectura de la información),
Los usuarios (a qué tipo de usuarios va destinada la web)
El aspecto gráfico

Y los objetivos que persigue el cliente.

De la mayoría de estas cosas podréis encontrar interesantes lecturas en Alzado .

Para la web del ejemplo, se habían contratado los servicios de ilustradores profesionales y de reconocido prestigio para efectuar una serie de diseños destinados a ser usados en el material impreso y web asociado al proyecto.

Así que una de las primeras cosas que tuve que hacer fue escanear las ilustraciones hechas a mano por los ilustradores, usando para ello KOOKA, y posteriormente retocarlas y prepararlas usando GIMP .

Retoque y preparación de ilustraciones con GIMP:

Lo siguiente fue preparar un “pantallazo” de cómo sería el aspecto gráfico de la web.

Como dije antes, aquí influye todo el trabajo previo que se ha hecho a cerca de arquitectura de la información y estudio de usuarios a los que va dirigida la web, etc.

Este trabajo previo definirá cosas tan importantes como el estilo de la página, el número de secciones y longitud de cada una, cantidad de enlaces que tendrá el menú principal, etc.

Para este propósito yo uso siempre INKSCAPE .

Al ser un programa de dibujo vectorial, me permite trabajar cómodamente con figuras, textos, etc. y cambiar rápidamente colores, contenidos, etc.

Preparación de bocetos con INKSCAPE:

Diseño gráfico previo de la web con inkscape

Se diseña tanto la página principal como las de segundo nivel.

Los gráficos en mapa de bits (la parte de los bocetos que no son vectoriales), se preparan conforme se necesitan usando GIMP:

Diseño gráfico previo de la web con Gimp

Paso 2: Maquetación

Una vez se tienen los diseños previos, se suelen mostrar al cliente, esto conlleva diversas modificaciones, ajustes, etc.

Normalmente se presentan varios diseños, no sólo uno. En realidad son variaciones del mismo diseño, pues en principio, si la fase previa del diseño de la web (en la que recogíamos información) se ha hecho más o menos bien, se debería tener una idea clara de qué quiere el cliente y trabajar en la línea apropiada.

Validado el diseño, sólo queda ponerse manos a la obra: maquetar las páginas en HTML + CSS; o sea, hacer la página web propiamente dicha.

Como la idea es tratar de hacer las cosas lo mejor posible, obviamente, NO USO TABLAS PARA MAQUETAR, y vuelco TODA LA INFORMACIÓN REFERENTE A LA PRESENTACIÓN en las hojas de estilo CSS.

En este crucial paso, no necesito ningún programa WYSIWYG para hacer esto, es más, es altamente recomendable no diseñar las páginas con este tipo de programas, pues generan mucho código “sucio”, generalmente mal estructurado y, por supuesto, muy poco semántico.

Yo uso QUANTA+ para la maquetación HTML:

Y también para la creación de hojas de estilo CSS:

Para los gráficos necesarios para las páginas, sigo usando GIMP.

Previamente he exportado desde INKSCAPE los diseños finales.

Con GIMP corto, retoco, optimizo y exporto cada uno de los gráficos que sean necesarios:

Preparación de gráficos para web con Gimp

Así, con un poco de esfuerzo, paciencia y trabajo, ya tenemos las páginas maquetadas.

Estas plantillas web y sus CSS’s y gráficos correspondientes, se pasan al programador para que añada la programación (en asp, php, jsp, etc.) necesaria para generar el contenido dinámicamente.

En su trabajo, ya no tendrá que preocuparse por si la página se ve mejor o peor, sus esfuerzos se concentrarán en la programación propiamente.

Paso 3: Pruebas y ajustes

Aunque aquí aparece como un paso más, realmente las pruebas y ajustes se van haciendo a la vez que se va maquetando todo.

La idea es ir asegurándonos de que todo lo que estamos haciendo se ve como debe, está como debe y funciona como debe.

Para chequear las páginas, simplemente se necesita disponer de varios navegadores y algunas herramientas de validación (Validación de código html, validación de código CSS, etc.)

Yo suelo usar FIREFOX con la extensión WEB DEVELOPER (y algunas más):

Depurando una página web con Web Developer de Firefox

Extensiones como WEB DEVELOPER nos permiten controlar aspectos esenciales del código y la presentación de la página. Es, sin duda, una herramienta IMPRESCINDIBLE.

Como no sólo de FIREFOX vive el hombre, por desgracia la mayoría de la gente usa ESE NAVEGADOR tan asquerosamente pobre cuyo logotipo es una “E” azul y que, todos sabemos, se pasa por el arco del triunfo los estándares.

Es necesario, entonces, probar concienzudamente cada página en Internet Explorer y asegurarse de que se vea bien.

Para ello es necesario usar Internet Explorer, que se puede ejecutar perfectamente bajo LINUX gracias a WINE :

Depurando una página web con Wine e Internet Explorer

También pruebo las páginas en otros navegadores importantes como son OPERA y KONQUEROR (cuyo motor de renderizado ha dado lugar a Webkit , el motor que usa en el navegador más famoso dentro del mundo MAC: SAFARI )

Por último, queda una parte importante de trabajo por hacer: ASEGURARSE DE QUE LAS PÁGINAS SON ACCESIBLES.

Si hemos hecho un buen trabajo previo, tendremos asegurado un gran avance en esta materia, pero siempre se nos puede colar algún error y, a demás, hay que revisar bien las páginas una vez que se les ha añadido la programación, pues es posible que se cuele algún gazapo.

Para ello, entre otras herramientas, yo uso TAW en su versión local, aunque también uso otros validadores como Examinator y Hera entre otros.

Existe una última revisión general que se realiza para detectar fallos tipográficos, de programación o de maquetación leves, que hayan podido surgir.

También es necesario hacer pruebas de USUSARIO de la página para corroborar que los usuarios interactúan con ella de manera correcta.

El Resultado

Una vez la web está terminada, programada sobre el gestor de contenidos, colgada en Internet y lista para ser usada, sólo nos queda redactar la documentación pertinente del proyecto, mostrar el producto final al cliente y permitir que los usuarios accedan a la web.

Para el proceso de documentación, también llamado Bin Laden (porque todo el mundo sabe que existe, pero nadie lo ve) yo uso OPENOFFICE , aunque si la documentación no es compleja, muchas veces por comodidad y rapidez uso KOFFICE .

Los resultados, cuando se hacen las cosas bien (o al menos, todo lo bien que uno sabe y puede) no tardan mucho en aparecer: los usuarios encuentran lo que buscan, navegan con comodidad y soltura por la página y los buscadores, que son también unos usuarios a tener muy en cuenta, también funcionan mejor con este tipo de páginas.

Así por ejemplo, EXAMINATOR concede un jugoso NOTABLE al nivel de accesibilidad de la web EligeproFesion.org, y la sitúa en el puesto 18 de su lista de más accesibles (na nota podría haber sido más alta extendiendo un poco mas el plazo de revisión y corrigiendo algunos fallos menores que penalizan algunos aspectos):

Evaluando la accesibilidad con Examinator

Otra prueba de lo que digo es que, si por ejemplo buscamos en GOOGLE la palabra “PROFESIÓN“, la página EligeProfesión.org aparece en los primeros puestos.

Fijáos que PROFESIÓN es una palabra muy genérica y sin embargo nuestra web aparece en los primeros resultados.

Esto es, sin duda, una garantía inequívoca de que el contenido de la página está bien estructurado y presentado. Asímismo asegura un nivel de visitas razonable (ya conocéis el refrán de “Si no estás en google, no estás en internet”) a la web.

Consideraciones finales

No todo lo que reluce es oro, y por supuesto que todo es mejorable.

Esta misma web podría mejorarse un poco más dedicándole unos pocos esfuerzos y tiempo, pero el trabajo es el trabajo, y en el mundo laboral hay que, demasiadas veces, buscar el equilibrio entre lo eficiente y lo realmente necesario. ;)

Con este artículo pretendo demostrar que SE PUEDE USAR LINUX para diseñar páginas web profesionales.

Realmente, uno no necesita gastar dinero en Dreamweaveres, ni FrontPágeres, ni ImageReadys ni Phososhopos, ni Flashes, ni muchas de esas caras aplicaciones que algunos usan con demasiada ligereza.

Lo que hace el trabajo es la persona, no la herramienta, y si de herramientas hablamos, amigos míos, para la WEB, GNU/Linux tiene las mejores. ;)

Te puede interesar:

Webmaster Libre Recursos libres para el desarrollo web.

— jEsuSdA 8)

Comentarios [40]

División sub-pixel en CSS · 20 febrero 2008, 07:46

Diseño Web

¿Qué ocurre si en una capa de 50px introducimos 4 capas cuya anchura sea del 25%? ¿Cuantos píxeles medirán cada una de las capas interiores? ...

Pues el resultado variará según el navegador. Podemos ver una interesante explicación del problema de división sub-pixel en CSS en la web Franchu .

Notad como de entre las formas posibles de solucionar este problema, la gente de Microsoft ha escogido, para sus Internet Explorer, la más estúpida. :D

¡Es que estos tipos de Microsoft son la traca!

— jEsuSdA 8)

Comentarios [1]

Estadísticas Web de 2007 · 14 enero 2008, 08:36

Diseño Web

Recién terminado el 2007 es hora de analizar someramente algunas estadísticas interesantes sobre esta humilde web.

Antes que nada, quiero agradeceros a vosotros vuestro apoyo y constancia.

Sois vosotros los que hacéis grande esta pequeña ventana al mundo que es mi web. ¡Gracias!

Internet

VISITAS:

Número de visitas: 384.517

Número de visitas únicas: 245.618

Sin duda alguna, un récord sin precedentes. La tendencia es de claro aumento, habiendo empezado el año con una media de 15.000-16.000 visitas por mes y aumentando paulatinamente hasta las 61.000 visitas del pasado diciembre.

Media de visitas por día: 2.675
Día que más visitas se producen: Miércoles.
Hora que más visitas se producen: 8 de la tarde.

Duración media de las visitas: 288 segundos.

SECCIONES:

Secciones más visitadas de la web (por orden de preferencia):

Sección de Proyectos

Aquí, la verdad, no me sorprendió nada encontrar que la sección estrella de la web era el Blog . Era de esperar.

Pero sí es interesante ver como hay mucho interés en la presentación de Juegos con Linux o el la de Linux LAN Party , y también un número elevado de visitas al proyecto Pasodoble , lo cual celebro. :D

SISTEMAS OPERATIVOS

Windows 69.9 %
GNU/Linux 24.8 %
Otros 3.2 %

Macintosh 1.8 %

De aquí llama la atención el que, siendo esta una web enfocada al software libre en general y GNU/Linux en particular, la mayoría de usuarios usen Windows.

Esto, creo yo, es una muestra de que empieza a existir cada vez más interés en el uso de software libre , aunque sea sobre plataformas privativas, y también poco a poco se ve como los usuarios con GNU/Linux van aumentando.

Fijáos también como incluso otros sistemas operativos muy poco conocidos (Symbian, *BSD, etc.) están por encima de MacOS en uso.

De entre los Sistemas Operativos Windows (69.9%):

Windows XP 89.5 %
Windows Vista 3.9 %
Windows 2000 3.4 %

Windows 98 1.4 %

Lo cual nos da una idea clara del importante fracaso que ha representado Vista entre los usuarios (Y eso que viene preinstalado en casi todos los equipos nuevos).

También creo que es representativo de que hay mucha gente que, frente a la opción de pasar de XP a Vista, prefieren plantearse su paso a GNU/Linux.

De entre los sistemas operativos GNU/Linux (24.8%):

Ubuntu 51.2 %
Debian 14.5 %

Resto de distros 34.3 %

Que muestra como Ubuntu se está convirtiendo en la distro más usada por usuarios domésticos, seguida por Debian.

NAVEGADORES

Internet Explorer 44.2 %
Firefox 42.6 %
Mozilla 4.1 %
Opera 2.6 %
Konqueror 1.9 %

Safari 0.8 %

Fijáos que, a tenor de las cifras de uso de sistemas operativos, podemos llegar a la conclusión de que, muchos usuarios de Windows ya usan Firefox como su navegador habitual .

Por descontado que Firefox está poco a poco comiéndole terreno a Internet Explorer y vaticino que en poco tiempo acabará por superarlo en usuarios entre los visitantes de esta web.

Como dato también de interés, cabe reseñar que la mayoría de los usuarios de Explorer aún siguen usando la versión 6 (30.4 %) frente a la versión 7 (13.3 %). Por contra, los usuarios de Firefox parecen estar más concienciados en el uso de las últimas versiones.

ORIGEN DE VISITAS