Tiempo Virtual

PDFmyURL, para almacenar una Web en pdf

2010-01-19T09:00:00.000-04:00

PDFmyURL es una aplicación on-line que permite guardar un página Web en formato .pdf. Ya sea que uno quiera almacenar información en un formato más cómodo (aunque más pesado) que el que se abre en un navegador o almacenar completa la cara frontal de la página para tener el diseño como referencia, llega a ser útil.

http://www.pdfmyurl.com/

Como utilizar colores retro en el diseño

2009-11-18T09:11:00.000-04:00

Este es un tutorial de Tyler Denis:

Los colores Retro no solo son una gran manera de darle una sensación clásica a un sitio Web, sino que pueden dar a un toque diferente del que dan los colores regulares totalmente saturados que se ven a menudo en los diseños modernos.

Este artículo es tanto una vitrina de themes retro-color en los diseños de Web existentes, como un tutorial sobre cómo conseguir colores retro con Adobe Photoshop (encontrarán cinco técnicas diferentes).

Visitar tutorial »»

20 magníficas portadas de revistas en los últimos años

2009-11-10T09:10:00.004-04:00

Gino Orlandi:

"El arte del diseño gráfico evoluciona continuamente junto con la sociedad, la moda, la tecnología y la política. Los estilos y colores están inspirados en todo lo que nos rodea y, a su vez, podemos ver imágenes de la cultura en su evolución del pasado. Dándole una mirada a 2 años de portadas de revistas de las principales publicaciones, recopilamos 20 portadas que son de nuestro aprecio"…

Visitar recopilación de portadas »»

80 ejemplos de botones "Add to Cart" para inspirarse

2009-11-05T21:00:00.000-04:00

Este es un artículo de Sergej Müller...

El objetivo principal de una tienda on-line es conseguir que el usuario compre algo. Esta es la razón por la cual los elementos en sus páginas Web, tales como descripciones, información de precios, y los productos afines deben estar bien pensados y deben tener un propósito. Entre estos elementos de la página esta el botón de "Añadir al carrito" o "Añadir a la cesta" (add to cart), que es esencial en su importante función de llamada a la acción.

En esta colección, encontrarán algunos buenos ejemplos de botones de compra “Añadir al carrito” de sitios Web de comerciales de todo el mundo para su inspiración y referencia.

Visitar recopilación de botones »»

Thinking Small

2009-11-03T09:15:00.001-04:00

Por Jason Santa Maria.

Para hablar de como las pequeñas decisiones tienen un gran impacto en el diseño web, Jason se enfocó en en 7 puntos:

1. Sé un pensador
No saltes a la computadora inmediatamente, piensa en el problema que intentas resolver.

Lleva un sketchbook, recuerda que no se trata de ser un buen dibujante, se trata de ser un buen pensador.

2. Encuentra el mensaje
Entiende el contenido de tus páginas, aprende conocer tus herramientas… por cierto: Tu mente es la herramienta, no Photoshop.

3. Usa ingenera inversa
Ponte en el lugar de tus usuarios, trata de liberar tu manera de pensar al reinterpretar los mensajes, para eso exagéralos, desármalos, dales otro contexto, etc.

Siempre vuelve a preguntar: "Si, y…".

4. Crea un plano
Usa un grid, eso le dará cohesión a tu contenido… Pero necesitas pensar por qué y cómo lo estás usando.

Los frameworks para grids son una ayuda, no una garantía, siempre piensa cómo el grid que usas representa y apoya el mensaje.

También ten en cuenta que no necesariamente tienen que ser uniformes, no te limites a eso, prueba la asimetría.

5. Piensa horizontalmente
Empieza con grids horizontales luego aplica los verticales.

No pienses en columnas, piensa en espacios. Diseña sistemas, no páginas.

6. Detente, modula y escucha
Crea sistemas de layout modulares, usa clases para marcar columnas (usando CSS).

7. Busca parejas (tipográficas)
¿Cual es tu tipo de letra?

Cuando trabajes con fuentes, trata de emparejar fuentes de un mismo diseñador.
Busca contraste.

The mind is the tool for design. Photoshop is just a tool for refinement.

- Santa Maria

Vía AprendiendoWeb

Stock de texturas "grunge"

2009-10-27T16:31:00.001-04:00

Urban Dirty es una colección de fotos y algunos otros recursos que se actualiza regularmente con cientos de texturas sucias y ásperas. Paredes corroídas, oxido, símbolos urbanos, todo para montajes, ilustraciones y diseño Web aplicándoles ese aspecto decadente y “grunge” que se define como una tendencia actual en el diseño en general. Las imágenes están disponibles en diferentes resoluciones y de libre descarga para cualquier propósito, muy útiles también para la creación de bushes en Photoshop.

25 increíbles colecciones de logos

2009-10-14T17:31:00.003-04:00

Esta fantástica y variada recopilación de logotipos para la inspiración del que lo necesite, es una compilación de Gino Orlando (youthedesigner):

"Esto es lo ultimo en inspiración de logos, en este post que contiene 25 increíbles colecciones de logos. Varios diseñadores juntan colecciones de sus diseños de logos cada año o algunas veces e un año dependiendo en cuantos logos logran diseñar como sasos de uso de su trabajo e inspirar a otros. Buscamos en Behance.net a los mejores diseñadores y sus colecciones. ¡Si necesitas inspiración para el diseño de logos este post es para ti!.."

Visitar recopilación de logos »»

Diagrama de flujo del camino de un diseñador Web (Can You Be a Web Designer?)

2009-10-06T09:30:00.005-04:00

Creado por Jacob Gube.

Odiar Internet Explorer, utilizar Mac :( , manejar Photoshop o más bien bajarse el torrent de Photoshop y descargarlo con su crack (mama mia! cuanta sinceridad), además del optimismo y todo lo que hay que saber. Yo le aumentaria algunas cosas para propio el medio, pero aun así, sin quejas, esta de pelos...

Casos de uso de tiendas on-line bien diseñadas

2009-09-30T16:54:00.003-04:00

Escrito por la editorial de la Smashing Magazine como Showcase of Fresh and Well-Designed Online Shops:

Los sitios de E-Comemerce son con típicamente mal o pobremente diseñados. En este post presentamos 35 atractivos diseños de tiendas on-line. Los sitos presentados en este post incluyen ejemplos de una variedad de industrias y casos de uso de diferentes estilos de diseño.

A lo largo de este escaparate se nota la tendencia de los sitios de E-Commerce bién diseñados en el uso de magines de alta calidad. Muchos de estos sitios utilizan imágenes grandes en el Homepage (Página inicio), el producto y modelo en la fotografía es siempre importante para crear interés en los visitantes.

Visitar artículo y ver la galería completa »

Spreadtweet, camuflaje tipo Excel para Twitter

2009-09-20T18:50:00.000-04:00

Ahora puedes compartir la información irrelevante de tu vida mientras tu jefe piensa que trabajas. Spreadtweet es una aplicación para leer y escribir mensajitos Twitter de forma camuflada con una interfaz igual a un hoja de cálculo Excel en sus diferentes versiones (Excel 2003, Excel 2007 y Office OSX).

El enlace de descarga lleva a la página del autor. Así como el TweetDeck, Spreadtweet requiere Adobe Air, pero el autor ofrece una versión que funciona completamente en la Web.

DESCARGAR

The Zen of Blogging

2009-09-14T17:13:00.006-04:00

La introducción del autor Hunter Nuttall:
Dicen que cuando el alumno esta listo, el maestro aparece. Un día sentí que estaba listo, y comencé la larga escalada a la cima de la montaña blogger. ¿Serian ciertas las leyendas? ¿Realmente existiría el “Viejo sabio”? Nadie estaba seguro, pero cada aspirante a blogger que había intentado encontrarlo cuando el tiempo era propicio para hacerlo, había fallado en el intento. También supimos que todo el que lo intento no fue visto nunca más.

Entonces comencé a escalar la montaña blogger, una extraña fuerza me incitaba a renunciar cada que mis rodillas se estremecían de miedo. Pero no dependía de mí, era mi destino. Tenía que saber si lo tenía en mí. Tenií que saber si el blogger que llevo dentro estaba listo para ser despertado.

Conforme me iba acercando, era atacado por tormentas de nieve y vientos fuertes. Tuve que detenerme varias veces, incapaz de respirar el helado aire. Me esforcé pero no sabia si mi cuerpo podía seguir aguantando. El Viejo sabio, si realmente existía, se aseguro de que no fuera fácil encontrarlo.

Pero cuando alcance la cima, todo cambió. La nieve se desvaneció en un flash de luz solar. El aire limpio de la montaña se lleno de los sonidos del canto de los pájaros y el murmullo del arroyo. Las coyunturas y músculos de mi cuerpo sintieron el dolor desvanecerse. Pero esperen – ¿era esto real? Mientras que mi mente estaba aquí, ¿será que mi cuerpo se quedo inerte a un lado de la montaña? ¿Me encontraba en el cielo?

No, todo era real. Todavía me encontraba en mi sano juicio, y sabía que mis pies no habían abandonado el suelo terrestre. Pero este era un lugar especial. Sentí una extraña sensación de euforia dispersándose por todo mi cuerpo. Y de alguna manera no me sorprendí cuando di vuelta y vi al Viejo sabio parado detrás mío.

Él removió la capucha de su túnica para dejarse ver. Fácilmente tenía como cien años aunque aun así parecía tener una asombrosa fuerza física y claridad mental. Tenía una larga barba blanca, y una mirada solemne en el rostro.

Hize lo posible para presentarme.

“Yo…Yo..”

“Si, se quien eres, tonto,” dijo el Viejo sabio. “Viniste porque quieres ser un gran blogger. Yo te puedo ayudar. Puedo revelarte los secretos del blogging. Puedo enseñarte a escribir posts que perforen las almas de los más fuertes guerreros, o hagan que los ángeles desfallezcan en lágrimas. El tuyo, puede ser el blog que atraiga miles de barcos, todos llenos de gente que se muere por suscribirse.”

El Viejo sabio dio un paso adelante, tocando su barbado mentón.

“Y aún así,” dijo, “Siento una gran duda dentro de ti. No estas seguro de poder hacerlo. Ni siquiera estas seguro de realmente quererlo. Así no funcionará. La duda lleva al conflicto. El conflicto lleva a al indecisión. La indecisión lleva al mal blogging.”

Él llevo su mano hacia su cinturón y saco una espada que brillaba con un resplandor amarillo. Camino hacia una pila de rocas e hizo una breve pausa. Entonces con un rápido y limpio golpe, corto una roca! Y dió vuelta hacia mi.

Yo retrocedí lentamente, pero tropecé con mi propio pie y caí. El continuo avanzando hacia mi, y lentamente levanto la espada por sobre su cabeza.

“Lo haré muy simple para ti,” dijo. “Si tu comienzas un blog, te cortare la cabeza, y si no comienzas un blog, también te cortare la cabeza. Entonces, ¿comenzaras un blog?”

Me quede allí en silencio y completamente paralizado por lo que parecía ser una eternidad.

Él entonces bajo su espada para darme una palmadita gentil en el hombro.

“El alumno esta listo,” dijo.

DESCARGAR

(El libro está en INGLES.Clik derecho, guardar enlace como...)

20 maneras de promocionarte como diseñador Web

2009-09-10T10:20:00.006-04:00

Hay un sin fin de artículos interesantes y útiles escritos por la gente mas influyente en el mudo del diseño Web. Todos están en ingles así que voy ha comenzar a traducir algunos pertenecientes a diferentes autores. Lo que esta en letras cursivas son acotaciones mías (me disculparan el atrevimiento).

Este artículo fue escrito por Andy Johnson (http://www.webdesigndev.com/web-development/20-ways-to-promote-yourself-as-a-web-designer)

A los diseñadores Web se les puede complicar el hacer conocer su nombre y conseguir clientes. La promoción no siempre cuesta dinero. He compilado una lista de cómo un diseñador Web puede promocionarse a si mismo y hacerse conocer. Algunas de las maneras que menciono no requieren de mucho esfuerzo, pero otras requieren de mucho tiempo. De todos modos te ayudaran a conseguir más clientes.

Mantiene un sitio Web

Si mantienes el Website de alguien más, el dueño hablara sobre tus servicios. Podrías solicitarle un pequeño link a tu Web en el pie de su página, con esto te exhibirás un poco más.

Crea un Blog

La creación de un blog puede derivar en olas de tráfico y quizá en potenciales clientes. Si escribes un buen contenido, la gente te enlazara y esto te ayudara a que los buscadores te indexen mucho mejor, es una situación de ganar – ganar.

Redes Online

Utiliza redes sociales como Facebook, Twitter y Digg para promocionar los artículos de tu blog o tus diseños y para relacionarte con otros diseñadores.

Crea una firma para tu Email

Poner una firma en todos los emails que envías puede generar mucho tráfico, especialmente si acostumbras enviar muchos emails.

* Entiéndase que una firma para email puede contener información de contacto como la dirección de tu Web, y quizá un slogan descriptivo de tu servicio.

Diseña y compra tarjetas de presentación

Las tarjetas de presentación ayudan mucho a los negocios. Y si tienes un bonito y llamativo diseño, algo que sea único, habrá más posibilidad de que la gente busque tus servicios que si tuvieras un diseño plano y vacío.

* La tarjeta de presentación debería ser como una muestra del trabajo de uno en cuanto a diseño, colores, estética, etc. Seria contradictorio para alguien involucrado con el diseño Web (o gráfico) que su tarjeta fuese aburrida y totalmente mesurada como la de un abogado.

Crea un Portafolio

Si pones todo tu trabajo en un portafolio Web, los potenciales clientes serán capaces de apreciar tu trabajo, y otros sitios Web te enlazaran si el contenido es lo bastante bueno.

* Para muestra un botón, por ejemplo pueden apreciar los portafolios de Jhon Likens , Darek Nyckowiak, ieestudio.

Participa en foros de discusión

Participar en foros de discusión puede generar mucho tráfico. Si tienes una constante y clara opinión en diferentes hilos de foros, la gente comenzara a interesarse en quien eres, en tus Webs, etc. Los hilos de foros se indexan y se quedan en los motores de búsqueda, lo que te dará promoción a largo plazo.

Hazlo personal

Si te muestras como original y único con tus diseños, la gente te vera a ti como original y único.

Trabajo voluntario

Contribuye con proyectos Open Source sin fines de lucro para organizaciones online. Eso se vera muy bien en tu portafolio.

Crea una firma para los foros

Si pones la dirección de tu Web o incluso una imagen llamativa (avatar) como firma en el foro donde estés opinando, la gente le hará click. Entonces solo tendrás que postear nuevos hilos y contestarlos, esto te dará links de tu Web a lo largo de todo el foro de discusión.

Ten un amigo

Hazte amigo de otro diseñador como tú. Pueden trabajar juntos y ayudarse a conseguir trabajo. Es una situación de gana – ganar.

Comentarios de Blog

Participa en discusiones comentando en los blogs de otra gente, esto te genera tráfico de vuelta a tu propio blog. Si posteas un buen comentario que a la gente le guste obtendrás muchos clicks.

Trata de ser invitado a postear en otros blogs

Internet esta lleno de oportunidades. Muchos bloggers pequeños y grandes se toman descansos. Suelen buscar invitados que publiquen en sus blogs, eso significa que tu puedes incluir un link a tu propio blog donde dice “Escrito por:”. Si es un blog grande que recibe muchas visitas ganaras mucho tráfico.

Participa en competiciones de diseño

No seas tímido. Existen muchos sitios como 99design y digitalpoint forums que constantemente organizan competiciones de diseño. Participar te da la oportunidad e mostrar tu trabajo y habilidades.

Dilo con tu boca

Háblale a la gente acerca de tu sitio Web y los servicios que ofreces, tus amigos y familiares seguramente le hablaran a otra gente acerca de ti.

Trata de ubicarte a ti mismo o a tu Web en las noticias

Haz algo para que tu nombre o la dirección de tu Web aparezcan en espacios de noticias en sitios de la blogosfera. ¡Si funciona!

Anuncios / Intercambio de links

Los diseñadores Web pueden ayudarse mutuamente. Se puede intercambiar links con otros sitios similares, o incluso anuncios (banners) como los de 125 X 125px.

Desarrolla una relación con todos tus clientes

Si entablas una relación uno a uno con tus clientes, te ganaras su respeto y volverán contigo cuando haya mas trabajo, o mejor aun, te referirán con sus otros amigos.

Da de alta tu trabajo en Galerías de Diseño

A las galerías Web les encanta el buen diseño. Algunas galerías online son inmensamente populares, si tu trabajo se muestra en su pagina principal, recibirás miles de clicks, lo que deriva en mas clientes.

Organiza concursos en tu sitio Web

Si organizas concursos en tu Web, la gente le dirá a otra gente acerca del concurso si este tiene algún premio interesante, y te generará mucho tráfico.

20 tutoriales para hacer montajes en Photoshop

2009-09-07T13:05:00.001-04:00

Un montaje es por definición la implementación de dos o mas imágenes para crear otra imagen y efectos creando la ilusión de que todos los elementos utilizados son parte natural de la misma, utilizando programas como Photoshop. Quizá algunos del los tutoriales a continuación no encajen ajustadamente a esta definición pero no dejan de ser útiles e interesantes. Están en Ingles.

1. Manipulación surreal

2. Drama en Venecia

3. El hombre agua

4. Montaje urbano

5. Manipulación de miedo

6. Árbol misterioso

7. Terremoto

8. Regalo para el mañana

9. Montaje de carrera

10. Lo místico

11. Fantasia épica

12. Demonio de fuego

13. Surreal y oscuro

14. Foto de fantasía

15. Dragón

16. Invasión

17. Ataque dragon

18. Niños y accidentes

19. Bajo la piel

20. Montaje 3D

Vía: http://www.webdesignerdepot.com

82 brushes (pinceles) "Grunge" para Photoshop

2009-09-03T09:18:00.005-04:00

Set de 82 pinceles estilo "Grunge" para instalarse en Photoshop (cs3). El archivo .rar de 6M. en los siguientes mirrors:

Qubecash

Depositfiles

Rapidshare

30 sets de imágenes e íconos para Twitter

2009-09-01T11:44:00.002-04:00

30 galerías gráficas para obtener gratis iconos e imágenes “png” de Twitter de alta calidad, con la gran popularidad que el servicio a cobrado tanto en la difusión como en la comunicación, un atractivo “Follow me” del pajarito azul en el sitio Web o blog viene siendo indispensable…

40 Cute Free Twitter Graphics: Badges, Icons & Buttons
via wefunction

The Social Bird icon set
via inspiredm

TwitterFun Icons
via graphicleftovers

Happy Birds
via webdesign.fm

2 Cute Twitter Icons
via jeeremie

High Res Dark Denim Social Media Icons
via webtreats

Fat Twitters icon pack
via jankoatwarpspeed

Twitter Bird Icon Set
via productivedreams

Twitter Eggs
via graphicleftovers

Cute Tweeters Icon Set
via Smashing Magazine

Twitter Icon
via Diwa Fernandez

Elvis, hero, meditation and sufer
via ebiene.de

Twitter stamp icon
via Marco Kuiper

Twitter icon
via antonist

Twitter icon
via aleandros

Twitter Icon
via marek.sotak

Twitter Block Icons
via Fast Icons

Twitter Birds
via InaliBlast

Twitter bird vector icon set
via Mau Russo

Twitter bird logo icon illustration
via Matt Hamm

Twitter / fail bird illustration
via ohmgee

Tweetenstein
via biggreenape

Tweet Tweet Cute Tweet
via thedesignsuperhero

Free Twitter Birds
via Luc Latulippe

Moby Twitter Bird
via Mau Russo
Available in .ai and png.

Lovely Twitter Icons
via Catmy

Tweetbird Free Twitter Icon
via sneh.roy

Tweeta Free Twitter Bird Icon Set
via littleboxofideas

Helvetwitca Vector Typographic Twitter
via Monika Halim

Tweeties
via Chris Wallace

Vía: http://www.hongkiat.com

Fabricando un LightBox casero

2009-05-06T13:14:00.003-04:00

Un LigthBox es una caja con fondo blanco e iluminación hacia su interior, se utiliza para fotografíar objetos de la siguiente manera:

Su fabricación es muy sencilla y hay diferentes formas de hacer uno, los elementos que yo utilicé son: Una caja medianamente grande, Una hoja de cartulina, pegamento y tijeras. Además requerimos de tres hojas de material blanco semi opaco, es decir, que deje pasar la luz difuminada, como servilletas grandes de cocina o algún tipo de tela blanca, yo use el papel espuma que vino como envoltura de mi impresora.

Comenzamos cortando la hoja de cartulina a la medida del acho de la caja, para después pegarla en el fondo, ojo, debe pegarse como esta en la imagen de abajo, o sea, solo uno de los bordes de la cartulina pegado en la parte superior del fondo de la caja dejando así que el otro extremo caiga hacia la base formando una curvatura, de esta manera evitamos un vértice en el fondo de nuestras fotografías.

Se pueden forrar las paredes laterales y superior de la caja con los restos de la cartulina para un mejor rebote de luz, es totalmente opcional, yo lo hice pero la verdad es que es no veo diferencia.

Ahora hay que cortar las paredes laterales y superior creando ventanas para la iluminación, algunos cortan de un lado y arriba solamente, pero creo que es mejor abrir los tres lados para tener mas opciones a la hora de hacer la iluminación, debe quedar más o menos así:

Vamos a tapar las ventanas de nuestra caja con la tela o papel blanco, quizá en algún momento se requiera utilizar otro material mejor del que se esta usando ahora o quizá de otro color, así que recomiendo no fijarlos con pegamento a la caja sino con cinta adhesiva para poder cambiarlos cuando lo requieran. Cubrimos cada una de las ventanas con nuestro material, y el LightBox esta listo.

En cuanto a la iluminación podrían ser tres o más luces pero a mí me bastaron dos bombillas blancas como estas:

La disposición de las bombillas no deberá ser mucho problema para fotografiar objetos pequeños, por lo general una de las luces deberá alumbrar desde arriba de la caja y la otra desde uno de los laterales o quizá del frente pero dependerá de cómo queremos el resultado, la potencia de nuestras luces, el tamaño y la dirección de la sombra de nuestro objetivo o si no queremos sombra en absoluto.

Si se usa una cámara digital, debe estar configurada apropiadamente, de modo que las funciones automáticas no modifiquen o contrarresten la intensidad y disposición de luz que nosotros establecemos en nuestra caja.

Espero que les sea de utilidad.

Diagrama de un aspirante a Informático

2009-04-24T01:43:00.000-04:00

Mostrar y ocultar contenido instantaneamente con JavaScript

2009-04-22T02:09:00.010-04:00

Se puede tener contenido para ocultar o mostrar sin recargar la página valiéndonos de la propiedad display de CSS asignándole el valor hidden para ocultar o block para hacer visible el contenido, esto lo hacemos dinámicamente manejando el evento onclick en JavaScript. Ejemplo:

Click aquí: Muestra - Oculta

Para lograrlo ubicamos este script antes de la etiqueta </head> del código de nuestra plantilla o documento:

Ahora hacemos el llamado al script en donde se quiera tener el contenido a mostrar/ocultar:

<a href="javascript:void(0);" onclick="return mostrar_ocultar(this);">Muestra - Oculta</a><div style="display: none;">
AQUI VIENE EL CONTENIDO PARA MOSTRAR/OCULTAR
</div>

La propiedad display:none; indica que el contenido iniciara oculto, si se quiere que este visible desde el principio se debe cambiar el valor a display:block;

Nota: Si lo utilizas en un editor WYSIWYG como el de Blogger asegúrate que la etiqueta </a> y <div style="display: none;"> estén juntas.

MagMyPic: Crea una portada de revista con tu foto

2009-04-21T13:00:00.012-04:00

Quieres estar en la portada de una revista?, no necesitas ser famoso ni saber Photoshop, MagMyPic es una aplicación on-line para crear portadas de revistas a partir de la foto que tu subas, existen varios diseños de portadas para escoger.

http://www.magmypic.com/

Wallpapers de arte "Dark"

2009-04-09T12:47:00.005-04:00

Aclaración: Estos Wallpapers fueron encontrados en diferentes sitios dentro de la Web, NO son trabajo del autor de este blog.

2 libros: Introducción a CSS y CSS avanzado (para descargar)

2009-04-08T09:26:00.000-04:00

1. Capítulo 1: Introducción
2. Capítulo 2: Selectores
3. Capítulo 3: Unidades de medida y colores
4. Capítulo 4: Modelo de cajas (box model)
5. Capítulo 5: Posicionamiento y visualización
6. Capítulo 6: Texto
7. Capítulo 7: Enlaces
8. Capítulo 8: Imágenes
9. Capítulo 9: Listas
10. Capítulo 10: Tablas
11. Capítulo 11: Formularios
12. Capítulo 12: Layout
13. Capítulo 13: Otros
14. Capítulo 14: Recursos útiles
15. Capítulo 15: Ejercicios
16. Capítulo 16: Ejercicios resueltos

DESCARGAR

1. Capítulo 1: Técnicas imprescindibles
2. Capítulo 2: Buenas prácticas
3. Capítulo 3: Selectores
4. Capítulo 4: Propiedades avanzadas
5. Capítulo 5: Frameworks
6. Capítulo 6: Técnicas avanzadas

DESCARGAR

Como buscar archivos mp3 en Google

2009-04-07T17:36:00.001-04:00

Para que Google nos devuelva páginas de descarga directa de archivos mp3 utilizamos este código:

intitle:"index of" (mp3|mp4) nombre de la canción -html -htm -php -asp

Así, si buscásemos:

El resultado será una serie de links a páginas como esta:

PicArtia, para crear mosaicos a partir de fotografías

2009-04-07T10:26:00.000-04:00

PicArtia, una maravillosa herramienta on-line que toma una fotografía y la reconstruye en forma de mosaico de calidad y en tres sencillos pasos:

1 - Selecciona una fotografía desde tu PC
2 - Selecciona la galería cuyas imágenes van ha conformar el mosaico (el sitio ofrece una serie de galerías), el tamaño de los mosaicos es configurable así que yo recomendaría el tamaño mas pequeño si la foto tiene muchos detalles.
3 - Introduce tu nombre y un correo donde se va ha enviar la fotografía reconstruida.

http://www.picartia.com/

Dead Links te muestra los enlaces rotos de tu Web

2009-04-06T17:45:00.000-04:00

Deak Links es una herramienta on-line que detecta links rotos en una Web, solo debes introducir la dirección y una araña se libera para escanear los recodos de tu sitio reportándote los enlaces que funcionan y los que no. Esto es especialmente útil si tienes una Web grande o antigua, donde es moroso revisar manualmente cada link.

http://dead-links.com/

El Scanner como instrumento musical, a ver si reconocen la melodía

2009-04-06T15:40:00.000-04:00