Este es ganador del 2011 “Dreamboat” Premio del Milenio Yacht Design, es una interpretación valiente y chocante del concepto barco de motor. El diseñador Hyun-Seok Kim se inspiró en toda la belleza natural y actividades divertidas que se encuentran en el mar para diseñarlo.

Me he encontrado esta colección bastante interesante con recursos para diseñadores web. Espero que os guste :) .

Asynchronous JavaScript and XML (AJAX) Tools

Ajax Rain – Enormous directory of various AJAX scripts.

Color Tools

Color Blender

Colour Lovers

Color Scheme Generator

ColorSchemer

Dailey Color Scheme

CSS

CSS Layout Techniques

CSS Type Test - This tool allows you to preview different fonts in CSS so that you can chose fonts before designing a page.

Playing Cards with CSS

Fonts

Dafont

FontShop

Hoover Web Design

Neat Fonts

Type Tester – Font Comparison

Unusual Fonts

1001 Free Fonts

Free WordPress Themes

Brian Gardner

Kaushal Sheth

Theme Lab

HTML

HTML Characters

HTML Characters II

HTML Character Entity Sets

HTML Markup Validation

HTML Tidy – Clean up the HTML of your sites with this program.

HTML 4.01

Icons

Ajax Load

Buttonator

Fam Fam Fam Icons - contains over 700 free icons.

FavIcon

Feed Icons

IconBuffet

Interfacelift – Free wallpaper as well.

MaxPower

N-design Studio

Pinvoke – Also contains free fonts.

Pixelgirlpresents

Templates

Boxes

Freelayouts

Intensivstation

Layout Gala

Mollio

Open Web Design

Templates Box

Template World

Template Monster

4templates

Tutorials

Advanced CSS Layouts

Ajax Tutorial I

Ajax Tutorial II

Getting Started with Ajax

CSS Guide

HTML with Style

HTML Overview

Quick CSS

Other

GoPlan - Online project management application with file hosting, chatrooms and more.

Tripoli - The perfect starting point for any web design project, Tripoli “forms a stable, cross-browser rendering foundation for your web projects.”

Borja me preguntaba por la forma de crear las citas donde aparece el texto que queramos dentro de una caja.

Para que nos entendamos el resultado sería este:

El resultado es este.

Para conseguirlo, simplemente tenemos que crear en nuestro CSS un elemento con los siguientes valores:

blockquote {border-left: 5px solid #555;padding: 0.7em 1em 0.7em 1em;
background: #eee url(http://helektron.com/img/bloque.gif) no-repeat
bottom right;margin-left: 2em;}

Y en el código basta con meter dentro de las etiquetas blockquote y /blockquote (con <> respectivamente) el texto en cuestión.

Lógicamente tendreis que cambiar la ruta de vuestra imagen (yo he empleado en el ejemplo: http://helektron.com/img/bloque.gif) y cambiarla como querais.

Además de poderle cambiar el nombre a blockquote por el que necesiteis.

Agarrate fuerte a la silla antes de ver la siguiente página web. Es considerada como la peor página web diseñada. ¿Estas preparad@? Pincha aqui para verla.