Estos premios son otorgados por diseñadores, agencias y bloguers más reconocidos internacionalmente, puedes ver el jurado en este enlace. Y juzgan los proyectos por las siguientes criterios:

• Diseño
• Creatividad
• Contenido
• Usabilidad

En portada nos aparecen las webs que han sido premiadas por días, la interface es muy amigable y con un diseño que me ha encantado, asi como sus efectos con jquery.

Y sobretodo es un sitio altamente recomendado para buscar inspiración web entre los mejores diseño de websites.

Viccarbe es una empresa Valenciana dedicada al diseño de mobiliario de gama alta para el hogar e todo tipo instalaciones como son oficinas, restaurantes, hoteles, etc…

Una colección para quien vive el presente y piensa en el futuro, Viccarbe.

Enlaces interesantes:

1. Viccarbe en la voz de Galicia
2. Viccarbe en Bureau Veritas

Para averiguar las direcciones ip de nuestros servidores DNS, puedes
ejecutar la orden nslookup en ms-dos.

En Microsoft Windows, tendría que seguir el siguiente proceso:

- Pulse sobre Inicio.

- En Ejecutar, escriba “cmd” y pulse enter.

- En la ventana de ms-dos que se le muestra, escriba:

Ejemplo: nslookup ns63.1and1.es

y pulsa enter.

- Obtendrá una dirección y un “Address” que es la IP correspondiente al
dominio / subdominio que has indicado.

Espero que sirva de ayuda.

Empezaré como siempre con las librerias que vamos a utilizar.

1. Jquery
2. Ui.base.js
3. Ui.base.draggable.js
4. Ui.base.droppable.js

Con estas librerias vamos a poder hacer unos efectos muy interesante, a continuacion os voy a detallar un poco un codigo de ejemplo.

HTML

Javascript

Vamos a explicar por partes cada elemento.
.dragable ( con esta opcion le damos la propiedad Dragg al objeto con clase .block, es decir el div con la  clase .block se puede arrastrar y mover por la pantalla)
.helper:’clone’ <- Evidentemente como su nombre indica le hemos dicho que a la hora de arrastar clone el objeto a arrastrar.

Por otro lado tenemos las ordenes para el objeto con clase .drop:
accept:’.block’ <- le indicamos que el objeto solo aceptara aquellos con clase .block, es decir que solo podremos arrastrar a la zona .drop objetos con clase . block
activeClass: ‘nombre de clase’ <- obvio no? clase asignada al objeto con clase .drop cuando esta activo.
hoverClass:’nombre de clase’<- lo mismo que la anterior pero en este caso cuando situamos el objeto por encima de la zona .drop
drop:function<- se utiliza esta opcion para decirle que vamos a hacer cuando el objeto sea arrastrado a la zona .drop.

$(this).append(”<br>Dropped!”); <- obviamente en este ejemplo cuando arrastramos .block sobre .drop en el div con clase .drop se le añade el mensaje Dropped y un salto de linea.

Imaginaros ahora las posibilidades, lo sencillo que ha sido darle a un objeto la movilidad y lo sencillo que es asignar una zona para dejar esos objetos, evidentemente esa zona la podemos definir dentro de un css, otorgandole el estilo que nos venga bien en cada momento, como veis es muy sencillo hacer un carrito de compra al mas puro estilo arratrar y soltar.

Este plugin de Jquery tiene multiples opciones asi como no solo con objetos si no tambien con listas o tablas, de esta forma resulta muy util por ejemplo si queremos ordenar una lista o cambiar los contenidos de una celda  otra en una tabla.

Aqui os dejo un ejemplo,

http://docs.jquery.com/UI/Droppables

En el siguiente tutorial explicare algunos metodos mas de arrastrar y soltar objetos, y haremos un carrito de compra arrastrando productos del escaparate a la cesta, saludos.

Daniel.