Saltar al contenido

Etiqueta: diseño

Actualización del diseño de mi Blog luego de 7 años

A pesar de que mi trabajo es realizar, actualizar, mantener aplicaciones y sitios web. Había estado tan ocupado que no había podido dedicar tiempo a mi blog, que al igual que todo sistema informático requiere mantenimiento cada cierto tiempo.

Desde que inicié este blog en el 2005. He tenido un diseño y paleta de colores similar, pero cada cierto tiempo debo cambiar la plantilla de WordPress porque la han dejado de mantener o debo adaptarla a las nuevas tecnologías. La última vez que lo hice fue en el 2019 (lee para conocer mi experiencia en ese entonces) pero el diseño era exactamente igual al de la modificación del 2014.

Principales cambios de mi blog

Cambios a la plantilla

Primero fue actualizar la plantilla, pues la que utilizaba fue descontinuada y no soportaba muchas características de personalización de WordPress. Utilicé una llamada Autor por recomendación de Richzendy, que era similar al diseño anterior pero con la barra a la izquierda (que es mejor para nuestro idioma).

Cambios a los diseño

Luego fue actualizar el fondo y el Skatux (mi logo del pingüino Tux). El diseño lo llevaba usando desde el 2010, en el 2014-2015 usé uno con un teléfono de Firefox OS en la mano y una gorra con colores de Mozilla, pero luego de volver al original y mirarlo en el 2021 me di cuenta que ya no representa mi actual yo.

El primer cambio fue la gorra, ya no la uso para atrás como en mi adolescencia; quité la muñequera de punk y le puse una deportiva por la misma razón; decidí cambiar el color a vino tinto por el equipo de fútbol de Venezuela; mantuve el logo de Arch y la patineta porque sigo usándolos. Finalmente cambié el teléfono por uno con iOS porque es lo que uso desde hace varios años y en vez de tener auriculares le puse unos AirPods (esto me dio risa porque en el 2010 ese tipo de audífonos no existían)

Skatux del 2010
Skatux del 2010
Skatux del 2021
Skatux del 2021

Otro cambio realizado fue el fondo, ésta vez iba a hacer la 3ra iteración del mismo. Lo primero que hice fue actualizar la imagen del PS4 por un PS5. Quité tecnologías y aplicaciones que ya no uso, agregué de nuevas que uso como VueJS, PHPStorm, WebAssembly, entre otros. Los fondos me han permitido ver mi evolución a lo largo de estos años.

Fondo de Skatox.com del 2010
Fondo del 2010
Fondo de Skatox.com del 2014
Fondo del 2014
Fondo de Skatox.com del 2021
Fondo del 2021

Me llamó la atención realizar estos cambios, porque pude ver cómo he avanzado en la pasada década y como la tecnología avanza. Ya con estos cambios puedo dar una imagen mas renovada para la próxima década.

Cambios técnicos

Respecto a los cambios técnicos, la plantilla del blog es usa un tema hijo desde el inicio (antes hacía hacks al tema original), se aumentó la versión de PHP 7.2 a 7.4. Actualicé todos los plugins. Revisé que el tema tenga buena usabilidad para las personas con discapacidades visuales y demás.

Fue una grata experiencia actualizar todo el sitio después de varios años y no hacer modificaciones menores, siento que ahora la página vuelve a ser más mi imagen y espero seguir retomando publicación de artículo.

6 comentarios

La importancia del diseño web de un proyecto

El diseño web constituye la imagen que vamos a dar de nuestro proyecto online. La presencia que desvelamos es el primer contacto del cliente con nosotros. Resaltar nuestros puntos fuertes y hacer un espacio atractivo no es algo sencillo pero en cambio sí un concepto en el que nos tenemos que esforzar. ¿Sabes cuáles son las ventajas de hacerte con boceto interesante.

Cuando organizamos un proyecto web en el que hemos depositado toda nuestra confianza, todos esos puntos en los que invirtamos tiempo y dinero nos servirán en un momento futuro. Sin embargo, cuando tenemos la página delante de nosotros son muchas las dudas que aparecen por nuestra cabeza.Laptop Hands

Estudiar el diseño que vamos a dejar ver en nuestra página es una de las tareas más entretenidas que existen. No todas las estructuras valen para un mismo proyecto por eso, dar con aquella que nos llena resulta cada vez más complicado. ¿Serías capaz de conseguir el modelo mas parecido a tu proyecto a colocar línea?

¿Cómo puedo resaltar el diseño de mi página web?

Hoy en día existen todo tipo de programas que nos ayudan a tener un diseño web que gusta a todos los usuarios. Las plantillas WordPress constituyen una serie de ventajas que debemos siempre tener muy en cuenta. Por lo general esta distribución cuenta con modelos singulares que logran un proyecto único para nuestra empresa. La cantidad de vertientes programadas que tiene, nos ahorra cantidad de trabajo a nosotros los desarrolladores, la mano de obra.

Cuando hemos ideado un proyecto en línea y tenemos las pautas en nuestra cabeza es fundamental que pensemos también en la base del usuario. No es lo mismo que diseñemos una plataforma a ciegas que, como consumidores, nos pongamos también delante de la pantalla para implementar las mejoras.

La temática de nuestra web es algo que debemos tener muy en cuenta antes de pensar en la idea del proyecto. Dependiendo de aquello que vayamos a vender o promocionar en nuestro espacio en línea podremos hacernos con un tipo u otro de plantilla que sea más acorde con lo que queremos ofertar.

Si estamos pensando en un sistema de  localizador de coches es fundamental que el tema de vehículos y modelos de conducción lo tengamos más que esclarecido. Solo de esta forma podremos haber unificado la idea de la plantilla con lo que queremos ofrecer al usuario desde el primer momento en que entra en nuestra página web.

¿Existen temáticas adaptadas a una plantilla?

Si nos ajustamos lo suficiente, cualquier temática o producto que queramos vender en un momento determinado se puede organizar en la plantilla que tienes en mente. Para una página de uber iniciar sesión nos bastará con un sistema sencillo que nos refleje cuáles son las aplicaciones que consiguen esto o dónde podemos descargarlas con mayor facilidad.

Un proyecto web debe reunir una serie de cualidades que lo hagan atractivo a los ojos que lo están descubriendo pero también interesante de trabajar para la persona que se puso a idearlo. La temática es la base de cualquier idea que tengamos en la cabeza. Siempre que nos metamos en una plataforma para dejar un producto al cliente somos nosotros los primeros que tenemos que confiar en este.

Para un espacio que vende teléfonos móviles (por ejemplo esta página web) debemos estar al tanto de los temas (themes) sencillos y que tienen la imagen como la base principal de su concepto. Siempre que estemos ante un proyecto de productos que salen a la venta debemos apostar por un ejemplar a modo de catálogo dónde veamos todos los modelos de una tirada y podamos, en base a la fotografía y las características que tenga el artículo, escoger el que más nos ha gustado.

Las plantillas de wordpress nos sacan de muchos apuros. Antes teníamos que programar todo desde cero y si fallábamos en cualquier parte del código debíamos repetir todo de nuevo. Pero todo esto ha cambiado bastante y debemos darle las gracias a los CMS por haberlo hecho posible.

Deja un comentario

Remodelación del blog

Como se habrán dado cuenta, desde hace 2 dí­as he cambiado el tema del blog por uno mas sencillo y simple. El motivo de esto es para reducir ancho de banda, el otro tema estaba muy mal hecho y mostraba mal las paginas en distintos navegadores, tuve problemas al meterle AJAX, entre otros.

Espero que les guste el nuevo, si les gustaba mas el anterior pues no podrán hacer nada, sin embargo ahora observaran que gran parte de la pagina corre con AJAX, ahora se ve bien en Internet Explorer 6 (como odio este navegador, donde se deben hacer trucos no válidos para que se vean bien las páginas), en el Playstation 3 y los celulares ó móviles. Sin embargo, falta adaptar el resto de la página al nuevo tema que aun no se si migrar todo al blog o mantenerlo independiente.

Pronto volveré con artí­culos y se agredece que si encuentran un error en el tema, notificarlo en este post como comentario.

1 comentario

Actualizado el blog

Como se habrán dado cuenta aquellos que me visitan ví­a web (en que realidad seria mejor que se suscribieran por RSS) han notado que hice un cambio al diseño del blog. Esto se debe a que el tema modificado que utilizaba no era compatible con el WordPress 2.3, por lo que tuve que agarrar otro como base y modificarlo poco a poco hasta que quedara como querí­a y fuese compatible con WordPress 2.3.

En los cambios sencillos se habrán fijado que ahora los archivos de artí­culos son mostrados al hacer clic en el año (ahorro espacio)También decidí­ colocar el fondo blanco con letras negras a los artí­culos ya que varias personas me comentaban que les molestaba visualmente la lectura con el diseño anterior, mejoré el css del blog, y una que otra cosa visual.

Pronto seguiré con el resto de la página, espero que les guste y cualquier critica que tengan comenten.

Deja un comentario