Tag Archives | diseño web

50 plantillas wordpress para fotógrafos

Incluimos la una recopilación de 50 plantillas para WordPress orientadas a sitios web de fotografía y portfolios y galerías web de fotógrafos.

Todos los temas tienen aspectos comunes como su cuidado estilo, su diseño minimalista orientado a focalizar la atención del visitante en el trabajo del autor más que en elementos superfluos.

Técnicamente destacan por el uso de código HTML 5 válido, por el uso de jQuery para los efectos en los menús, transiciones de imágenes, formularios, etc. Algunos de ellos incorporan la posibilidad de añadir los datos EXIF de las imágenes en las galerías.

Soportan las funcionalidades de WordPress 3 como el uso de menús personalizados, custom post, etc.

Continuar leyendo →

Comentarios { 1 }

markItUp! Universal Markup jQuery Editor

markitup! es un plugin de JavaScript basado en jQuery que nos permite convertir cualquier textarea en un editor de etiquetas. Soporta codificación HTML, Textil, sintaxis Wiki, Markdown, BBcode o incluso un sistema propio de marcas.

Markitup, editor de código jquery

Características

  • Autor: Jay Salvat
  • Licencia: MIT/GPL
  • Tamaño: 6.5Kb.
  • Requiere: jQuery 1.4.2
  • Navegadores soportados: IE6-7-8, Safari 3+, Firefox 3+

Continuar leyendo →

Comentarios { 1 }

Holmes CSS detective: herramienta de diagnóstico de hojas de estilo

Buscando utilidades para validación de código CSS hemos encontrado holmes.css – CSS Markup Detective. Se trata de una herramienta stand-alone de diagnóstico de hojas de estilo que nos muestra, resaltados, los trozos de código inválidos, inaccesibles, obsoletos (http://www.w3.org/TR/html5/obsolete.html#obsoletos) o que presentan una marcación HTML (incluido HTML5) errónea.
Continuar leyendo →

Comentarios { 0 }

Sitios web destacados por The CSS Awards [inspiración]

The CSS Awards es un nuevo ‘showcase’ donde se incorporan las tendencias en diseño web en general y de CSS en particular. La web tiene el objetivo de premiar a los mejores websites realizados en CSS, y el gran valor añadido del proyecto es que estos premios son otorgados por los diseñadores, agencias y bloggers más importantes y reconocidos internacionalmente, pudiendo el usuario saber que nota le ha asignado cada juez por los cuatro criterios de valoración: Diseño, Creatividad/Personalidad, Contenido y Usabilidad. El propósito de estos premios es valorar el diseño, la creatividad y el esfuerzo de los diseñadores, estudios y agencias web.

Incluimos la selección realizada por el equipo de The CSS Awards de sitios web destacados.
Continuar leyendo →

Comentarios { 0 }

Parallax Scrolling: introducción y ejemplos

En el artículo 11 Tendencias de Diseño Web para 2011 incluíamos la técnica Parallax Scrolling como una de las que tendrían más preponderancia durante este año en cuanto a tendencias de diseño web.

El uso de parallax scrolling está en la línea de sustituir Flash por otras tecnologías que permitan incluir efectos visuales. Se trata de un efecto que genera la ilusión de estar visualizando un espacio en tres dimensiones utilizando imágenes distribuidas en capas que se mueven a un ritmo diferente.

Para implementarlo se pueden recurrir a trucos CSS o utilizar plugins jQuery como Spritely. Su utilización puede ser más efectiva incluyéndolo como un elemento secundario en nuestro diseño , por ejemplo, como un encabezado o pie de página o como fondo de la misma.
Continuar leyendo →

Comentarios { 1 }

+600 iconos minimalistas gratis para diseño de interfaz de usuario

DefaultIcon es un repositorio de iconos minimalistas que destancan por su excelente calidad, claridad y por estas desarrollados todos ellos en color negro. Por su temática, están especialmente orientados para ser utilizados en el diseño de interfaz de usuario en sitios web, dispositivos portátiles (iPhone, iPad, dispositivos Android, etc.),  aplicaciones de escritorio, y en general cualquier tipo de interfaz.

Repositorio de iconos minimalistas gratuitos

Repositorio de iconos minimalistas gratuitos

El conjunto es completamente personalizable, ya que está disponible en formato eps. El paquete también incluye el formato png, en color negro, y los tamaños 16 × 16, 32 × 32, 48 × 48, 64 × 64, 128 × 128, 256 × 256. Los iconos son libres para su redistribución, comercial y no comercial, siempre y cuando la licencia se pesa sin cambios y en su totalidad, con créditos a interactivemania:

Default Icon by interactivemania is licensed under a Creative Commons Attribution-No Derivative Works 3.0 .

Comentarios { 1 }

Compression Plugin made by Cork Tiles