Category Archives: código

Recopilación de plataformas para crear sitios en WordPress

by

Después de algunos incidente y problemas puntuales con en este blog, he tenido que reformar algunas cosas. He estado investigando algunas opciones de temas o sistemas de plantillas para WordPress. Uno de los aspectos más singulares y potentes de WordPress es su capacidad de crear temas descendientes o child themes a partir de un tema preexistente. Algunos temas están pensados desde el principio para funcionar como un punto de partida para desarrollar nuevos temas, modificando de manera más o menos fácil el código.

En estas listas hay algunas repeticiones, pero el conjunto en sí es un buen comienzo para investigar a fondo las posibilidades de los frameworks de WordPress.

      • A partir de Roots se pueden desarrollar diseños muy efectivos:

WhatFont Tool

by

WhatFont Tool es una de las formas más fáciles y agradables de consultar las especificaciones tipográficas de una página web. Se instala como bookmarklet (o también está disponible como aplicación para Google Chrome). A partir de ese momento, al hacer clic en cualquier fragmento de texto nos aparecerá una ventanita flotante en la que tendremos información del tipo, estilo, tamaño e interlineado, además del servicio (si lo hay), que suministra la tipografía.

enlace: WhatFont Tool, the easiest way to inspect fonts in webpages.

Type Folly—web typography tool

by

TypeFolly es un servicio online que trabaja esencialmente con la tipografía, aprovechando las nuevas especificaciones posibles en el código HTML y CSS 3.

Te ofrece un entorno visual para experimental para jugar con las propiedades css siguientes: font-family, font-size, color, espaciado entre letras, palabras espaciado, font-style, font-weight, text-decoration, text-align, z-index, línea de altura, anchura, altura, la opacidad, moz / webkit-transform, text-shadow y tipo de letra.

Con TypeFolly puedes crear, guardar y exportar (css + html) tus proyectos de diseño.

Marc Andreessen estrena blog

by

Marc Andreessen acaba de estrenar blog y, aunque sólo lleva una media docena de posts, la cosa ha arrancado de una manera impresionante.

Me gusta especialmente su visión del culto a la productividad personal, en un artículo en el que comparte sus propios trucos e ideas al respecto.

También destacaría de entre la corta y prometedora lista de artículos, una fenomenal selección de enlaces a chuletas (cheatsheets) sobre HTML, CSS, PHP, Javascript y otros tipos de código. A propósito, nada mejor para chuletas que Our favorite cheat sheets (en otro sitio), una especie de recopilación de chuletas: una cheatsheet de cheatsheets.

A la vista de este comienzo, no hace falta decir que es de lo más recomendable seguir las andanzas de Andreessen; lo más cómodo, por supuesto, suscribiendo su sumario RSS.

Nuevos artículos en la sección de diseño web

by

Hemos añadido nueve artículos más en la sección de Diseño web – gráficos. Se trata de artículos avanzados que actualizan algunos aspectos del manual original que necesitaban esta nueva información, sobre todo por lo que respecta al uso avanzado de las hojas de estilo en cascada, CSS. Además de estos artículos, están disponibles muchos más de forma exclusiva en nuestro e-book de ampliación y actualización.

Nuevos artículos sobre estructura web

by

En nuestra sección de Estructura web hemos añadido ocho nuevos artículos. Se trata de traducciones autorizadas de los siguientes temas:
# El Tao del Diseño Web
# Dirección artística para Web
# Dominar las listas
# Imprimir a medida
# Trucos prácticos y técnicas para maquetar en CSS
# Separar contenido, estructura y presentación
# Menús desplegables en CSS
# Menús desplegables horizontales en CSS

En las semanas siguiente añadiremos casi una treintena más de artículos dedicados sobre todo al diseño web. Estos artículos son distintos de los que ofrecemos en nuestra ampliación y actualización del manual de diseño, ya que en esta se tratan temas distintos de éstos y muy diversos de diseño gráfico, diseño web y tipografía.

Ignside

by

Ignside es un sitio con una extensa gama de contenidos sobre desarrollo de web. Creado en htmlkit, incluye una sección de apuntes acerca de htmlkit, CSS (muy bueno, en especial las explicaciones sobre posicionamiento), HTML… en definitiva, es un magnífico recurso.

Stylegala

by

StyleGala se define a sí mismo como el mejor recurso sobre CSS y estándares de la web. No sé si habrá para tanto, pero ciertamente es una web bien diseñada y con una esmerada selección de contenidos y enlaces imprescindibles para los diseñadores y aquellos que quieran aprender lo básico sobre el diseño web.