¿Os suena el término Booklet? Es posible que no, pero últimamente está pegando fuerte para denominar a los libros de 10 páginas o menos que suelen contener obras de diseño o artísticas, aunque es algo que se viene usando desde hace bastante.
Tras el salto quedan nada menos que treinta muy bien hechos que nos pueden valer de inspiración si estamos pensando en hacer uno de estos, y es que no es sencillo empezar cuando no se sabe dar la primera trazada…
Fuente | DR
Si eres de los que disfrutan con el look Aero de Windows Vista estos iconos seguramente pasarán a formar parte de tu colección por su semejanza con los que utilizó Microsoft en su a la postre fracasado sistema operativo.
Son iconos bastante interesantes que además nos vienen en formato .AI para ser modificados vectorialmente y poder ser exportados a la resolución que nos de la gana, lo cual da una libertad de trabajo increíble.
Eso sí, no son precisamente gratis: 60 dólares todos o 5 dólares por icono. Si queremos calidad a veces toca pagarla.
Enlace | Icons-Land
Aprovecho este post para resolver una duda que preguntasteis hace poco en los comentarios de un artículo:
¿Cuándo es un buen momento para empezar a diseñar completamente con HTML5?
Pues sinceramente, depende del target al que te dirijas. Si no tienes pensado que tus visitantes usen Internet Explorer (ej: página de software Mac) pues empieza ya mismo con HTML5, pero si necesitas que la gente con IE vea tu web será mejor que esperes…
Sobre la entrada, pues tras el salto 48 demos de HTML5 que son una pasada y que merecen ser vistas. Geniales es poco.
Fuente | HongKiat
A comfortable and fantastic animation created with HTML5’s canvas and audio tag.
Being showcased in the last Google I/O event, this demo shows you how dynamic can HTML5 be.
A HTML5-spawned creature that would please you.
With Bomomo, you can observe different atomic movement simulated with HTML5.
Get amazed with this ‘cross-browser’ HTML5 ball.
Have fun by create endless floating bubbles with different color.
A simple and funny HTML5 cartoon that helps you to understand what HTML5’s canvas element can do.
A nice, customizable analog clock built by HTML5 and JavaScript.
View your Flickr’s photos with PS3 style slideshow in the web browser.
An interactive demo that works pretty similar to multi touch interface.
Enjoy the fireworks moment with your preferred gravity and speed, powered by HTML5 and Javascript.
A very beatiful and futuristic HTML5 kaleidoscope.
Sensitive particle animation that reacts based upon your mouse movement.
Another sensitive and outstanding HTML5 demo that shows how nearby elements react with you mouse movement.
Get lost with this wondrous HTML5 nebula.
View all 2D shapes in parallel perspective.
An elegant HTML5 particle animation that can form into your preferred message.
Get lost with this endless spread animation.
A very cool HTML5 starfield animation that would change direction and speed based on your mouse movement.
One click to boom a playing video.
Observe how HTML5’s canvas wave moves by altering its amplitude, wavelength, width, etc.
Impressed by canvas animation? That’s more HTML5’s canvas element can do, and it’s called 3D effect. Developer can rely on canvas element, DOM and JavaScript to create 3D effect, which can later be developed into 3D animation or game.
Have a whole new 3D experience with Flickr’s photostream.
A realistic, HTML5-based cloth simulation.
Observe a monster evolving into a complicated creature, one of its creator is HTML5.
Giant search engine Google is presented in 3D, playable view.
A high quality and realistic ‘3D on 2D Canvas’ showcase.
While HTML5’s canvas element can be used to create animation and 3D effect, it can also be implemented to present mathematical data.
Gnuplot, a data plotting application in HTML5 version.
RGraph provides a wide range of data presentation like bar chart, progress bar and traditional radar chart.
Ultimately, using all possibilities combined by HTML5 and other langauge, one can create interactive application or game that’s close to Flash application.
Witness the brother of Microsoft Paint comes into your web browser, and his father is HTML5.
A scientific application which is built to help you to understand certain earth element’s structure.
Draw interesting cartoon image with this minimal and interactive cartoon builder.
Drag anything you can drag in the demo to show details.
An original HTML5 application that allows you to make some basic drawings that can be saved into different image format like jpeg or png.
Draw whatever you like and see how they react with simulated gravity.
A powerful HTML5 drawing application that enables you to draw and edit your image in the precise manner.
A web application that confirms geographical position of weather-related message acquired from Twitter, thus forming them into a canvas-based ’social weather’ map, quite trivial (as stated by author) but interesting.
You would never get bored if you can keep evading hundreds of HTML5 bullets in next second.
Rebound the ball to break all bricks.
Not quite a game, but it demonstrates how HTML5 can be used to develop First Person Shooting browser game.
How many balls can you dodge to get your winning HTML5 square?
Chain the explosion to achieve the goal, don’t get addicted.
Play Tetris in 3D, top-down view.
Draw item to move the ball to the star, don’t forget about the gravity.
Click, rotate and drop puzzle pieces to solve this HTML5-based jigsaw puzzle.
Slide to the victory, another HTML5 game that’s built to squeeze your mind juice.
Remove certain group to get another group paired in same color and you would eventually be awarded a victory.
One of the most classic game brought back to life by HTML5.
Yet another Tetris game in pseudo-3D version.
De alto contraste, con tonos rojos, blancos, grises y sobre todo muy ligero, así es el Chak Theme.
Es el primer theme para Wordpress que diseñé, lo hice para mi blog personal, y algunos visitantes me dijeron que les había gustado y que les agradaría poder usarlo para su propio blog por lo cual decidí liberarlo y aquí está.
Aquí tienen una captura de pantalla del aspecto del tema (prometo poner un demo después):
¡Todo el theme no mide más que 129KB!, la rapidez de carga es algo que tomé muy en cuenta al elaborarlo.
En fin, es todo suyo, pueden editarlo si quieren pero deben conservar los enlaces de créditos.
DESCARGAR – ChakTheme.zip (77KB)
Sugerencias y peticiones respecto al theme las tomaré en cuenta, también estaré muy atenta por si encuentran algo roto o que no funciona para arreglarlo.
Espero que les guste.
Lo típico por aquí es poner recursos, pero se me ha ocurrido que de vez en cuando puede ser buena idea hacer un videotutorial rápido sobre cosas interesantes que hacer con el Photoshop, y en este caso vamos a ver el típico efecto de grabado de texto.
Yo lo he hecho con una fuente un poco peculiar, pero es aplicable a cualquiera. Muy sencillito, seguro que todos vosotros lo hacéis fácilmente en un par de minutos también. Y es que es una técnica que si la hacéis una vez la domináis para siempre.
Cualquier duda la ponéis en los comentarios, y muy recomendable ver el video en HD en este enlace.
Las peticiones Ajax puestas de moda por Google están al alza en los desarrollos web y de eso no nos puede caber la más mínima duda, pero lo último que se está usando minoritariamente (de momento) son las peticiones Ajax secuenciales mejoradas con Sajax.
Sexy.js es una librería que nos permite manejar estas peticiones de forma mucho más sencilla, actuando como un añadido de jQuery o una librería de Javascript (sin jQuery) con un peso total comprimido de menos de 1 KB.
Si eres de los que te gusta probar lo último te lo recomiendo encarecidamente.
Enlace | Sexy.js
Con la creciente popularidad de los dispositivos multitáctiles que está promoviendo Apple desde hace tres años (MacBook Pro, MacBook, iPhone, iPod touch, iPad, Magic Mouse) hay bastantes aplicaciones que pueden requerir de explicar estos gestos, y para eso sirve este pack de iconos.
Son concretamente veinte iconos que expresan gestos multitáctiles bastante comunes en aplicaciones de este estilo y que nos pueden venir de lujo si estamos realizando una documentación o si simplemente queremos explicar algo en un momento dado para un diseño.
Vienen en PNG, EPS, AI y PDF.
Descarga | Iconos
Fuente | WebResourcesDepot
No es la primera vez que ponemos recopilaciones de páginas que anuncian aplicaciones que están a la venta en la App Store, y es que esa fijación por un diseño sencillo y simple está causando furor en el diseño web para este tipo de páginas.
Tras el salto quedan 34 páginas sobre aplicaciones específicas para el iPad que están genialmente diseñadas desde el más absoluto minimalismo y buen gusto en la mayoría de los casos.
Fuente | WebDesignLedger
Esta de moda sacar reproductores de HTML5 controlables y personalizables mediante Javascript y CSS, y es algo de lo que yo jamás me voy a quejar por la gran variedad de posibilidades que nosotros obtenemos y por lo buena que es la competencia.
FlareVideo destaca por disponer de tres skins distintos por defecto, siendo el mejor el que viene de serie (el mismo que veis en la captura) con su inmensa inspiración en QuickTime X para Mac, y es que es prácticamente igual lo de los controles.
Soporta pre-carga, atajos de teclado y una amplia personalización, así que una de nuestras opciones recomendadas desde ya mismo.
Fuente | WebResourcesDepot
Descarga | FlareVideo
Para celebrar la Keynote de ayer que condujo Steve Jobs voy a poner una infografía que tengo guardada desde hace algún tiempo por el ordenador y que me parece bastante interesante por lo que representa para la gente que se inicia en las infografías.
Como podéis ver tras el salto (es muy grande) todo se basa en las imágenes, alrededor de las mismas gira absolutamente todo el contenido y el texto es simplemente el actor secundario de una gran película que se cuenta desde el diseño y la imaginación.
No os la perdáis porque viene genial.
