LINUX GNU BLOG

Software libre y diseño web

Si pretendes ser un diseñador WEB profesional, o ya lo eres, deberías conocer la alternativa que nos propone jEsuSdA. Más que descubrirte herramientas, entre otras cosas, te enseña a trabajar de forma profesional utilizando únicamente software libre. Algo perfectamente viable que quizás algunos desconozcan, no se lo pierdan. Esta obra está publicada bajo licencia Creative Commons Reconocimiento-No Comercial-Compartir Igual. Básicamente, te permite su copia, modificación y distribución, siempre y cuando sea con fines no comerciales, se cite al autor original…

Supongo que a todos nos ha pasado que, tras revisar nuestros artículos una y otra vez, y darles el visto bueno, resulta que después de publicados nos encontramos con errores inadvertidos. No queda otra que corregirlos, pero mientras, los que te siguen por rss ya han visto el entuerto. Pero además, los más avispados ya te han dejado el típico, necesario y desagradable comentario de: “está mal…”. Algo que podemos evitar fácilmente, retrasando la publicación en el rss el tiempo…

Ya sé que la validación del código html solo interesa a profesionales, y que las promesas de Google en cuanto al beneficio SEO de un código válido, después de observar como su plataforma Blogger es de lo peor, no ayudan, así que no es de extrañar el desinterés por el tema. Aun así y aunque solo fuese por la satisfacción de un trabajo bien hecho, además de facilitar el trabajo a los navegadores a la hora de interpretar nuestra web,…

Lo primero que debemos hacer es editar la “Hoja de estilos” (style.css) de nuestra plantilla, añadiendo al final el siguiente código: /* Vídeos */ .YTvideos { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .YTvideos iframe, .YTvideos object, .YTvideos embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Si fuera necesario, se pueden modificar algunos valores. El código de inserción es prácticamente el mismo para todos, solo tenéis que sustituir VIDEO_ID por el…

Cuando publicas código a veces las lineas son tan largas que se salen de su elemento contenedor, solapando elementos adyacentes y dejando nuestra plantilla con un pésimo aspecto, muy poco profesional. “Overflow” es la propiedad “CSS” que nos permite generar un “Scroll” cuando el contenido excede los limites ancho (width) y alto (height) del elemento contenedor. El valor por defecto de la propiedad “overflow” es “visible“, responsable de que los elementos siempre lo sean y de que se salgan del…

Esta vez quise diseñar algo que de alguna forma identifique mi web, y hablando de “Linux” nada mejor que un “Tux”, ya se que la idea no es muy original pero no se me ocurrió nada mejor. La idea consistía en diseñar, no una imagen perfilada, sino justo lo contrario, un icono minimalista y a ser posible simpático. Fue diseñado con Gimp, su tamaño es de 16x16px y su formato es .ico. Espero que sea de vuestro agrado y les…

El favicon es la imagen que representa nuestra web en la barra de direcciones del navegador. Es conveniente que la imagen no sea mayor de 32×32, preferiblemente 16×16. La imagen debes guardarla en .ico, así garantizas que se vea en cualquier explorador. Si te surge alguna dificultad para convertirla a .ico, guárdala en .png y hazlo online en esta web. -El primer paso seria subirla a nuestro directorio ftp -Después desde el panel de control de WordPress, en Apariencia entras…