"The future is a memory of the past"

Laibach - Life is Life

Tutorial Diseño Web – Diseño Templates – Parte 1: Diseño estático.

diseño web joomla template

Comenzamos una serie de tutoriales para crear tu primera plantilla para Joomla y WordPress. desde su diseño estático con Photoshop y su codificación en xHTML y CSS utilizando el Framework 960 Grid System hasta la implementación en Joomla 1.5.

Para este primer ejemplo crearemos una plantilla lo más sencilla posible que sirva de excusa para la posterior codificación e implementación como plantilla de Joomla.

Este primer tutorial aborda conceptos muy básicos de Photoshop, por lo que está recomendado para los que se inician con este Programa, utilizaremos la versión CS4 pero para seguir el tutorial podréis disponer de versiones anteriores.

Estas son las partes del tutorial:

  • Parte 1: Diseño Estático
  • Parte 2: Codificación xHTML/CSS (proximamente…)
  • Parte 3: Implementación en Joomla 1.5 (proximamente…)
  • Parte 4: Implementación en WordPress (proximamente…)

(más…)

Share This Post

Entrevista Marcelo Macías – Mayo 2008

Entrevista+Miguel+Puig.png

Entrevistador: Adrián Rodríguez Mira.
Entrevistado: Miguel Puig García.

- Alumno de 2º de Diseño y Nuevas Tecnologías de la Escuela Superior Marcelo Macías. Amante de la fotografía, el cine, la música y el diseño gráfico. Con tan solo 22 años ya tiene una larga lista de premios en diseño web y una notable experiencia. Este es el perfil de Miguel Puig, un joven valor del diseño gráfico gallego.

(más…)

Share This Post

AnythingSlider: Slideshow Plugin jQuery

jquery-slide-plugin.jpg
AnythingSlider es un plugin basado en jQuery bastante personalizable, podrás:

- Cada slide es contenido HTML (imágenes, texto…)
- Con flechas de botones de siguiente y anterior.
- Enlace a los distintos slides
- Posibilidad de modificar el tipo de animación
- etc…

Demo
AnythingSlider jQuery Plugin
Descargar (500kb)

Share This Post

Construye mejores conjuntos de fuentes CSS (fontstacks)

font-stackscss.png

A mi modo de ver las cosas uno de los elementos principales a la hora de diseñar una página web es la elección de la tipografía. Existen ciertas reglas a la hora de usar una u otra en cuanto a legibilidad y aspecto.

Las fontstacks (conjunto de fuentes) son cada librería tipográfica que insertamos en los elementos de una Web mediante la propiedad CSS “font-family”. En grandes rasgos se dividen en fuentes serif (con adornos) o sans-serif (sin adornos o de palo seco), un ejemplo de serif es la “Times New Roman” y sans serif la “Helvética”.

En el siguiente enlace podremos ver las más usadas en cada sistema operativo y las más apropiadas para aplicar tanto en los párrafos como en los encabezados

Enlace:
Build better CSS font stacks

Share This Post

Lecciones de estilo en el Diseño Gráfico Suizo enfocadas al Diseño Web

poster3

La gente de Smashing Magazine realiza una serie de lecciones sobre el Diseño Gráfico Suizo, el cual tuvo su apogeo a partir de la década de los 60. La recopilación se enfoca en el Diseño Web actual, estudiando las formas, las rejillas, los espacios en blanco…

Enlace: Lessons From Swiss Style Graphic Design

Share This Post

ava7patterns

download-free-patterns

Si buscas alguna imágen de fondo para tu web, ava7 patterns, te va a gustar se trata de una web de más de 1000 fondos de pantalla para descargar, puedes ordenarlos a su vez po colores, formas, los más comentados, más descargados y mejor votados.

Sitio Web

Share This Post

Jquery Fade In – Fade Out

jquery_fade

Interesante efecto el recogido de hv-designs.co.uk que utiliza jQuery para hacer un fundido fade-in fade-out. Proximamente publicaré más recursos de esta librería javascript.

Ver Demostración

Ver tutorial

Descargar Archivos Fuente

Share This Post

Colección de menus CSS para tus diseños Web

free_styled_css_menus.jpg
Styled Menus es una colección de menus en css para tus diseños.

Han sido testeados en IE6, IE7, Firefox, Opera, Safari y Chrome.

Más info: http://www.styledmenus.com/

Share This Post

File Thingie: Administrador de archivos en PHP

ft_actions_thumb

Via Intenta

File Thingie es un administrador de archivos en web escrito en PHP. Muy práctico para proveer de acceso a parte de un servidor sin necesidad de un servicio FTP. Sus características principales son:

  • Sencillo, sólo un fichero.
  • Upload de múltiples ficheros a la vez.
  • Múltiples usuarios y grupos de usuarios.
  • Crear subdirectorios.
  • Renombrar, mover, borrar y copiar ficheros y carpetas.
  • Búsqueda por nombres de ficheros y carpetas.
  • Control de acceso basado en listas negras o blancas.
  • Editar ficheros de texto.
  • Descomprimir ficheros zip sin necesidad de descargarlos.
  • Fácil personalización basada en CSS
  • Multilenguaje.

Web: filethingie

Descarga: filethingie

Demo: filethingie

Share This Post

SQL injection Cheat Sheet

Via Sentido Web:
Interesante hoja de trucos para evitar SQL Injection en nuestras aplicaciones. La explicación es bastante intensa y no solo se centra en MySQL sino en otros motores como Microsoft SQL Server, ORACLE y PostgreSQL, aunque para estos últimas son pocos los consejos.

Ver documento (ferruh.mavituna.com)

Share This Post

Malo: Framework CSS ultra pequeño

Small CSS Framework

Malo es un pequeño CSS framework (0,25 kb comprimido) para crear la estructura base de un sitio web pequeño/medio

Es una derivación del Emastic CSS Framework

Malo tiene dos partes:

  • Reseteo básico
  • Sistema de rejilla

Es ideal para el que no quiera complicarse con un framework grande.

Más información (code.google)

Share This Post

OpenCart: Tienda on-line PHP Open Source

OpenCart es una robusta solución e-Comerce basada en PHP, facil de usar y muy completa.

Podeis ver una demo del funcionamiento del front-end y del back-end (Username: demo / Password: demo).

http://www.opencart.com/

Descargar (openCart)

Share This Post

De Facto

De Facto(Nottingham) son los responsables de la última campaña para Fred Perry. La compañía también actualizó su sitio con nuevas sorpresas.

Share This Post

94 imágenes de fondos gratuitas

Via dragonartz me encuentro con esta colección de 94 fondos en formato.png para usar en presentaciones, páginas web… Con una resolución de 4167×4167 px.

Descargar (Rapidshare)

Descargar (Depositfiles)

Share This Post

50 Iconos gratuitos de Cult-foo

En formato .png Con estilo limpio y moderno. Vamos muy a lo que muchos llaman “estilo 2.0″.

Share This Post

CSS Menu Builder

Esta nueva aplicación web será la delicia de los desarrolladores web, con ella podrás crear via web menus personalizados en CSS e integrarlos facilmente en tus proyectos.

Share This Post

Set de iconos gratuitos especiales para bloggers

Set de 18 iconos en formato .png listos para usar en tu web/blog, consiten en imágenes de las aplicaciones web más usadas como facebook, flickr…

Están disponibles en 4 tamaños 62×62, 48×48, 32×32 y 24×24. Pueden ser usados tanto en proyectos personales como comerciales.

Enlace: webtoolkit4.me

Share This Post

BarackSlideshow – Pases de imágenes con Mootools

BarackSlideshow es un script con que crea una interfaz simple para pases de imágenes mediante javascript. Está inspirado en el de la web de la conocida web de Barack Obama prueba la demo de funcionamiento. Solo son 30 lineas de código.

Share This Post

Decora tus imágenes y galerías de fotos con CSS

CSS Decorative Gallery. Tutorial de CSS  con el cual podrás decorar tus imágenes sin editarlas en Photoshop, Todo lo que necesitas es una etiqueta  <span> extra y aplicársela a la imagen de fondo para crear el efecto.

Este truco funciona con cualquier imagen de cualquier tamaño.

Via: visual-blast.com

Share This Post

Entrevista Miguel Puig

Reciente entrevista la que me realizaron para la escuela Marcelo Macías. La podeis ver en el siguiente enlace:

entrevista miguel puig

Share This Post

Mensajes dinámicos javascript en tus formularios

JavaScript Form Validation es un script muy ligero que crea un pequeño tooltip a la hora de validar los campos del formulario. Es tan facil como llamar a la función inlineMsg() cuando quieras mostrar el mensaje.

Está testeado en IE6/IE7/IE8, Firefox, Opera y Safari.

via: visual-blast media

Share This Post

30 diseños basados en flash bonitos e innovadores

American Airlines

American Airlines

Prospect Denim

Prospect Denim

Zikadias

Zikadias

Red Bull Flugtag Flight Lab

Red Bull Flugtag Flight Lab

The Lure Lounge

The Lure Lounge

Audi R8

Audi R8

Deadline Advertising

Deadline Advertising

MaxHaus Virtual

MaxHaus Virtual

Teh Cafcat

Teh Cafcat

Canon EOS 400D

Canon EOS 400D

IKEA – Back to college

Ikea

TurboChef

TurboChef

AIGA

AIGA

Suitsupply UK

Suitsupply UK

Starbucks Coffee At Home

Starbucks

Got Character?

Got Character?

IFAW

IFAW

PiotrowskiMichal.com

PiotrowskiMichal

Lake Nona

Lake Nona

Carbon Studio

Carbon Studio

Climax Media

Climax Media

Erguvan Platin Evleri

Erquvan Platin Evleri

Greenlight Marketing

Greenlight Marketing

Imagined Creative

Imagined Creative

Nokia: Nonstop Living

Nokia

Hema

Hema

Converse

Converse

MINIUSA.COM

MiniUSA

Bearfootfilms.com

BearfootFilms

Volkswagen 60 jaar

Volkswagon 60 jaar

Recopilación extraida de vandelaydesign.com

Share This Post


Most Users Ever Online Is 6 On junio 28, 2010 @ 12:59 am