El minimalismo es una de las cosas más complicadas de manejar y de saber implementar, especialmente si hablamos de logotipos, dónde últimamente se tiende demasiado hacia lo estrafalario y mucho menos hacia lo sencillo.
Los logos que quedan tras el salto son realmente increíbles porque te cautivan con muy poquito, son lo más sencillo que veo desde hace mucho tiempo y a la par lo que más me gusta, y me temo que si vosotros los véis también os quedaréis cautivados.
Fuente | WDL
Si pensábamos que las invitaciones de boda que vimos hace no mucho eran lo más geek que vimos en materia, estábamos muy equivocados. Pero muy mucho, y es que poco o nada tienen que hacer contra estas invitaciones que os enseñamos.
Una pareja de geeks amantes de los videojuegos tenían muy claro que no querían papel para sus invitaciones y terminaron enviando invitaciones en CDs, con un videojuego dentro. Concretamente las que veis en la imagen. Y en el videojuego, para poder ver la invitación en sí, tenías que jugar a un pequeño juego inspirado en Mario Bros y Donkey Kong, en el que podías jugar con la novia o con el novio.
Así que ahora a ver quien es el aburrido que envía simples invitaciones de papel. Que sosas me parecen ahora.
¿Algo que comentar? [19] Tags: bodas, invitaciones, mario, novios, videojuegos
During the lifespan of a city, certain events take place that cause buildings and areas to become abandoned. With nobody around to provide upkeep or maintenance on the structures of these areas, things begin to fall into disrepair. This is known as urban decay. At first glance, these decrepit environments may seem hopeless. However, through the lens of a camera, a talented photographer can reveal beauty in the most unlikely of places.
Here are 30 incredible examples of urban decay photography. These photos are a great source of inspiration and possess many impressive qualities, including an abundance of interesting textures.
Make sure you click on each photo to see a larger version and learn more about each of the talented photographers behind the cameras.
One of the first things to do when planning out a new website is to work out all of the content that will be in the site. You then divide that up into sections and then into various levels of navigation.
The result is a boring list of links.
That list of links is one of the most important part of your website though, it goes without saying that every visitor to the site will be using them to get around.
In this post we’ve pulled together some of the best designed navigation bars (both horizontal and vertical) to help give you ideas to enhance your own.
A beautiful minimalist menu with fast colors and a compact design.
Sleek looking tabs with drop shadow and a beautiful background pattern.
iPhone style menu for an Iphone app.
Simple, compact and sleek.
Light colors and creative symbols make this menu stand out from the crowd.
Solid colors and simple MouseOver effects make this menu pretty.
A nice multi-colored menu. The tiny green car indicates the current page.
A beautiful black and white themed menu with block fonts.
A simple menu with beautiful contrasting colors.
Another simple, light-colored design with unique tabs.
A black-and-white menu with a transparent effect.
A simple multi-line menu with soft blue colors.
A classy example of a minimalist multi-line menu.
Wide tabs and simple fonts give this menu a pretty sophisticated look.
Another multi-line menu with a great color scheme.
A truly dynamic menu. A thumbnail pops up every time you hover on a menu item.
A cool multi-line menu with the traditional underline effect.
Wide tabs and simple colors.
Another wide-tabbed menu with a transparent effect.
Refreshing use of numbers with each menu item.
Chalk-on-blackboard effect makes the menu casual yet creative.
Another great menu with elegant fonts and nice contrasting colors.
A really creative and unique menu for a DJ.
Pretty colors, elegant fonts and light effects.
Another creative menu with a nice casual look.
Each item in the menu is of a different color when you mouse over it. Really creative and fun.
Another casual sticky-note style menu.
One of the most elegant menus. Nice use of bullets in a minimalist design.
An expandable vertical menu with lots of colors.
A casual arrow and a circle indicates the current page. The casual font also adds to the beauty of this menu.
Every item in this vertical menu turns a different color when you mouse over it.
A black-and-white vertical menu in the shape of a post card.
An elegant, multi-line vertical menu.
Sophisticated fonts and a transparent effect make this menu stand out.
A colorful menu with extra large fonts and symbols.
Another multi-line menu with a nice textured background.
A casual menu with a notebook effect.
Simple and elegant.
A highly dynamic menu with great effects and contrasting colors.
Another vertical menu with a transparent effect.
Every site on the internet has its own menu, which means it’s simply impossible for us to even come close to finding all of the amazing menu designs out there.
What sites have you visited with a menu so nicely done, that you actually paused to look at it?
Ya vimos en dos oportunidades increíbles casas creadas por A-cero. Hoy los invito a conocer una tercera, situada en el río Miera, en España. Tiene nada mas y nada menos (?) que 2.204 metros cuadrados y la idea principal fue combinar de la mejor forma la casa con su entorno natural, incluyendo la vista al río. Los materiales que sobresalen en todos los ambientes son el vidrio, la madera y el cemento.
Windows 7 goza de una buena crítica, sobretodo si la comparamos con el fracaso que ha sido la adopción de Windows Vista por parte de los usuarios y las empresas. Y aprovechando el tirón, en Redmond ya están trabajando para ofrecernos la próxima versión del sistema operativo más usado, cuyo nombre en clave es Windows 8.
Ahora, además de su posible fecha de lanzamiento, nos llega más información de la mano de un empleado de Microsoft; publicada en un blog de MSDN pero borrada al poco supuestamente por la misma empresa. En el artículo, el empleado afirmaba que Windows 8 “será algo completamente diferente a lo que estamos acostumbrados a ver en Windows”.
No sabemos ningún detalle de si habrá un nuevo enfoque para el sucesor de Windows 7, aunque por lo visto tendremos bastantes novedades. John Mangelaars, otro empleado de la compañía, también afirmó en una entrevista que Windows 8 será “impresionante”. El tiempo junto con los lanzamientos para los desarrolladores nos dirá si eso se cumple finalmente.
Vía | Electronista
Asombrados estuvimos con este excelente diseño de ducha “Cocoon” que aparenta indudablemente un tipo de huevo o de buque y que ha diseñado, Arina Komarova.
La ducha no parece que sea muy eficaz ya que de hecho para su presentación la vemos situada en mitad de una estancia que ni siquiera parece un lavabo y es que todo en esta ducha posee un toque muy futurista y distinguido que supongo que hará más función en casas de lujo, así como hoteles.
En el mundo del diseño y el desarrollo web, si bien es bueno tener un buen curriculum en papel para llevar a las entrevistas, es mucho más valorado un buen portafolio. La forma de diseñarlo para mostrarlo al público dice mucho de ti y de tu estilo para trabajar, aquí algunos bastante originales que encontramos en la red:
Joby, un diseñador web en pro de la sencillez y la simplicidad en el diseño; su portafolio hace gala de esta característica. [LINK]
Pisake, diseñador y director de arte Tailandés, su web presenta una forma de navegar diferente y su portafolio(disponible ahí mismo) es totalmente dinámico. [LINK]
Beatriz Carosini, publicista, especialista en diseño interactivo y dirección de arte. Una forma distinta de navegar en Web. [LINK]
Ion Drimba Filho, diseñador y desarrollador Web, muestra sus trabajos en un cubo giratorio. [LINK]
Jeremiah Shoaf, especialista en diseño interactivo y desarrollador en flash. Este diseñador participó en la creación de los banners promocionales para el juego de Avatar. [LINK]
Camouflage has always been a wonder to us.
It allows animals and plants to remain indiscernible from the surrounding environment through deception.
Adopting this concept, a new wave of camouflage artists use special techniques for their photographs that allow them to show people blended into their surroundings.
For each photo, the camouflage artist must meticulously design a new camouflage suit in order for the effect to work.
This article features the work of two prominent camouflage artists: Liu Bolin and Desiree Palmen. See if you can find the people in these photographs…
Liu Bolin is a Chinese artist who creates art in protest to the actions of the Chinese government, who shut his studio down in 2005. He will work on a single photograph for up to ten hours, and often pedestrians will not notice him until they actually run into him.
F
Desiree Palmen is a talented Dutch artist who also uses photography to produce her camouflage art. She patiently paints the camouflage on by hand on cotton suits, matching them to the background.
Which ones did you like best? What do you think of this type of art?
If you find an exclusive RSS freebie on this feed or on the live WDD website, please use the following code to download it: J3di9K
En esta entrada hablaré de 5 propiedades para CSS2 muy sencillas de utilizar, y que os sorprenderán de lo útiles que pueden llegar a ser. Estas propiedades son perfectamente compatible con la gran mayoría de los navegadores. Las propiedades que analizaré son clip, min-height, white-space, cursor y display. Allá vamos:
Esta propiedad es como una máscara, que te permitirá recortar un área del elemento. Puedes especificar la posición del elemento a absolute. Después, especifica los valores relativos top, right, bottom, y left del elemento.
El siguiente ejemplo te muestra como recortar una imagen usando la propiedad clip. Primero, especifica el elemento <div> a position: relative. Después, especifica el elemento <img> a position: absolute y los valores rect que quieras.
.clip {
position: relative;
height: 130px;
width: 200px;
border: solid 1px #ccc;
}
.clip img {
position: absolute;
clip: rect(30px 165px 100px 30px);
}
En este ejemplo os enseñaré como cambiar el tamaño y recortar imágenes. Cogemos por ejemplo una imagen con formato rectángulo. Si deseamos escalarla al 50% para crear una galería de miniaturas en formato cuadrado, usaremos la propiedad width y height para cambiar el tamaño de las imágenes y recortarlas con la propiedad clip. Después, usaremos la propiedad left para mover 15 píxeles la imagen a la izquierda.
La propiedad min-height te ayuda a especificar la altura mínima de un elemento, muy útil cuando estás ajustando el tamaño del diseño. He hablado anteriormente de ella para que sea compatible con IE.
.con_minheight {
min-height: 500px;
}
Aunque os he mostrado anteriormente el enlace para que funcione en IE, aquí os muestro el hack:
.con_minheight {
min-height:500px;
height:auto !important;
height:500px;
}
La propiedad white-space nos ayuda a controlar los espacios en los elementos. Por ejemplo, si especificas white-space: nowrap, el texto se ubicará en la línea siguiente.
em {
white-space: nowrap;
}
Puedes cambiar el tipo de cursor que deseas mostrar. Por ejemplo, cuando un botón esté desactivado, el culsor será cambiado al de defecto para indicar que no es un botón funcional. Así que la propiedad cursor es muy útil para desarrollar aplicaciones web.
cursor: default;
}
.busy {
cursor: wait;
}
.clickable:hover {
cursor: pointer;
}
Con la propiedad display: inline o display: block, podrás alinear 2 bloques de elementos en una sola línea, aunque sean distintos. las etiquetas <h1><div> y <p> son ejemplos de bloques de elementos. Ejemplos de etiquetas en línea son <span>, <em> y <strong>:
.bloque em {
display: block;
}
.inline h3, .inline p {
display: inline;
}
Artículos relacionados
Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:
