1.

Todas las piezas de cartón están esculpidas y pegadas unas con otras a la perfección y eso les da un toque realista.

¿Quieres ver? ¡Disfruta!

Si quieres ver más detalles, visita el sitio web de este gran artista: http://www.chrisgilmour.com/en.workinprogress.html

Fuente: beautifuldecay.com

La misma tecnología que añade muchas características sintácticas nuevas y que es también empleada por Jecgraphic.

A continuación les mostramos una pequeña recopilación de los 5 motores de juego en CSS, JavaScript y HTML.

1.-Clanfx

Es un 2D, desarrollado con Javascript y CSS. En la actualidad trabaja en los navegadores Firefox, Epiphany y Opera. Las características incluyen muchos sprites animados, efectos interesantes en los hechizos, edificios, azulejos, texturas y además la IA del juego básico.

Descarga

2.-CSS Game Engine

Utiliza el lenguaje Javascript y CSS (Cascading Style Sheets); Este proyecto está pensado para principiantes, con ganas de aprender a programar videojuegos. El aliado para crear tu propio juego

Descarga

3.-Effect Games

Una suite que proporciona a los desarrolladores herramientas El software es gratuito, e incluye un gestor de activos, editor de niveles, administrador de sprites, editor de medio ambiente y herramientas de publicación.

Descarga

4.-Entity js

El impresionante motor de juego de javascript, se centra en la flexibilidad, reusabilidad y robustez. Actualmente trabaja en los principales navegadores y muy pronto hará presencia en dispositivos móviles.

Descarga

5.-Gamma js

Es una nueva librería Javascript que puede ser usada para crear juegos de plataformas 2.5D de un navegador web, utilizando el poder de HTML, JavaScript, CSS y WebGL.

Descarga

¿Recuerdas el Ciclado de Color que se utilizaba en los 90s? Era la tecnología que se utilizaba muy seguido en la era de los videojuegos de 8 bits, con ello se obtenían interesantes efectos gráficos ciclando la paleta de colores.

La mayoría de los juegos utilizaban la técnica para animar agua, fuego y otros efectos ambientales. Por desgracia, no más que eso tenía un aspecto terrible,  para ver un ejemplo, basta con ver el agua de este juego:

Sin embargo, los gráficos 2D de píxeles de la antigüedad están haciendo una reaparición en los últimos años, con los dispositivos móviles y los juegos web.

A continuación te presentamos un demo en el cual se implemento el ciclado de color de 8 bits pero en Canvas 32 bits HTML5 en tiempo real.

DEMO

Si deseas descargar el código fuente, es libre para su uso en sus propios proyectos, para descargar clic aquí ( El paquete viene con una imagen de LBM prueba, convierte a JSON. La obra de arte real que se muestra en la demo es de autor, y no se puede utilizar.)

Fuente

Instagram, la aplicación con la que todos los iPhoneros llevan martirizándonos al resto desde hace tiempo, llega a Android.

Los usuarios de Android estamos de enhorabuena, porque por fin llega el momento de disfrutar sin limites: se ha lanzado la versión de Instagram para Android.

Lo mismo ahora que ya no será exclusiva de iPhone, muchos iFanboys dejaran de usarla.

Por si no la conoces Instagram es una popularísima aplicación de iPhone que permite hacer imágenes estilo a las antiguas Polaroid y después compartirlas en redes sociales como Twitter, Facebook o Pinterest, principalmente.

Desde hace unas horas está disponible en Google Play (antes conocido como Android Market) la versión de Instagram para smartphones Android, su peso es de 12.60 MB.

La instalación de Instagram consta de menos de 1 minuto, una vez que se ejecute, nos pedirá que ingresemos o que nos registremos, el registro es muy fácil y breve, posteriormente nos presenta la sugerencia de personas a quienes seguir dentro de Instagram, puedes saltar al siguiente paso donde estará lista la aplicación para que realices la toma de una foto y aplicarle un filtro para transformar la apariencia de tu foto.

A continuación te mostramos una explicación mas detallada con capturas que se llevan acabo para la instalación y uso de Instagram:

Registro o Entrar a Instagram.

Para aquellos que se registren, solo basta con llenar los siguientes campos:

Una vez registrados, nos presenta los amigos sugeridos a seguir, posteriormente seleccionaremos HECHO.

Ahora si, la parte para divertirnos con esta aplicación, en la parte de abajo se encuentran 6 iconos/botones, seleccionaremos el tercero (una cámara) 

Nos saldrán 2 opciones: Cámara o Galería de fotos, si deseamos aplicar un filtro de Instagram a una foto tomada en ese mismo instante elegiremos Cámara, de lo contrario buscamos nuestra Imagen en Galería de fotos.

En este pequeño ejemplo, realizamos la toma de una foto (se puede apreciar que la foto se ve de poca calidad porque fue tomada directamente de la pantalla de un computador) una vez que la tomamos, en la parte de abajo se muestran los filtros que nos permitirá aplicar Instagram.

Ya que elegimos el filtro, seleccionaremos siguiente >>  

Ahora es turno de especificar los detalles de nuestra foto y también de tildar las redes sociales donde queremos publicar nuestra foto, en este caso la compartiremos en Facebook, cabe mencionar que si tildamos Facebook nos redirigirá a la aplicación de Facebook donde nos aparecerá la información y los permisos para Instagram.

Clic en Entrar.

Y ahora sí, ya tenemos tildado Facebook; Para finalizar la carga de nuestra foto y la publicación en nuestra red social favorita, seleccionaremos CARGA. (La opción de habilitar la geolocalización es a su gusto)

Se cargara nuestra foto y el resultado final en nuestra red social es el siguiente:

Al ser publicada, automáticamente aparecerá el link directo de nuestra foto dentro de Instagram, ejemplo:  http://instagr.am/p/JItEAeALz1/

Si deseas descargar esta increíble aplicación desde el navegador entra aquí.

¿La aplicación que se va de la mano con Facebook Insights para las páginas y Google Analytics?

 PinReach (antes PinClout) es un servicio de análisis que ayuda a los usuarios Pinterest medir su éxito en el sitio. Para hacer uso de esta aplicación basta con introducir nuestro nombre de usuario Pinterest, elegir un nombre de usuario PinReach, proporcionar  nuestro correo electrónico y contraseña deseada. Una vez confirmada, se enviará la nueva información de registro a través de nuestro correo electrónico, de esta forma nos permitirá ver la puntuación PinReach (similar a un Klout puntuación) o la influencia que se ha tenido durante el tiempo en Pinterest.

Con esta información, cualquier usuario puede encontrar la manera de incrementar la mejor participación de los usuarios en su página de Pinterest y su influencia global en todo el sitio.

Link: PinReach

El sitio web PinPuff es un servicio similar a PinReach , que permite a los usuarios poder medir su influencia, el alcance y viralidad en Pinterest e incluso asignar una puntuación Pinfluence y mostrar el valor monetario de los pins de los usuarios.

Para hacer uso de ella, solo basta con ingresar en el sitio de PinPuff  nuestro e-mail y posteriormente nuestro usuario Pinterest.

Link: PnPuff

De la misma manera que el panel de Tumblr, esta aplicación permite una navegación fácil y el control claro de lo que está publicado. Pinerly ayuda a agilizar la navegación de Pinterest así como la  publicación y por si fuera poco, nos da el beneficio del uso  fácil con su interfaz al panel de control. De acuerdo con AGBeat , después de sincronizar nuestra cuenta Pinterest con Pinerly, podremos “localizar a otros usuarios Pinterest que están interesados ​​en los mismos temas, los grupos de unfollow pinners que ya no desean seguir y al mismo tiempo ayudara a mantener el flujo de Pinterest concentrado”, además de permitir a los usuarios programar pines durante todo el día y ver qué tanto éxito tienen los pinboards. En la actualidad, Pinerly todavía no está abierta al público, pero si deseas probar Pinerly, entra al sitio web, introduce tu correo electrónico y con un enlace que te mostrarán, comparte a Pinerly a través de Facebook o Twitter, de esta forma podrás ser capaz de obtener tu invitación a unirte antes de lo esperado.

Link: Pinerly

Snapito! es una forma rápida y sencilla de obtener una captura de pantalla de una página de cualquier sitio web que deseemos.

 Incluso tiene una opción que permite fijar una captura de pantalla completa o parcial del sitio directamente a nuestra página Pinterest. Todo lo que debemos hacer es introducir la dirección del sitio web, esperar a que Snapito!  trabaje en generar una captura de pantalla.

Para ponerla hacia nuestra página Pinterest, seleccionaremos “Pin to Pinterest” o “Pin Full Page” estas opciones se encuentran justo en el menú desplegable junto al botón ”Snap!”

Link: Snapito!

Fuente: huffingtonpost.com

Si eres usuario de Windows Phone y Pinterest, esta aplicación sera tu aliada.  

Pinspiration es una aplicación de terceros hecha especialmente para el uso de Pinterest en teléfonos con Windows. La aplicación permite a los usuarios navegar por las imágenes y publicarlas en Pinterest directamente desde sus teléfonos, tal como lo harían en la web. Los usuarios de iPhone pueden descargar la aplicación Pinterest iOS . Los usuarios de Android, tendremos que mantener los dedos cruzados.

Para descargar Pinspiration clic aquí

Tweereal es un mapa que nos muestra la actividad de los usuario de twitter y además en tiempo real.

En el mapa se presentan dos tipos de tweets, unos muestran las coordenadas exactas y los otros muestran las coordenadas con una aproximación de 1° los cuales se visualizan transparentes.

Existe en la parte superior del mapa una opción que nos deja cambiar de vista de mapa a satélite y por si fuera poco hasta con relieve.

Es importante mencionar que en el mapa de tweereal únicamente podemos ver los tweets que contengan geo-tag.

Link de Tweereal: http://tweereal.com

Y la verdad  es que cada día agradezco esa masificación, porque la información está al alcance de todos, y si quieres buscar algo, vas a Google y lo encuentras. Eso ha hecho a personas más informadas que, por ende, pueden tomar mejores decisiones y a los que trabajamos en esto, podemos obtener información actualizada(información al minuto de lo último en diseños, de frameworks, de scripts, de tendencias, etc.), entregando mejores trabajos y de calidad.

Pero hay veces en que esa masificación perjudica a las personas que trabajan en este rubro como los diseñadores, y si bien no soy diseñador gráfico, trabajo con uno, por lo que entiendo la frustración que es ver un trabajo COPIADO que se vende como ORIGINAL. Son muchas las personas que hacen esto, perjudicando a los que hacemos un trabajo serio, lo que lamentablemente no pasa solo en el diseño, sino que también en los medios de comunicación, en los colegios, etcétera.

Esta masificación del COPIADO hace que al existir más competencia los precios bajen, lo cual es muy bueno para el cliente, pero la desventaja es que el producto entregado, lo tendrán 5 mil personas más. Si hacemos una comparación, es como comprar una prenda genérica, con una prenda que te hace una modista, que, si bien la primera sirve,es funcional y obviamente mucho más barata, la segunda, la prenda que te hace una modista, está a tu medida, te verás mejor y no habrá nadie más que la use, lo cual te destacará por sobre otras personas. En términos de marketing, eso es lo que se busca: DESTACAR. Y qué mejor que con un diseño nunca antes visto.

Siguiendo con el tema del diseño original, esto, lamentablemente para el cliente, tiene un costo que puede variar según el diseñador, pero ese costo te garantiza un trabajo bien hecho, a medida del cliente y original, cuyo costo puede ser considerado un gasto, pero los que trabajamos en esto sabemos que un sitio web es una inversión. Se preguntarán ustedes, ¿por qué es una inversión? primero que todo, un sitio web está en línea las 24 horas del día, los 365 días del año a todo el mundo, lo  que implica una oportunidad única a nuevos clientes, además de ser un puente de comunicación con sus actuales clientes.

Quizás todavía piensen que es muy caro cuando vean un presupuesto, pero piensen en un momento de lo que hay que hacer cuando se construye, por ejemplo, un sitio web.

Las fases serían de forma muy genérica las siguientes, según el buen artículo de Pedro Lopez:

Estudio del proyecto

- Estudio de la competencia

- Posibilidades y líneas de de negocio con la web

- Necesidades reales del proyecto

- Pensar en el medio plazo para proveer como puede crecer el proyecto

- Como fusionar lo que tenga esa empresa con lo que va a tener: On-line-Off-line

- Diseño del site

- Estructura y usabilidad del site

- Diseño grafico de todas las paginas

Maquetado

- Hacerlo compatible con los principales navegadores (Explorer 7 y 8, Mozila Firefox y Chrome)

- Pulir el código para dejarlo lo más accesible para Google

- Programación

- Diseñar la bases de datos

- Programar todas las funcionalidades

- Crear y personalizar el BackOffice para que el cliente pueda gestionar los contenidos de la web

Revisión

- Revisar la web una vez montada para ver si se ve bien en los navegadores

- Comprobar que el BackOffice gestione correctamente los contenidos y menús

- Ver que todas las funcionalidades operan correctamente

- SEO

- Estudio e implementación de los mejores títulos, descripciones y palabras clave para cada sección para que Google nos encuentre.

- Informar a Google del alta de la web y alta del Site Map

Otros

- Configuración/integración Google Analytics, FaceBook, Twitter, otros…

- Preparar parte de los contenidos (Fotos, textos, videos) finales de la web y en muchas ocasiones subirlos directamente

- Publicación de la web y nueva revisión general

Por eso, cuando contrates un servicio web, y en el cronograma de trabajo, te aparecen estos pasos, tu sitio web lo más probable es que sea original, si te muestran el trabajo ya hecho, sin preguntarte, te puedes conformar con que 5 mil personas tengan el mismo diseño que tu.

PD: la foto destacada es de Ricardo Tayar, para que después no digan que soy inconsecuente.

Hace unos días publicamos en JecGraphic un artículo sobre los trucos ocultos en Google, pero cabe mencionar que cada vez son más.

En esta ocasión presentaremos un sencillo truco que nos mostrará  el logo de Batman, lo único que debemos hacer es ingresar la siguiente ecuación matemática:

Lo dejaremos más al “copy paste”

2*sqrt(-abs(abs(x)-1)*abs(3-abs(x))/((abs(x)-1)*(3-abs(x))))(1+abs(abs(x)-3)/(abs(x)-3))sqrt(1-(x/7)^2)+(5+0.97(abs(x-.5)+abs(x+.5))-3(abs(x-.75)+abs(x+.75)))(1+abs(1-abs(x))/(1-abs(x))),-3sqrt(1-(x/7)^2)sqrt(abs(abs(x)-4)/(abs(x)-4)),abs(x/2)-0.0913722(x^2)-3+sqrt(1-(abs(abs(x)-2)-1)^2),(2.71052+(1.5-.5abs(x))-1.35526sqrt(4-(abs(x)-1)^2))sqrt(abs(abs(x)-1)/(abs(x)-1))+0.9

Si deseas comprobarlo, entonces a preparar esas neuronas muy al estilo Gaussiano.