Por jfsebastian en 26 enero, 2012
Bueno, aqui está el boceto de diseño.
Por una vez no quería nada complicado ni cargante. Me he centrado en crear un código lo más limpio posible, empezando a utilizar las etiquetas de HTML5, y estilos basados en CSS3, y tratando de minimizar el uso de imágenes (es una manía). Internamente utilizaré formatos para personalizar el aspecto de las entradas dependiendo de su contenido. Espero ir explicando los pequeños pasos que dé.
Por el momento he construido un layout que hace uso de varias de las nuevas etiquetas de HTML5:
<header> y <footer>: Dos de las estiquetas más interesantes de la nueva especificación, que permiten prescindir de parte de los engorrosos <div>s y ajustar mucho mejor los estilos al dar a las partes principales de una web sus propias etiquetas.<section>: Su uso aún es bastante discutido, pero ante la posibilidad de usar distintos bloques de contenido con finalidad muy distinta, yo he tomado la opción personal de encerrar el contenido de la página en un bloque
<section>, y usar un id distinto dependiendo de ese contenido, abriendo la posibilidad a que en algunos casos (pero no en todos) convivan varios bloques de dicho tipo.<hgroup>: Hay discrepancias sobre su uso óptimo. Yo he usado la etiqueta simplemente para agrupar los títulos de la página general, en mi caso es muy útil crear un bloque con finalidades de estilo y no tener que recurrir a un <div> usando una estructura algo más semántica.<nav>: En lugar de utilizar una lista llena de enlaces y aplicarles estilos para que no aparezcan como enlaces, se colocan los enlaces en el bloque <nav> y se aplican los estilos. El resultado es más limpio.
Sin embargo, por cuestiones de compatibilidad con las plantillas de Hybrid, he optado por mantener el bloque <div id="content"> para encapsular el contenido del blog. Ya veremos si se cambia más adelante.
El estilo de la página hace uso de unas cuantas de las nuevas características que ofrece CSS3:
- border-radius: Los bordes redondeados sin necesidad de imágenes.
- box-shadow: Sombras para los elementos.
- @font-face: Uso de fuentes adicionales, para no tener que limitarse a las pocas fuentes standar para la web.
- text-shadow: Sombras para el texto.
- transform: Transformaciones sobre los elementos, en este caso rotación sobre un bloque de texto.
Creo que eso es todo por ahora, aunque estoy trabajando en aplicar algunas otras nuevas características.
Publicado en OffWorld.es | Etiquetado CSS3, desarrollo, diseño, HTML5, hybrid, OffWorld.es, Wordpress |
Por jfsebastian en 13 enero, 2012
Publicado en Carga en flickr | Etiquetado carga, Dublin, flickr, fotografía, viaje |
Por jfsebastian en 5 enero, 2012
Soy firme defensor de WordPress para la gestión de blogs y de páginas personales, no me he planteado instalar ningún otro CMS. Me gusta por su ciclo de desarrollo y sus casi infinitas posibilidades. Así que el primer paso para la nueva andadura de OffWorld.es ha sido (como siempre) instalar wordpress en el servidor, activar Akismet, y configurar la estructura de URLs para los enlaces permanentes.
Mi primera gran duda surgió a la hora de apuntalar el trabajo de construcción de un nuevo estilo para la página. Tengo un diseño a medio construir haciendo uso de HTM5 y CSS3, y la duda está en si construir un theme desde cero, basarme en alguna plantilla preexistente haciendo uso de la opción de plantillas heredadas, o lanzarme a utilizar uno de los frameworks existentes.
Por el momento me he decidido por la última opción, y de entre todos he elegido Hybrid. Es un framework muy trabajado y con un mantenimiento bastante actualizado, algunos de los frameworks que me he planteado carecen hoy día de continuidad en su desarrollo. El código es bastante claro, aunque la documentación completa requiere de un registro y pago para poder ser consultada.
Vamos a intentar hacernos con él. A partir de aquí todo son pruebas.
Publicado en OffWorld.es | Etiquetado desarrollo, diseño, hybrid, OffWorld.es, Wordpress |
Por jfsebastian en 2 enero, 2012
¡Qué difícil resulta hoy en día poner en marcha un blog!
Ya son muchos comienzos, muchos arranques, muchos “fracasos”; pero ya no sólo es eso.
Hoy día hay formas más fáciles, más directas y rápidas de compartir los contenidos y la información. Incluso muchos expertos están de acuerdo en que los blogs han muerto, su tiempo ya ha pasado; pero el control que permiten está prohibido en el resto de plataformas que hoy controlan nuestra identidad on-line.
La carísima factura en tiempo y esfuerzo de un blog se compensa por el hecho de que nada define un punto de referencia como una web personal (blog o no). Por eso mi convicción en que a pesar de los cambios, ciclos y “fracasos” nunca renunciaré a offworld.es .
Así pues: Punto de referencia aglutinante de mi identidad, y centro desde el que desarrollar el control sobre los contenidos on-line. Esos deberían ser los ejes de mi web personal, o blog, o cómo lo queramos llamar. Pero ¿Cómo aunar todos los contenidos e intereses que me definen?
No tengo ni idea.
Como llevo muchos años pensando una respuesta sin encontrarla es hora de probar a encontrarla mediante la acción.
Publicado en Diario |
