Blog de Diseño Web Vida MRR

La mejor publicidad del mundo #14

noreply@blogger.com (Marcos Rivas) — Sun, 29 Jan 2012 09:16:08 PST

Domingo, y eso significa publicidad. Hace una semana les presentaba una colección más de publicidad pero en formato de imagen. Hoy les traigo otra colección pero ahora en formato de video, porque hay también buena publicidad a 24 fotogramas por segundo.

Lo que van a ver en estas publicidades es el intento de las empresas por dar a conocer algo más que su producto, porque ahora se da mucho que se centren en la experiencia más que en la compra en si misma. Disfruten la mejor publicidad del mundo y pasen un buen domingo.

Las albercas infinitas más hermosas del mundo

noreply@blogger.com (Marcos Rivas) — Fri, 27 Jan 2012 07:00:10 PST

Llegamos a un rico viernes en donde lo que estamos buscando es relajarnos un poco para cuando salgamos del trabajo o la escuela. Yo les traigo algunas imágenes que seguro los pondrá a relajar.

El término de alberca infinita surge cuando una alberca se encuentra ubicada en un borde, dando la apariencia de que no tiene un delimitador para indicar que ahí termina la alberca, haciendo que se confunda con el paisaje que hay alrededor. Hoy les presento las albercas infinitas más hermosas del mundo, albercas que están casi en todos los países, y que cada una ofrece su forma única de nadar.

boredpanda

14 bonitos logotipos de animales

noreply@blogger.com (Marcos Rivas) — Thu, 26 Jan 2012 07:00:10 PST

A continuación les presento una colección de 14 bonitos logotipos de animales, donde la imaginación y la creatividad hacen posible que se pueda usar casi cualquier objeto y cualquier animalito para crear un buen logo.

Siempre hay que recordar que si queremos hacer un logotipo la técnica no importa, importa más elegir los colores adecuados, las formas más sencillas, y los elementos básicos necesarios para dar el mensaje, lo demás ya sale sobrando.

Vía designmodo

6 tips para usar íconos en sitios web

noreply@blogger.com (Marcos Rivas) — Thu, 26 Jan 2012 06:00:04 PST

Los íconos, a parte de los sociales, en los sitios web son una buena técnica para adornar y darle presentación a la misma, porque ni son imágenes comunes, ni son pequeños gifs sin fondo. La idea de usar íconos en sitios web es que tengamos una imagen que resalte el tipo de sitio al que el usuario entra, sin embargo también hay que tener consideraciones.

A continuación vamos a ver unos útiles tips para usar íconos en sitios web, consejos sobre dónde colocarlos para sacar el mayor provecho con ellos.

1. Usar íconos en forma de lista

Es muy común ver ahora que los íconos representan una idea, y que si los aplicas a una lista de ideas todo resulta muy bien. La mejor forma de usar íconos en forma de lista es tener una colección de íconos de la misma temática (forma, color, tamaño) para que se pueda entender que es una lista, y no sólo íconos de una colección que pusiste con otros revueltos.

2. Para enfatizar alguna característica

Es muy común que sitios web que vender productos tangibles (que se pueden tocar) pongan fotografías de sus productos haciendo una tarea, pero la gente que vender servicios se las ve un poco más difíciles. Usar íconos para resaltar características de un servicio es una práctica muy útil y funcional, porque le das a entender al cliente una mejor visión de lo que estás haciendo, aún si lo que vendes no se ve a primera vista.

3. Para navegación

Los menús de navegación a veces se ven un poco desnudos o secos con sólo texto por ahí, por eso es buena opción usar íconos para mejorar nuestro menú. La idea es simple, los íconos deben ser de la misma técnica (forma, tamaño, etc) para que se vea congruencia con cada elemento del menú, de lo contrario todo se verá muy amateur.

4. Para llamar la atención

Es muy común ahora ver los sitios web de aplicaciones para el iPhone y iPad, en ellos se ve una vista previa de lo que es la aplicación corriendo en los dispositivos. La idea detrás de esto es usar los íconos de los dispositivos, y ya que estos íconos se ven por si solos bien pues nada más resta añadir nuestra imagen para que el usuario vea lo bien que se ve nuestra app en los dispositivos.

5. Para segmentar las secciones de una página

A diferencia de un menú de navegación tenemos que dentro de una página puede haber varias secciones, más si el sitio es de una página, por lo que necesitas decirle al usuario en qué parte de la página está, ya que tener que hacer mucho scroll tampoco es bueno.

La solución es presentar un menú de secciones, el cuál te de una idea de lo que falta para llegar al final, pero sobre todo, te muestre en dónde estás en ese momento.

6. Como parte de tu header

Un buen header puede hacerse con imágenes, o con logotipos. Los logotipos son más limpios por naturaleza, y tu header lucirá mucho más limpio, pero no por eso tampoco es una opción las imágenes. Usa íconos que expresen la idea de lo que es tu sitio rápido y sencillo, puedes usar muchos de los que hay en internet para usar, o puedes crear el tuyo mismo, pero recuerda que el estilo siempre tiene que ser lo más sencillo posible.

Vía naldzgraphics

Curso jQuery | Aprende a usar ciclos

noreply@blogger.com (Marcos Rivas) — Wed, 25 Jan 2012 08:00:07 PST

Hoy les traigo un tutorial más sobre programación para iniciarse en javascript. Vamos a adentrarnos ya un poco más a lo que es jQuery desde el siguiente tutorial, por lo que hoy acabamos con la programación básica en javascript.

Entonces, a continuación vamos a ver cómo funcionan los ciclos en javascript, así como ya empezar a implementar algunas cuestiones que ya hemos visto anteriormente, como son condicionales y funciones.

Increíble diseño de cama de Facebook

noreply@blogger.com (Marcos Rivas) — Wed, 25 Jan 2012 07:00:02 PST

Estoy seguro que a más de uno le gusta estar en su cama con una taza de café chateando con algún amigo en Facebook, o está de chismoso viendo lo que publican los demás. Pues bueno, a esos adictos a Facebook les presento un diseño de cama de Facebook, el mejor lugar para los amantes de aquella red social, con todo y silloncito para poder sentarse a revisar nuestras notificaciones.

Vía designerscouch

8 increíbles conceptos de íconos para el iPhone

noreply@blogger.com (Marcos Rivas) — Tue, 24 Jan 2012 07:00:05 PST

Apple con la salida del primer iPhone reinventó los logotipos de las apps, porque si recuerdan tiempo atrás la mayoría eran imágenes como los íconos de los sistemas operativos, no como los pequeños cuadritos redondeados que hoy vemos mucho.

Pues bueno, hay quien le ha sacado provecho a este concepto de ícono para poder darle un mejor toque, creando 8 increíbles conceptos de íconos para el iPhone, partiendo de la idea de que las imágenes son redimensionadas a los pequeños cuadritos bordeados.

Cocktail by Michael Flarup

Birdhouse Icon by Bas van der Ploeg

Mobiles App by Isaac Stott

Calendar Icon by Zane David

Appleteiser by John Torres

Scalar iOS Icon by Stephane Reverdy

Business Card App Icon by Sarah Parmenter

Tunesmate App Icon by Zaewan Suh

Vía designfestival

Crear un recuadro flotante en jQuery usando la propiedad offset

noreply@blogger.com (Marcos Rivas) — Tue, 24 Jan 2012 06:00:11 PST

Con jQuery tenemos la posibilidad de usar propiedades que no hay ni en css ni en javascript nativamente. Una de esas propiedades es la de offset(), la cuál nos permite saber la posición de un elemento relativo al sitio, cosa que no se puede hacer de ninguna otra forma, a menos que el objeto sea flotante y muestre explícitamente sus coordenadas.

Lo que vamos a hacer hoy en un recuadro flotante que te sigue conforme bajas la página, algo como algunos anuncios molestos que te siguen, o los recuadros donde ponen botones para compartir contenido.

Nivel del tutorial: Intermedio
Ver ejemplo del tutorial

HTML

Lo primero que tenemos que hacer es tener una capa que va a hacer de cuadro flotante. Para este tutorial hice otra capa en la cuál dentro lleva texto para que podamos hacer scroll a la página, pero no es necesario que ustedes lo hagan, el efecto servirá en su sitio siempre y cuando haya scroll.

CSS

Aquí configuramos los estilos tanto para la capa de texto como para el cuadro flotante. Fíjense que en este caso necesitamos que nuestro cuadro sea flotante para que lo podamos mover sin que altere la estructura del documento. El estilo del texto no es necesario que lo hagan.

jQuery

Por último agregamos el script que nos permite hacer funcionar el cuadro flotante. Lo que tenemos es que usamos la propiedad scrollTop para saber la posición del scroll, y la de offset para saber la del recuadro, entonces con un condicional las comparamos para saber si el recuadro ya no se ve en la pantalla. Si es verdadero movemos el recuadro, y si no lo dejamos intacto. Sencillo.

Si han hecho todo bien ya deberían ver su recuadro funcionando perfectamente. Cualquier duda o comentario no duden en dejármelo en los comentarios

15 sitios web haciendo uso de jQuery Masonry

noreply@blogger.com (Marcos Rivas) — Mon, 23 Jan 2012 07:00:12 PST

jQuery Masonry es un plugin increíblemente impresionante, y ahorita verán por qué. Este plugin nos permite crear una cuadrícula flexible, la cual nos va a permitir entre otras cosas colocar contenido entre columnas con tamaños variables, sin que la estructura total se arruine, todo bien alineado y acomodado automáticamente.

Hoy les traigo 15 sitios web haciendo uso de jQuery Masonry, los cuáles aprovechan esta cuadrícula flexible para mostrar su contenido subdividido pero acomodado a la vez, es impresionante, y tienen que verlo para creerlo.

1. Cutest Paw

2. All Blues

3. Do Whatever It Takes

4. Pattern Tap

5. We And The Color

6. All in My Head

7. Dazed Digital

8. Photography by Koa Metter

9. All Women Stalk

10. Cla-ude

11. Chromeography

12. Fab.com

13. Inspire Well

14. Interview Magazine

15. Veerle’s Blog

Vía webappers

La publicidad vs la realidad de la comida

noreply@blogger.com (Marcos Rivas) — Sun, 22 Jan 2012 08:29:13 PST

Creo que todos somos conscientes de la publicidad no es como la pintan, porque su objetivo es hacer ver a un producto como algo que sin duda vas a querer y admirar por su belleza, funcionalidad o sabor.

Jay Mug publicó unas interesantes imágenes donde compara productos de McDonalds, Jack in the Box, y Taco Bell, en donde aparecen las imágenes de la comida como las venden en televisión, y a un lado aparece la forma del producto en la vida real, viendo que claramente no es como nos lo pintan.

Vía blogvecindad

Apocalipsis en arte de papel

noreply@blogger.com (Marcos Rivas) — Fri, 20 Jan 2012 07:00:02 PST

Alexei Lyapunov y Lena Ehrlich son dos artistas que han creado una forma particular de arte. Lo que ellos han hecho fue armar con papel una pequeña ciudad con muchas hojas de papel, para crear elementos muy buenos y a un detalle también excelente.

A continuación les dejo una muestra de Arte de Papel, y vean que aunque parece sencilo crear algunas de estas figuritas, es más complicado de lo que parece.

Vía fubiz

21 valiosos tutoriales de Photoshop

noreply@blogger.com (Marcos Rivas) — Fri, 20 Jan 2012 06:26:54 PST

A pesar de que ya casi se nos acaba nuestro primer mes del 2012 todavía muchos son los que recopilan lo mejor del 2011, y entre ellos estoy yo ja. Lo que les quiero presentar es una colección que se me pasó ponerles anteriormente; son 21 valiosos tutoriales de Photoshop para crear montajes y diseños.

Los considero de los mejores en el 2011 porque el sorprendente acabado que tienen, a pesar de que algunos si son de estar dándole talacha, muchos son muy sencillos para hacer, y como les digo, se consigue un gran resultado.

Create a Futuristic Bicycle Icon in Photoshop

Design a Detailed Audio Receiver Icon in Photoshop

Design a Conceptual Album Cover in Photoshop

How to Make a Textured 3D Spray Can

Undress a Giraffe in Photoshop

How to Create Feet Shoes in Photoshop

Create an Explosive Flaming Poker Card in Photoshop

How to Develop a Handmade Illustration with Photoshop

Design a Vintage Baseball Card in Photoshop

How to Draw a Classic Electric Guitar in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Design a Retro Postcard with 3D Text

Make a Retro Space Themed Poster in Photoshop

Captain America Shield in Photoshop

Awesome Amp Controls in Photoshop

Dark Knight Rises Poster in Photoshop

“Piece of the Artic” Pie Chart Photo Manipulation

Create a Realistic Blueprint Image From a 3D Object

TYPE THAT’S FIT TO EAT

Vintage Typography Tutorial using Ornamental Styles

Vía designm

30 hermosísimos paisajes en panorámica

noreply@blogger.com (Marcos Rivas) — Thu, 19 Jan 2012 07:00:05 PST

Los paisajes en nuestro planeta son un ejemplo de la perfección de la misma naturaleza, la perfección de la misma creación; y cuando se le aplica que un buen fotógrafo puede captar esa belleza el resultado es por lo mucho muy increíble.

Lo que vamos a ver a continuación son 30 hermosísimos paisajes en panorámica, tomadas con tal grado de perfección que tan sólo de verlas quisieras estar en ese lugar contemplando el ambiente a su alrededor.

Upper West Side NYC

Prospect Park

Night Panorama

Winter in Chicago

Upper Cathedral

Lower Manhattan

Financial District, New York City

Lake Overholser Dam

Harlaxton Manor

Meguro Tokyo

Shinagawa Japan – Hotel View

Panoramic Portofino

San Francisco Skyline

Berkely College

Winery in Napa Valley

Provincetown Massachusetts

Boston Gardens

Helicopter in Flight

Underpass

Panoramic of East Boston

Tokyo – Full Aerial

Shinagawa in Panoramic

Eastern Japan Tokyo Tower

US White House

Garden Snow

HDR Winter Sunset

At the Beach

Snowy Tree Landscape

Morrone United Kingdom

Congress Bridge Panoramic

Vía dzineblog

[Documental] La era del Videojuego

noreply@blogger.com (Marcos Rivas) — Wed, 18 Jan 2012 07:00:04 PST

Algo que me gusta de Discovery Channel son sus documentales de todo tipo, desde naturaleza, espacio, construcciones, imperios, y por supuesto, videojuegos. La era de los videojuegos es relativamente ya grande, lo que se ha hecho en tan poco tiempo es mejorar todo el concepto para mejorar todo, desde la historia, hasta las gráficas y entornos.

Por eso les presento un documental de Discovery Channel sobre la era del videojuego, dividido en 5 partes en donde se abarcan los principios con Atari, hasta la actualidad, y lo que nos espera en el futuro; ya es medio viejito pero vale la pena conocer de la historia de los juegos, sabiendo que hoy es un gran mercado mundial.

10 fuentes estilo retro con ejemplos de aplicación

noreply@blogger.com (Marcos Rivas) — Tue, 17 Jan 2012 07:00:00 PST

Otra colección de fuentes. Muchos me preguntan sobre la diferencia entre tipografía y fuente, y bueno, al menos hasta donde me da a entender mi conocimiento tipografía es la técnica del uso de selecciones de tipos de letra, y fuente es más como una palabra traducida del inglés “font”, aunque debería decirle “tipo de letra”.

En fin, ya con ese pequeño minuto de saber les presento una colección de 10 fuentes estilo retro con ejemplos de aplicación, para que no sólo vean la fuente aplicada en un pequeño cuadro, sino que al final les dejo algunos ejemplos del uso de este tipo de fuentes aplicado a ilustraciones también tipo retro.

Kelvinized

Ballpark

Minotaur

Forty Second Street

Minstrel Poster

Tall Deco

Carnivalee Freakshow

Diner Regular

Mailart Rubberstamp

Parisian

Y bueno, les dejo también algunos ejemplos de lo que pueden hacer si no se dan alguna idea de cómo aplicar estas fuentes retro,

Vía designmodo

Conoce los nuevos cursores con CSS3

noreply@blogger.com (Marcos Rivas) — Tue, 17 Jan 2012 06:00:07 PST

Los cursores en internet han tenido siempre una gran importancia, en especial las aplicaciones, porque es el cursor el que indica el estado, o la acción que podemos hacer, como por ejemplo el puntero para link, o las cuatro flechas para arrastrar, o las dos flechas en dos sentidos para acomodar el tamaño de dos elementos.

Por eso hoy vamos a conocer los nuevos cursores con CSS3, de los cuales también ya podemos habilitar la opción de incluir una imagen propia para tener un cursor personalizado.

Entonces, recapitulando un poco CSS, la propiedad que nos permite usar un cursor es “cursor”

Podemos implementar cualquiera de los siguientes con CSS2

cursor: auto;
cursor: inherit;
cursor: crosshair;
cursor: default;
cursor: help;
cursor: move;
cursor: pointer;
cursor: progress;
cursor: text;
cursor: wait;
cursor: e-resize;
cursor: ne-resize;
cursor: nw-resize;
cursor: n-resize;
cursor: se-resize;
cursor: sw-resize;
cursor: s-resize;
cursor: w-resize;

Dependiendo del sistema operativo el tipo de cursor va a ser diferente en forma, pero se supone que al menos la mayoría de los SO soportan los diferentes cursores de CSS2. Ahora con CSS3 podemos expandir la lista por cursores mucho más útiles para diferente tarea en la que intervenga el cursor.

cursor: none;
cursor: context-menu;
cursor: cell;
cursor: vertical-text;
cursor: alias;
cursor: copy;
cursor: no-drop;
cursor: not-allowed;
cursor: ew-resize;
cursor: ns-resize;
cursor: nesw-resize;
cursor: nwse-resize;
cursor: col-resize;
cursor: row-resize;
cursor: all-scroll;

Los anteriores funcionan con los, navegadores modernos, incluso IE+9 así que no debería ser un problema poder usarlos y ver el resultado.

Algo que si hay que recordar es que al aplicar la propiedad de “cursor” todo el elemento es afectado para que cambie el cursor; para que pudieran funcionar correctamente algunos como los que son para redimensionar tendríamos que programarlos para aplicar estilos dinámicamente.

Finalmente CSSLab elaboró una muy buena página donde podemos ver cada cursor en acción, primero los CSS2, luego los CSS3 y por último los que sólo soportan Safari, Chrome y Firefox, para que le echen un vistazo den clic en la imagen de abajo.

26 de los más frescos y poderosos plugins de jQuery para sliders

noreply@blogger.com (Marcos Rivas) — Mon, 16 Jan 2012 07:00:01 PST

jQuery es un framework que demuestra que tiene la capacidad de realizar cualquier cosa que nos propongamos, y que obviamente podamos hacer. Este es el caso de los sliders, que aunque la idea es la misma, la forma de implementación es muy diferente, y es lo que hace rico a esta extensión de Javascript.

A continuación les presento 26 de los más frescos y poderosos plugins de jQuery para sliders, verdaderamente obras de arte, y algunos con su debido tutorial para que vean el procedimiento de elaboración.

Grooveshark para HTML5 analizado a fondo

noreply@blogger.com (Marcos Rivas) — Mon, 16 Jan 2012 06:00:00 PST

Grooveshark es un servicio en donde podemos escuchar música totalmente gratis. Actualmente está un poco incierto su futuro ya que ha sido demandado por las grandes empresas discográficas, y sin embargo no se rinden por seguir evolucionando.

Como ya se darán cuenta no existe aplicación para smarthphones, excepto para Android, porque viola todos los derechos de derechos de autor, pero como no sólo existe la tienda de aplicaciones para publicar aplicaciones, han lanzado su app en html5, para que de esa forma escuchemos música sin ningún tipo de restricción, y por eso vamos a analizar Grooveshark para HTML5.

Interfaz

El diseño para ser beta es muy sencillo, sólo disponemos de una lista de canciones y en la parte inferior el reproductor. Es muy sencillo de usar. basta con seleccionar alguna de las tres opciones para encontrar música.

A diferencia de la versión para escritorio no hay muchas cosas que podamos hacer mas que escuchar música, y creo que por eso será del agrado de todos.

Funcionalidad

No tenemos log in para entrar a nuestra cuenta, así que es más un buscador de música. Pero no es impedimento para que sirva muy bien la interfaz, puesto que es casi como la de escritorio. Las canciones nos aparecen y dando dedazo podemos empezar a escucharla.

Algo que podría pasar es que al tener sólo un botón el reproductor no se ve la barra de carga de la canción, pero al no tener tantas opciones como red social, o scripts de log ins pues todo lo que baje Grooveshark va dedicada a la canción

Música

El servicio usar Pear to Pear para encontrar las canciones, y sí, al igual que la versión de escritorio vas a encontrar una inmensidad de canciones listas para reproducir, aunque también encontrarás que también muchas no tienen título, lo que siempre ha sido un pequeño inconveniente en Grooveshark.

En general la música está muy bien, hay una sección de Polular donde puedes encontrar lo que la gente más escucha en el sitio, y si no tienes nada que buscar es la mejor opción para escuchar música.

Desventajas

Al ser beta el sitio tiene algunas pequeñas desventajas, u opciones que faltan, entre las que tenemos:

No hay log ins para entrar a nuestra cuenta
No hay red social dentro del sitio, sólo hay música
No se puede ver el proceso de carga de las canciones, lo que imposibilita ver si ya se terminó de cargar la canción
Pocos controles de reproducción, sólo está Pausa y Reporoducir.

En general está bastante bien, y creo que no nos podemos quejar mucho ya que Grooveshark se ha dado cuenta que a las empresas de música no les agrada mucho, pero con HTML5 se darán cuenta que no hay imposibles, y si no aceptan a la aplicación en una tienda de apps, pues tendrán que verla en internet

La mejor publicidad del mundo #13

noreply@blogger.com (Marcos Rivas) — Sun, 15 Jan 2012 09:20:35 PST

Esta semana fue de mucha tecnología, y por tal razón les traigo publicidad de tecnologías interesantes, y uno de Chrome que está muy bueno, así que disfruten mucho de este dominguito con estos videos.

Ilustraciones de súper héroes con un toque de rareza

noreply@blogger.com (Marcos Rivas) — Fri, 13 Jan 2012 07:30:24 PST

Ya viernes, y como muchos a lo mejor ya empieza su fin de semana pues les presento un poco de ilustraciones relacionada a los súper héroes.

A continuación les presento una pequeña galería de ilustraciones de súper héroes con un toque de rareza y además de por supuesto, una forma muy peculiar de presentarlos, un poco para poder ver que con simples formas puedes lograr ilustraciones bonitas pero sencillas.

Juega Cute the Rope en HTML5 gracias a Microsoft

noreply@blogger.com (Marcos Rivas) — Fri, 13 Jan 2012 06:00:10 PST

Esta semana estuvo el CES 2012, un evento donde las grandes empresas de tecnología y electrodomésticos se reúnen para mostrar lo que van a sacar al mercado este año. Microsoft tuvo su última participación, y aunque no dijeron nada que pudiera sorprendernos, si nos presentaron un juego en HTML5.

Cut the Rope es un juego que está disponible para smarthphones, y lo que nos sorprendió de Microsoft es que hubieran logrado trasladarlo al escritorio y con HTML5, algo como lo que hizo Google con Angry Birds. Los más beneficiados somos nosotros y podemos jugarlo ahora mismo, desde el enlace que les dejo después del salto.

En si se supone que es para los que tienen IE9, pero al ser HTML5 funciona perfectamente en cualquier otro navegador. Denle clic a la imagen de abajo para acceder al juego.

Y aquí les dejo un detrás de cámara

21 indispensables podcasts sobre diseño web

noreply@blogger.com (Marcos Rivas) — Thu, 12 Jan 2012 07:00:08 PST

Spyrestudios recopiló hace poco una colección de oro para aquellos que les gusta el diseño web. Se tratan de 21 indispensables podcasts sobre diseño web en iTunes, muchos hechos por los mejores blogs de diseño web en inglés.

Me voy a tomar la molestia de mostrarles después del salto la mayoría de los enlaces, porque de verdad que son una maravilla si te gustan los podcasts. He de aclarar que todos son en inglés pero que mejor que también ir mejorando nuestro inglés también jeje. Los podcasts completos los pueden ver en Spyrestudios, para que chequen todos.

Think Vitamin Radio

Web Designer Podcast

Web Design TV

This Week in Photography

Web Design Tuts+

WebDevDesign

Freelance Radio

37signals Podcast

Founders Talk

Voices of Design

Xcode Quick Tips

jQuery for Designers

Facebook 101

CSS-Tricks Screencast

Pragmatic Podcasts

[Infografía] La historia del Internet

noreply@blogger.com (Marcos Rivas) — Thu, 12 Jan 2012 06:00:02 PST

La historia del internet, como quizá la del universo mismo, siempre me ha fascinado por el alto nivel de complejidad y de perfección con la que trabajan. Hablando propiamente de internet, ahora que estoy estudiando su funcionamiento me ha fascinado el tema, y quise compartirles una infografía sobre su historia.

La infografía que les presento a continuación es sobre la historia del internet, desde la concepción de la idea, pasando por la creación de los protocolos que la rigen, y terminando con algunos datos sobre cómo va evolucionando en nuestro días, para pasar a ser algo indispensable en muchas personas.

[Vía: OnlineMBA.com]

Miniatur Wunderland, la maqueta más grande y realista del mundo

noreply@blogger.com (Marcos Rivas) — Wed, 11 Jan 2012 08:00:03 PST

Miniatur Wunderland es una construcción de modelismo ferroviario, la cuál es la más grande del mundo. Está situada en Alemania y consta de 11 mil metros de via en escala perfecta, ocupando en total la construcción unos1,500 kilómetros cuadrados.

La verdad es impresionante ver el diseño y control que tiene esta maqueta o modelo, y después del salto les dejo una probadita de lo que es y cómo funciona. Verán que el nivel de detalle es muy bueno y casi perfecto en mi opinión, pero como les decía, el control que está detrás de todo es mucho más impresionante

10 increíbles sitios web de una sola página

noreply@blogger.com (Marcos Rivas) — Wed, 11 Jan 2012 07:00:01 PST

Entre los tipos de sitios web que me gustan están los que son de una sola página, es decir, que no necesitas tantos links para conocer todo el contenido del sitio. Me gusta porque para una página la navegación tiene que ser lo que la distinga de los demás elementos.

Si aún no saben cómo funciona un sitio web de una página, o si están buscando más ejemplos de su funcionamiento les dejo 10 increíbles sitios web de una sola página, para que se deleiten de lo que se puede lograr con unas cuantas capas y un poco de programación.

Fandango Media Group

Bennett Feely