Archivo | diseño web

Feed RSS de esta sección

+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 }

2 libros prácticos para aprender a diseñar sobre WordPress

Rockable Press acaba de publicar la segunda parte del libro How to be a Rockstar WordPress Designer. En la primera parte de esta colección sus autores abordaban todos los aspectos técnicos necesarios para aprender a desarrollar plantillas en WordPress, incluyendo los elementos gráficos y el código para implementarlas (ficheros gráficos PSD y código HTML, CSS y PHP). Los ejemplos desarrollados en el manual son

En esta segunda entrega, se continua con el aprendizaje de diseño de sitios web sobre WordPress, enseñandonos aspectos avanzados de desarrollo como son los tipos de post personalizados, los widgets, metaboxes,  funciones avanzadas de gestión de imágenes, shortcodes, internacionalización y traducción temas, etc. En este enlace tenéis el índice del libro y el primer capítulo en PDF.

En este enlace podéis adquirir ambos manuales por 39$ .

 

Manual practico de diseño sobre WordPress

Comentarios { 1 }

Cómo utilizar jQuery NIVO Image Slider en Drupal [tutorial]

En un proyecto en el que nos encontramos embarcados hemos necesitado incluir un slider con imágenes en una instalación de Drupal. Para otros muchos desarrollos (sobre WordPress, Codeigniter, etc.) habíamos utilizado el plugin jQuery Nivo Image Slider, pero aun no lo habíamos incluido en ningún diseño sobre Drupal.

Habitualmente lo elegimos porque incluye bastantes tipos de transiciones para las imágenes, genera un código bastante sencillo, es bastante adaptable y ligero, permite elementos HTML como enlaces, captions, etc. y, además está liberado con licencia MIT.

jquery Nivo image slider

Nivo Slider con el tema por defecto y Thumbnails

En el caso de su utilización en Drupal, además se integra fácilmente con módulos básicos de este gestor de contenidos como ImageCache y Views.

En este post os comentamos los pasos que hemos realizado para añadir este elemento.

Continuar leyendo →

Comentarios { 1 }

50 diseños web con fondos con imagenes [inspiración]

Una de las tendencias en diseño web que se está imponiendo es, sin duda, la utilización de imágenes fotográficas en los fondos de página. Normalmente, en este tipo de páginas, se utilizan  imágenes de una resolución alta y que abarcarán todo el fondo de la página. Evidentemente la foto de fondo debe ser de contenido apropiado puede incluirse un ligero efecto de transparencia para aumentar la armonía con los contenidos.

Al crear un sitio web con un fondo con imagen a pantalla completa, le estamos abriendo a nuestros visitante una experiencia visual increíble que hará que quieran volver, además se aportar un carácter diferenciador desde la primera visualización a nuestro sitio. Estas sensaciones pueden verse incrementadas añadiendo efectos de imagen deslizante o aleatoria para el fondo.

A continuación incluimos 50 ejemplos de diseños web que utilizan imágenes como fondos de página:

Continuar leyendo →

Comentarios { 1 }

10 plugins jQuery para interfaces de usuario

Incluimos una recopilación de plugins jQuery especialmente orientados a implementar elementos de interfaz de usuario en páginas web. Encontraréis complementos que nos pueden servir para medir la fortaleza de las passwords de los usuarios en los formularios de registro, para incluir sistemas de votación de forma rápida y sencilla, para añadir un sistema de alertas en una interface web, etc.

Continuar leyendo →

Comentarios { 1 }

25 tutoriales gratis sobre HTML5

Colección de referencias a tutoriales interesantes para introducirse en el mundo del desarrollo web en HTML5. Se trata de tutoriales y recursos gratuitos con los que se puede aprender a utilizar el nuevo estándar del W3C para temas como el desarrollo de plantillas y sitios web en una o varias páginas, desarrollo de elementos de vídeo, creación de aplicaciones web para iPhone, utilización del uso de Canvas HTML5, etc.

Continuar leyendo →

Comentarios { 1 }

Compression Plugin made by Cork Tiles