martes, 21 de diciembre de 2010

logotipos en Andaluz; un poquito de humor.

Logotipos en andaluz

CSS Barcelona

Client Contest 2010 en Galeria CSS Barcelona
http://www.cssbarcelona.com/

New form features in HTML5

Introduction

HTML5 includes many new features to make web forms a lot easier to write, and a lot more powerful and consistent across the Web. This article gives a brief overview of some of the new form controls and functionalities that have been introduced.

Romancortes

CSS3 Page FlipPagi

Blog de Roman cortes con intresantes efectos y jquerys.

http://www.romancortes.com

Javascript Radial Blur

Click here to see the effect
(versión en castellano abajo)
This effect is a radial motion blur coded in Javascript. Since it uses the canvas element, it requires the latest browser versions and does not work in any current version of Internet Explorer.
The radial motion blur algorithm in this effect is a fast one that uses feedback for blur propagation. The most complex thing I did here was the speed optimization. Even if the effect is somewhat simple to code, it is not an easy task to make it fast enough to be realtime in Javascript for the current browsers and computers. It is working fast in the current versions of Safari and Chrome, not that fast, but enough in Firefox, and slow in Opera.
There are some interesting Javascript speed optimization methods on this. Please take a look of the source code if you are interested. If you want further explaination, please leave a comment and I will try to explain it in a new post.
Castellano
Este efecto es un difuminado radial de movimiento (me suena fatal esta traducción que he hecho, pero la verdad es que no estoy muy seguro de cómo podría llamarse en castellano) programado en Javascript. Usa el elemento canvas y por tanto requiere las últimas versiones de los navegadores. No funciona en Internet Explorer.
El algoritmo de difuminado que he usado para este efecto es uno rápido que usa realimentación para la propagación del difuminado. Lo más complejo fue la optimización de velocidad. Pese a que el efecto es relativamente simple, no es fácil conseguir que sea en tiempo real en Javascript en los ordenadores y browsers actuales. Está funcionando rápido en Safari y Chrome, suficiente en Firefox y lento en Opera.
Hay varias optimizaciones de velocidad para Javascript en esto. Si estáis interesados, por favor, mirad el código fuente. Si necesitáis que lo explique, dejad un comentario e intentaré explicarlo en un próximo post.
10 Comentarios Etiquetas

Moleskine Cuaderno conjQuery Booklet

Ese Jquery es ideal para mostrar trabajos en tu web de manera original.
Realizado enteramente en Jquery.

http://tympanus.net/Tutorials/MoleskineNotebook/

viernes, 10 de diciembre de 2010

Crear una plantilla web profesional (paso a paso)

In this Photoshop tutorial we’re going to learn how to create a web 2.0 layout, As we go through the tutorial we’ll deal with so many Photoshop techniques. Seems kind of long? that’s because it’s very detailed. I assure you’ll find easy to follow and to get done, just give it a try!


sábado, 4 de diciembre de 2010

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3



Vertical Sliding Panel With jQuery And CSS3 

More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons.
Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. It depends on the project. To see what I mean by ‘horizontal sliding panel‘, go have a look at my other site Design-Newz, and click on the ‘want more‘ button that’s on the right above the navigation bar.

lunes, 22 de noviembre de 2010

domingo, 14 de noviembre de 2010

Firefox cumple 6 años

firefox-6-cumpleanos.jpg


Un nueve de noviembre, hace seis años, apareció en la vida de todos un navegador que con el paso del tiempo se ha convertido, para muchos, en una pieza indispensable de su repertorio online. Estamos hablando de Firefox, que esta semana ha estado de cumpleaños y por le dedicamos este pequeño artículo en Genbeta.
Aunque la fundación Mozilla tiene ya 10 años, no fue hasta el cuarto de su existencia que se decidió a lanzar su propio navegador. Uno que, independientemente de los gustos personales, ha dado un “pequeño” empujón al mercado de los navegadores y contribuido a su innovación.
Con un 31% de cuota de mercado y 150 millones de usuarios en la actualidad, Firefox ha tenido sus altos y bajos durante todos estos años. De todas formas seguro que muchos hemos utilizado alguna de sus versiones durante este tiempo y para los nostálgicos, dejamos al final de este artículo un enlace para descargar la versión 1.0 del navegador del zorro.

Webmaizer, un buen sitio para pasar el rato

Webmaizer
¿Tienes el ordenador encendido y no sabes qué hacer? Una alternativa es apagarlo y hacer algo productivo. Pero si no tienes nada productivo que hacer, en Genbeta te traemos Webmaizer, un buen sitio para pasar el rato.
Al estilo de StumbleUpon, Webmaizer nos lleva por diferentes webs que recomiendan los usuarios. Cuando pulsemos “Bored”, nos aparecerá una página aleatoria que podremos calificar como buena o mala. Podemos navegar entre las páginas con los botones de “Next” y “Previous”, y también podemos sugerir nuestros propios sitios web.
Desde luego, un buen sitio si estás aburrido frente a la pantalla sin nada mejor que hacer.

Sitio oficial | Webmaizer

miércoles, 10 de noviembre de 2010

La nueva página web oficial del Congreso

Patada en la boca a los estandares web por parte de la nueva página web del Congreso.

congreso92.jpg

Flickr se hace más social que nunca y permite el acceso con cuentas de Google

flickr
Dos son las novedades que nos llegan de nuestro servicio de alojamiento de imágenes gratuito: flickr.
Por un lado, la introducción de OpenID ofreciendo la posibilidad de creación de una cuenta de Flickr mediante cuentas en otros servicios, como Google. Así, los usuarios del gigante informático pueden registrarse enlazando su cuenta de Google con Flickr y realizando una única verificación en el servicio de Yahoo.

www.subeconedurne.com, finalista en los premios a la mejor web 2.0 del Diario Vasco

Seguros Lagun Aro diseñó esta web, que incluye una aplicación de Realidad Aumentada, para apoyar a Edurne Pasaban La web www.subeconedurne.com diseñada por Seguros Lagun Aro dentro de su patrocinio a Edurne Pasaban, es una de las finalistas en el concurso a la mejor web guipuzcoana que organiza todos los años el periódico el Diario Vasco. En concreto, es una de las tres aspirantes al galardón a la mejor web 2.0.
Este site, desarrollado por Arista, incluye una aplicación de Realidad Aumentada que permitía a los internautas sentir en la palma de su mano el Shisha Pangma en 3D, conocer el punto exacto en el que se encontraba la alpinista y enviarle mensajes de apoyo y cariño.

Un jurado formado por profesionales pertenecientes a diferentes ámbitos relacionados con Internet elegirá la web ganadora. Además, el concurso está abierto a los internautas a través de http://premios.diariovasco.com/cas/finalistas.htm, de tal forma que la web más votada de entre todas las finalistas, recibirá un premio especial del público. El plazo para poder votar finaliza el próximo 7 de noviembre.

Seguros Lagun Aro lleva tiempo apostando por implantar una cultura 2.0 en su compañía, tanto de forma interna como externa, a través de diferentes iniciativas: webs, perfiles en redes sociales, etc.

SUBECONEDURNE

Los internautas a la SGAE: "En España 50 DVD cuestan 22 euros y en Alemania 5,99"

 
Los internautas a la SGAE: "En España 50 DVD cuestan 22 euros y en Alemania 5,99"  (Imagen: EP)


La Asociación de Internautas ha respondido a las últimas declaraciones de Teddy Bautista. En su comunicado la asociación presenta casos que contradicen la opinión del presidente de la SGAE. También declaran como un acto de justicia la sentencia sobre el Canon Digital.

Las declaraciones de Teddy Bautista, en las que afirmaba que "no hay diferencia de precios entre los productos en países donde hay canon y los que no lo tienen", son el principal motivo de réplica por parte de la Asociación de Internautas. En un comunicado oficial, la asociación presenta un caso práctico donde se aprecia que sí existe diferencia en los precios.

martes, 9 de noviembre de 2010

Windows Phone 7: 40.000 teléfonos vendidos en EEUU, con 2.000 aplicaciones disponibles

Windows Phone 7: 40.000 teléfonos vendidos en EEUU, con 2000 aplicaciones disponibles
Van llegando las primeras estadísticas de un sistema tan joven como Windows Phone 7, tanto de ventas como del estado de Windows Marketplace. Realmente es demasiado pronto para sacar conclusiones importantes, pero al menos es curioso ver cómo empieza la cosa.
En primer lugar tenemos información del número de aplicaciones disponibles en Estados Unidos, con una cifra cercana a las 2000, entre las cuales encontramos los principales clientes de redes sociales o juegos. La cosa promete subir bastante con 13.000 desarrolladores trabajando.
La cifra es exactamente el doble de lo que Microsoft había estimado hace justo un mes, y es que si tenemos que fijarnos en el interés de los desarrolladores, el nivel es alto: el SDK de Windows Phone 7 ha sido descargado más de medio millón de veces.

lunes, 8 de noviembre de 2010

Paginas Web Dignas de ser vistas por su diseño



La piratería en España alcanza valores insostenibles


Con esa frase se inicia la nota de prensa distribuida por aDeSe en la que anuncian los resultados del primer Observatorio de piratería y hábitos de consumo de contenidos digitales en España presentado por La Coalición de Creadores e Industrias de Contenidos. El valor total de los contenidos pirateados según este observatorio en nuestro país ascendió a 5.121 millones de euros en el segundo semestre de 2009, más de tres veces el valor del consumo legal.


Imagen

domingo, 7 de noviembre de 2010

365 PSD un psd cada dia

365psd 

¿Cuántas veces hemos visto iniciar un proyecto haciendo X durante todos los días de un año? Uno de los que mejor recuerdo es Sketch-A-Day [en] (que veo que no va muy al día). Uno de los últimos en llegar a mi bandeja de correo es el de 1 Day = 1 Sketch de Emiliano Enriquez. Y hay que echarle valor para embarcarse en semejante travesía.
El que me traigo esta vez no requiere tampoco mucho esfuerzo por nuestra parte y además tiene premio. Se trata de 365psd un website que nos ofrece en formato descargable un archivo para : un botón, unos iconos… Bon profit!

365psd [en]

jueves, 4 de noviembre de 2010

Montajes Inspiracion

Inspiration Photos 2

Inspiration Photos

Best Bookmarks: Creative Retouching by Studio Furia

Creative Retouching by Studio Furia

source: Best Bookmarks


Sent by sergioreya@hotmail.com using Meebo. This sender's email address has not been verified.

Advanced Photoshop

Hoy traemos la web de Advanced Photoshop. Este nombre corresponde a una publicación editada en el Reino Unido y que trata el tema del diseño digital. Tengo ganas de echarle un ojo a ver que tal está porque la verdad tien muy buena pinta.

Ademas la web tiene una tienda online donde comprar libros dedicados a Photoshop, pintura digital, Macs, Iphone, etc.

Eso si todo en ingles, asi que si no dominais la lengua de Shakespeare está dificil.

Advanced Photoshop

miércoles, 3 de noviembre de 2010

Technorati. El buscador de blogs


Technorati se ha convertido en el buscador más popular orientado al mundo Blog y más allá de la utilidad de estas 10 funcionalidades, me parece interesante el artículo porque te anima a moverte por Technorati y a familiarizarte con él. Para un par de funcionalidades se requiere registro; es muy sencillo y lo puedes hacer desde aquí:

We Bleed Design


 Un ejemplo de diseño original de CSS es esta web. Se trata de el portafolio de Bryan Katzel. Me encanta el efecto que consigue jugando unicamente conel fondo. Sin más preambulos os dejo el link.

  Webleeddesign

martes, 2 de noviembre de 2010

Fast Rollovers Without Preload

When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). We've got one image for each state (normal, hover, active, visited etc). Putting all states into one image makes dynamic changes faster and requires no preload.
Let's have a simple example. The menu items are the a-elements with display:block. Proper padding and background image for a, a:hover and a:active make the rollover. To simplify the rollover, I used only one picture containing three states of a button — normal, :hover, and :active.

rollover background image

Fig. 1: Three states together in one image
Usually, in CSS rollovers, we use background images in this way:

#menu a {
   ...
   background: url("button.gif") top left no-repeat;
   }
#menu a:hover {
   ...
   background-image: url("button-over.gif");
   }
#menu a:active {
   ...
   background-image: url("button-active.gif");
   }

/* etc... */
Using one common picture, we don't need to change the background image. We just change its background-position. The :hover state will use the background image moved proper count of pixels (in the example the shift is 157px to the left), the :active state will use bigger shift (by 314px in the example).

#menu a {
   background: url("button.gif") 0 0 no-repeat;
   ...
   }
#menu a:hover {
   background-position: -157px 0;
   ...
   }
#menu a:active {
   background-position: -314px 0;
   ...
   }
That's all. Just one image is used. No preload is needed. State switching is as fast as possible (moving background position is much faster than replacing background image). AFAIK, it works in every CSS2 capable browser (IE5+, Mozilla, Opera, Safari etc.)

Animaciones CSS 3 con Sencha Animator

Sencha Animator

Ahora que ya es oficial el anuncio por parte de Adobe de su opción como editor de animaciones basadas en el nuevo estándar HTML y propiedades CSS3, Adobe EDGE (nombre que por cierto comparte con su más que recomendable Newsletter Edge [en]), me gustaría reseñar rápidamente Sencha Animator.

Viene a ser una herramienta que nos permite también trabajar en una especie de “línea de tiempo” y realizar animaciones de una manera mucho más intuitiva que si picamos el código directamente. A los que habéis animado en Flash y programas similares seguro que la tarea se os hace más llevadera ¿He dicho que es gratis? Bueno, hace falta registrarse para tener un nombre de usuario pero creo que para trastear merece la pena.

Sencha Animator

miércoles, 27 de octubre de 2010

11 Great Photoshop Photo Effects Tutorials

I’ve tried to collect a few photo effects tutorials that are very much centred around one subject rather than a complete photo manipulation. If you don’t like the finished product I’m sure you’ll find some cool techniques to do certain effects in these tutorials.
Texture Lovers has some great free textures for use in your photo manipulations too.

How to Turn Humdrum Photos into Cinematic Portraits

cinematic-photo-effect

martes, 26 de octubre de 2010

Los 50 mejores Magazines de Diseño Online

Online magazines, dealing with the topics, related to design in general and to web design in particular, are developing rapidly, gaining the popularity among the growing audience of designers and graphical artists. All of these design magazines have, actually, one similar goal – to provide information on a vast array of topics, related to designing. CRUZINE has already earned its reputation as a new yet progressive, innovative and rapidly growing online media within the world of design magazines. Daily we are working hard to find, gather and offer our readers an immense amount of graphic showcases, galleries, tips, and freebies to make their professional work easier and their visual designs better.
Now, we want to present you, our dear reader, with the top 50 list of other design-related magazines, which are, definitely, worth of your attention. The projects, listed below, are the best of the best sources, where designers from around the globe get their daily dose of fresh information, inspiring designs, and creative ideas. So, here they are: 50 the best online design magazines.

Abduzeedo

Abduzeedo

Flash 10.1 hace nuevos amigos: llegará a Windows Phone 7, BlackBerry, webOS y más

Flash en Windows Phone 7 y BlackBerry
A pesar del arrastre que ha conseguido HTML5 en móviles, los de Adoble siguen sin darse por vencidos con Flash, y todavía hacen esfuerzos para popularizar esta tecnología en los smartphones. Si hace un tiempo llegaron a un acuerdo con Google para integrar Adobe Flash y AIR en Android, ahora acaban de anunciar en una nota de prensa que Flash pronto estará disponible para casi todas las plataformas móviles existentes, incluso las que están por venir.
Específicamente, el anuncio menciona a Windows Phone 7, BlackBerry OS (incluyendo el sistema operativo del tablet BlackPad), HP webOS y Symbian. Además, dicen que están trabajando en sendas versiones para MeeGO y LiMo, a pesar de que ambos sistemas operativos todavía no salen al mercado.
Lo malo es que no dicen nada respecto a fechas, por lo que está la posibilidad de que algunas cosas se queden solo en vaporware. Pero en caso de que sí lanzaran todas las versiones de Flash que anuncian, bien podrían acallar las voces que le anuncian la muerte en los próximos años. Tampoco se trata de que “quieran acabar con HTML5”, ya que está quedando claro que Adobe está empezando a aceptar esta tecnología como parte del futuro de la web.
Lo más probable, en mi opinión, es que tengamos un futuro donde ambas tecnologías coexistan de forma complementaria.

lunes, 25 de octubre de 2010

Adobe Rome ha sacado su nueva beta.

Adobe ROME es un proyecto que ya lleva muchos meses circulando en algunas de las conferencias que Adobe imparte pero es desde ahora cuando podemos acceder a una beta pública para trastear y ver cómo funciona.

No deja de ser una opción nueva en lo que a creación y publicación de contenidos se refiere. Pero no al estilo CMS sino más bien interpretándolo como una aplicación de diseño más al estilo Photoshop o Fireworks.

No le he dedicado el tiempo suficiente para hacer una extensa review pero no me ha parecido plato de mal gusto la verdad. Sí que tarda en “responder” si usas la aplicación web y no la de escritorio pero me ha gustado la sencillez de uso y lo limpio de la interfaz.

Os dejo el enlace al anuncio oficial en el que se encuentra un pequeño vídeo de presentación de la aplicación.

Iluminando en 3d Studio Max

Como iluminar correctamente con 3d Studio MAX.

Carta abierta a la Ministra

Recientemente el Ministerio de Medio Ambiente y Medio Rural y Marino ha convocado un concurso de diseño para crear un eslogan y un logotipo para las acciones que el Ministerio haga en la lucha contra el cambio climático. Ya hace tiempo que desde la asociación redactamos un manifiesto para reivindicar que los concursos de diseño jueguen limpio con los participantes. Puedes consultarlo aquí.
Cuando detectamos un nuevo concurso que va en contra de la profesión lo comunicamos a los responsables vía correo, pero como vemos que siguen apareciendo hemos decidido publicarlas en el blog para hacer el máximo de difusión. Sé bien libre de difundirlo.
Carta abierta a la Ministra de Medio Ambiente y Medio Rural y Marino, Rosa Aguilar

domingo, 24 de octubre de 2010

Firefox ya es el más rápido en interpretar Javascript



El motor de Javascript de Firefox se pone al día

Mira el gráfico. Si en verano el motor de Javascript de Firefox era el doble de lento que la competencia más directa, hoy ya podemos decir que se ha puesto al día, incluso superando a Chrome y Safari. Estas mejoras lo han conseguido a través de optimizaciones incrementales en dos projectos paralelos: Jägermonkey y Tracemonkey.

Tracemonkey es un viejo conocido, es el primer compilador al vuelo que introdujeron allá por Firefox 3.5, y en el que pusieron muchas esperanzas. Sin embargo tiene algunas carencias. Mientras el primero solo optimiza bucles, mientras que otros compiladores más genéricos (Nitro/V8) pueden optimizar casi cualquier cosa. Jägermonkey es la aplicación de esas técnicas copiadas de esos motores, activándose cuando Tracemonkey no puede aplicarse.

Si bien en algunos tests aún sigue Firefox por debajo, se puede decir que ya se ha puesto a la altura de la competencia. Firefox 4 será muy rápido, y seguro que el resto de navegadores sigue mejorando con buena marcha. En un escenario en que hay hasta tres excelentes motores de Javascript totalmente de código libre, las optimizaciones que implementen unos acaban llegando a los demás tarde o temprano. Bien por todos.

miércoles, 20 de octubre de 2010

Apple lanza iLife'11



Entre otras novedades, Apple acaba de presentar iLife’11, la nueva versión de su suite de aplicaciones que la empresa incluye en todos sus ordenadores por defecto. Como siempre, con este nuevo iLife tenemos nuevas versiones de iPhoto, iMovie, Garageband, iDVD e iWeb. La presentación se ha llevado a cabo en el complejo de Cupertino de Apple, y la ha llevado a cabo el consejero delegado de la compañía Steve Jobs.

Tutorial surrealista con un libro y una mesa.


Hoy traemos un tutorial de como crear un efecto surrealista con un libro y una mesa.

10 Amazing Photoshop Tutorials You Should See


Ver los tutoriales

 No tengo palabras para describir las fotografías de Mitch Dobrowner así que no digo nada. Os dejo con su trabajo.

Mitch Dobrowner Web

Como hacer una mascara con Photoshop CS4



Es muy facil

Crack



Spot de Lays con Messi

martes, 19 de octubre de 2010

Esto se acaba: todas las direcciones IPv4 disponibles estarán ocupadas a principios del 2011



Lo que antes parecía un asunto lejano se ha convertido más rápido de lo que esperábamos en algo de lo que hay que ocuparse cuanto antes: Más del 95% de las direcciones IPv4 ya están en uso (en el vídeo aparecen más direcciones libres, pero por su antiguedad), lo que significa que quedan alrededor de 80 millones de direcciones IP disponibles para ser asignadas. Con los tiempos que corren en los que cada vez más dispositivos se conectan a internet, 80 millones de IPs libres no es nada.

lunes, 18 de octubre de 2010

SEPT. Diseñador de Mongolia

Hoy traemos los diseños de SEPT ( Ankhbayar a.k.a Sept) un diseñador nacido en Mongolia con un estilo muy personal.

Ir a la web de SEPT

GAP se equivoca con su nuevo logo.


Hemos aprendido mucho en este proceso y tenemos claro que en este asunto no hemos actuado de forma correcta". Así asumía Marka Hansen, el presidente de GAP para la zona de América del Norte, el fallido cambio de imagen que ha tratado de poner en marcha la multinacional textil. Una renovación que, al menos hasta el momento, sólo ha provocado disgustos.


La rival californiana de Inditex ha comprobado en carne propia que las redes sociales pueden ser -y son- al mismo tiempo un aliado y un enemigo. Permiten tener contacto casi permanente con el público objetivo, pero también pueden convertir en pólvora mojada cualquier estrategia corporativa. Y con ello, dar al traste con multimillonarios presupuestos de marketing y publicidad. No en vano, el grupo estadounidense valora su propia marca en unos 4.000 millones de dólares (alrededor de 2.866 millones de euros).

La compañía textil, también propietaria de Banana Republic y Old Navy, anunció a bombo y platillo hace sólo una semana, con Facebook y Twitter como plataformas, que iba a renovar su imagen corporativa: abandonaba su tradicional logo azul con letras blancas por otro cuyas letras, negras y redondeadas, quedarían enmarcadas a la izquierda por un pequeño cuadrado azul. "Ha llegado el momento de cambiar, pero estamos abiertos a recibir propuestas", proponía GAP el pasado 4 de octubre a través de las redes sociales. Y los usuarios de Facebook y Twitter no tardaron en hacer públicas sus opiniones. Algunas muy críticas con los máximos responsables de GAP por tratar de poner en marcha un cambio, a juicio de muchos clientes, completamente innecesario. Otros simplemente consideran que el fallido logo era demasiado "simple" y "poco inspirado" para una empresa que debe tener el diseño como una de sus máximas prioridades.


Pero el traspié de GAP puede ir más lejos. Algunos internautas han puesto en marcha una web donde proponen crear el peor diseño de marca posible aprovechando los nuevos, pero nunca utilizados, caracteres de GAP. "¿Por qué pagar por un caro cambio de marca?", propone la web. "Hemos visto y escuchado todos los comentarios realizados la pasada semana y el respaldo al logo azul, así que decidimos recuperarlo", justificaba finalmente Hansen.

Fuente: Europapress