Consejos útiles para validar un sitio en W3C

El sistema del W3C sirve para mejorar la calidad del código fuente de su blog lo que se traduce en una mejor comprensión de todos los medios que hacen lectura del código (navegadores, smartphones, simuladores, rastreadores web, etcétera). La comprobación de errores y conflictos ayudan a resolver problemas que hacen que un sitio web sea menos accesible a los motores de búsqueda y navegadores.

No es la intención de este artículo enseñar a validar en XHTML, únicamente recomendar fallos comunes que pueden ser resueltos con facilidad. Los consejos que aquí se presentan son adecuadas a los estándares de XHTML de transición.

Leer más »
  1. Etiquetas ,
  2. Categorias Diseño Web
Mas

La danza de Matisse como inspiración del branding Rio 2016

rio-2016-matisse

La identidad visual de Río 2016 me ha sugerido una fuerte influencia por Matisse. De hecho, el logo Rio 2016 parece tener varias similitudes directamente traídas de un genio como fue Matisse. En su cuadro pictórico “La Danza” (1910) de Henri Matisse, el concepto se centra en el arte primitivo con colores cálidos que chocan con los fríos (especialmente el azul) creando sensación de ritmo y hedonismo.

Las comparaciones ya despiertan la crítica que se balancea entre las acusaciones de plagio y las más suavizadas como fuente de inspiración. La verdadera inspiración es cuando otras obras se inspiran en cuanto al concepto (significado) pero nunca en cuanto a la reproducción visual que es entonces tachada de plagio. Imagino que Matisse no se habría inspirado en otra obra para crear ese cuadro, de ser así, sería una idea original tal como se entienden.

Leer más »
  1. Etiquetas
  2. Categorias Diseño Web
Mas

Hacer un buen desarrollo web con pocos recursos

wordpress

El visual es un elemento importante en un proyecto online, ello implica gastar gran parte del tiempo en conseguir encontrar ese estilo que se desea y que se adapte a las necesidades que exige cada emprendimiento. En cuanto a un desarrollo de pocos recursos existen diferentes alternativas a tener en consideración:

  • Eres un desarrollador con conocimientos y habilidades para fabricar cualquier desarrollo de calidad. Si te encuentras en esta situación el problema a resolver no es demasiado complejo. Es suficiente con realizar un trabajo de investigación, comentar a través de los lectores las sugerencias y hacer comparativas para obtener el estilo gráfico deseado.
  • No eres un desarrollador pero puedes invertir. Aunque no tienes conocimientos de desarrollo tienes capacidad económica para invertir y conoces mercados donde poder hacerlo. Tu única tarea es encontrar un profesional con la capacidad para realizar ese trabajo.
  • No eres un desarrollador y tampoco tienes recursos para invertir. Es el caso de numerosos emprendedores que comienzan desde 0 y sin apoyo. La buena noticia es que sin grandes conocimientos y con escasos recursos existen posibilidades de crear un desarrollo aceptable dentro de lo considerado correctamente válido en el diseño moderno.

Planteemos que eres los que ocupan la tercera opción y todavía eres un poco inexperto en estos proyectos virtuales. Supongamos además que escoges un CMS potente y open source como Joomla o WordPress, que son los sistemas de gestión más recomendados para empezar. Una vez tengas escogida las herramientas de trabajo vas a tener a tu disposición una gran cantidad de recursos y themes (freemium/premium) que puedes utilizar para crear un sitio con unos pocos clicks.

Leer más »
  1. Etiquetas ,
  2. Categorias Diseño Web
Mas

¿Un diseño simple puede ser un gran diseño?

La comprensión de un diseño no debe ser entendida por la cantidad de elementos complejos que posea sino por su capacidad de usabilidad y captación al interés del internauta. Por ejemplo, en la tendencia web actual un diseño de cargados elementos o saturación/explotación de tecnología 2.0 como ajax genera una cola de recursos y peticiones “http” a un servidor que pueden ralentizar la carga del lado del usuario y la velocidad de transmisión del lado del servidor en mayor o menor medida sin contar con posibles fallos de navegabilidad en distintos soportes por lo que se debe analizar paso a paso la compatibilidad de lo utilizado y su universalidad.

Existen proyectos con looks visuales que aparentemente pueden parecer básicos y sin grandes inversiones y, aún así,  logran alcanzar un enorme éxito. Marcas potenciales como Google, Facebook, Digg, Tuenti o Bing abordan sus proyectos de una manera sencilla. “Keep it simple”, es el slogan de la modernidad en la arquitectura web de una nueva generación de desarrolladores.

Leer más »
  • Publicidad
  • Publicidad

“Mi sobrino va a hacer mi sitio web”

sobrino diseño web

En Internet existe mucha especulación en torno a los servicios digitales, el mercado del outsourcing y la capacidad de un profesional en la red. De ahí que cada vez sea menos accesible localizar personal eficiente, constante y motivado debido a los intentos de fuga hacia nuevos caminos de rentabilidad.

En cuanto a diseñadores creativos formados, que estudian, investigan y replantean estructuras tienen que hacer ejercicio de auto-control e intentar explicar en qué consiste su trabajo y la metodología que emplean para establecer diagramaciones correctas y comunicación visual ajustada a un proyecto o identidad corporativa para distinguirse de otros profesionales.

Leer más »
  1. Etiquetas ,
  2. Categorias Diseño Web
Mas

Optimización web: reducir el peso del CSS y el javascript

Minimizar es el proceso que nos permite eliminar aspectos innecesarios que pueden reducir el peso y agilizar la lectura de elementos en web. Respecto al CSS, eliminar caracteres innecesarios como tabulaciones, espacios comentados del código fuente o líneas vacías reduce considerablemente el tamaño del archivo en un alto %.

No es necesario tener que hacer esto de forma manual puesto que existen muchas herramientas gratuitas online que nos ayudan a reducir archivos CSS y javascript. Para CSS podemos encontrar herramientas como CSS Compressor y para javascript existen opciones atractivas como lo son el JSMIN, YUI, Javascript Code Improver, entre otras.

Leer más »
  1. Etiquetas ,
  2. Categorias Diseño Web
Mas

Optimización web: inspeccionar en busca de bugs

firebug

La optimización web es una de las mayores bazas en el desarrollo profesional. Es muy útil y necesario analizar una web para buscar componentes que ralenticen las cargas o componentes que no son necesarios en determinados lugares. Este tipo de inspecciones puede realizarse con herramientas como Firebug, complemento para el browser Mozilla Firefox.

Firebug nos determina de una forma rápida como se desarrolla la petición de un sitio de forma completa. Con la herramienta podemos conocer cuales elementos (imágenes, CSS, HTML, javascript, etcétera) son solicitados en cada entrada web y cuanto tiempo ocupa cargar cada uno de ellos. También nos indica el tamaño en KB de las diferentes herramientas.

Leer más »
  1. Etiquetas ,
  2. Categorias Diseño Web
Mas

Posicionamiento web vs ficheros flash

Durante varios años el flash fue una gran molestia para los creativos que preferían trabajar con este sistema y construir sitios dinámicos. La gran preocupación era la falta de indexación en asuntos de SEO. Sin embargo, gracias a Adobe se desarrolló una nueva tecnología que permitía a los buscadores comenzar a leer los contenidos generados en Flash.

Google y Yahoo comenzaron hace dos años la proeza de poder interpretar y rastrear los contenidos de ficheros de este formato. De todos modos, construir sitios en flash continúa siendo un tema tabú para los SEO que pretenden mantenerse alejados de esta tecnología por los problemas que planteó en su pasado.

Leer más »
  1. Etiquetas , ,
  2. Categorias Diseño Web
Mas
  • Publicidad
  • Publicidad