Chrome Experiments (by Google)

Hace un tiempo, navegando por ahí, me encontré un sitio llamado Chrome Experiments, y cuando vi lo que había ahí, me he quedado asombrado.

Resulta, que es un sitio en donde existe una galería con aproximadamente 115 ejemplos web que utilizan tecnologías como HTML5 y Javascript.

Dichos ejemplos corren sobre navegadores de última generación, como por ejemplo Google Chrome.

Si a ti te gustan este tipo de tecnologías, deberías de darle un vistazo a todo lo que puedes realizar.

Los ejemplos son muy variados, como videos corriendo en HTML5, aplicaciones para dibujar tipo paint, juegos, animaciones, gráficadoras.

Pero, por qué motivo realizaron esto, aquí les dejo un fragmento del porque:

“We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat’s meow – which is an American expression meaning AWESOME.

In light of these deeply held beliefs, we created this site to showcase cool experiments for both JavaScript and web browsers.

These experiments were created by designers and programmers from around the world using the latest open standards, including HTML5, Canvas, SVG, and more. Their work is making the web faster, more fun, and more open – the same spirit in which we built Google Chrome.”

Por cierto, si tienes algo hecho de este tipo, o estás experimentando con algo similar, puedes enviarselos, y posiblemente lo agreguen a la galería.

Continuar leyendo...

Tutorial de HTML en inglés y español

Si eres nuevo en esto de las páginas web y quieres empezar por conocer lo más básico de programación web te recomiendo estos tutoriales en línea.

 

Uno es el de w3school que te lleva paso por paso a profundizar en el tema en el idioma inglés, desde la explicación hasta ejercicios que podrás ir aplicando.

El otro es el tutorial de desarrolloweb dirijido por el español Rubén Álvarez, que por medio de capítulos, ejemplos y videos tutoriales te explica detalladamente en qué consiste HTML.

Te recomiendo que también te metas a conocer un poco más de XML Y XHTML. No son muy largos y te irá abriendo el campo de conocimiento de este lenguaje básico web.

XML, XHTML en español

XML, XHTML en inglés.

Suerte.

Irina Delgado

Continuar leyendo...

Nueva presentación en Google Images

A partir del 20 de Julio del 2010, en el sitio de Google.com/images hay una nueva presentación al buscar imágenes.

Algunos cambios que ha sufrido el sitio:

- Al mostrar los resultados de la búsqueda ya no muestra el título de la imagen, ahora hay más espacio para mostrar más imágenes, un hover pane al pasar el mouse por una imagen, la vista previa de las imágenes es más grande.

- Te muestra hasta 1000 fotos en la misma página, solo necesitas hacer scroll.

- Al hacer clic en una imagen te manda a una nueva página.

Y también siguen todas las características que ya existían,  búsqueda por color, búsqueda por tamaño, búsqueda por tipo de imagen entre otras.

Por el momento esta nueva presentación de imágenes está solamente disponible para google.com en inglés, esperemos que pronto incorporen estos cambios a google.com.mx. Siempre pasa que los cambios se van adaptando poco a poco, así que no comamos ansias, pronto nos tocará.

A mí en lo personal me ha gustado mucho más está nueva presentación de Google images, es mucho más fácil y rápido encontrar una imagen en específico, me gustó también que te muestre la gran mayoría de las imágenes en una misma página, ¿A ustedes qué le parece está nueva presentación, qué les ha gustado más?

-Samuel S.

Continuar leyendo...

Editores online: Todo va para la web

En el capítulo anterior de Todo va para la web expresé mi opinión acerca del futuro de los sistemas operativos. Según yo todo se podrá hacer en Internet.

¿Qué tal esta actualización?

Editor de video online

Lleva un rato desde que YouTube incorporó a su servicios la posibilidad de editar tus videos desde su página web. Actualmente es un editor básico: recortar el inicio o el final de tus videos, combinarlos con otros, cambiar el audio.

A mi parecer el hecho de que tengamos este editor obligará a la competencia a ponerse al parejo, dígase vimeo, dailymotion, etc. Y al mismo a YouTube a mejorarlo.

Editor de mapa de bits online

“¡No necesitas correr flash para correr cloudcanvas! Nuestro sistema utiliza tecnología html5, la siguiente generación de tecnología web” <– Suena bien para el Ipad ¿no?

Me entero vía ddg de este potente editor gráfico online. Lamentablemente lo intenté probar y te pide registro. Por alguna razón no me dejó concretarlo así que mientras tanto les dejo el video demostrativo:

Otro editor de imágenes online es el que trae incluído WordPress, también básico pero enfocado a los pequeños detalles. Algo que me gusta de él es que puedes recuperar la imagen original. Cosa que me recordó el método no destructivo de editar de Picasa. (¿Ya tendrá editor online?)

¿Qué otros editores online conoces? Existen muchísimos y cada vez son más potentes.

Jos

Continuar leyendo...

HTML5ROCKS (by Google)

Actualmente muchas personas están hablando acerca de lo que será el HTML5, que, aunque esta en proceso de desarrollo por parte de W3C y supuestamente falta mucho para que este completamente finalizado, ya son muchas las empresas que se están subiendo al barco.

Desde aquellos que desarrollan navegadores web cada vez más potentes hasta las personas que desarrollan contenido web.

Pero, ¿Qué es el HTML5? ¿Qué nuevas características tiene? ¿Cómo esta formado? ¿Cómo creo contenido en HTML5?

Estas y muchas otras preguntas, nos hacemos varias personas. Y si aún no has podido responderlas, creo que Google te ayudará a responderlas.

Ya que Google, ha creado el sitio HTML5ROCKS, para responder dichas preguntas.

En dicho sitio, podemos encontrar una presentación interactiva en la cuál se nos explica qué es el  HTML5, cómo esta formado, cuáles nuevas características tiene, algunos ejemplos con los que podemos experimentar.

Por otra parte, podemos encontrar tutoriales, ejemplos, herramientas, entre varias cosas más.

Claro, todo esto, con la calidad de los productos de Google, y completamente Open Source.

Y tú, ¿Ya estás experimentando con HTML5?

Continuar leyendo...

Se busca web designer en Gdl

Cuántica Webs está buscando a un diseñador o diseñadora web en Guadalajara, por medio tiempo,  que cumpla más o menos el siguiente perfil:

Que se dedique o quiera dedicarse exclusivamente a diseño web.

Que entienda los conceptos básicos de CSS y que tenga una idea de cuáles no son tan básicos.

Que haga animaciones flash.

Que sepa que el html5 ya llegó.

Que haga animaciones gif.

Que le guste hacer banners.

Que sepa utilizar Ilustrador para trazar logotipos y crear nuevos.

Que le guste ilustrar pero no por eso quiera hacer todo con Ilustrador.

Que sepa maquetar páginas web en Photoshop.

Que entienda las bases de la colorimetría si es que existen.

Que tenga una adicción fuerte a la tipografía.

Que le dedique 4 horas diarias, 5 días a la semana.

Que quiera aprender o volverse experto en WordPress.

Que sepa que $4000.00 pesos como sueldo base no es un robo y que con esmero puede ganar mucho más.

Que tenga prendido Twitter, Skype, Facebook y Gtalk todo el tiempo y no pierda el tiempo en ellos.

Que lea.

Que sea autodidacta.

Que tenga buen gusto por las películas.

Que sea melómano.

Que tenga excelente ortografía.

Que entienda el inglés al 100% o que busque y encuentre lo que no entienda.

Que sepa comunicar sus ideas creativas.

Que tenga capacidad de asombro.

Que sea criticón.

Que le guste negociar.

Que sepa la diferencia entre JPG, PNG, GIF, BMP, TIFF y sepa cuándo utilizar cuál.

Que trabaje en pixeles.

Que me mande un D a @CuanticaWebs

Jos Velasco

Continuar leyendo...

Revista Replicante

En Cuántica Webs nos tocó realizar la programación y el diseño del nuevo portal de Revista Replicante. Aquí les compartimos algunos de los puntos que más nos emocionaron.

El valor de la organización y la administración fue fundamental para ahorrar tiempo (y dinero)

Diseño web editorial: el futuro (presente más bien) de las revistas.

La comunicación ahora es más fuerte por internet. Los correos electrónicos, el Messenger, el Skype. Equilibrar el trabajo en casa u oficina así como los clientes.

El poder de trabajar simultáneamente en un mismo sistema que además creemos conocer muy bien (WordPress) nos sirvió para proponer rápidamente soluciones a los problemas que se fueron presentando.

Pensar que era una revista y no un blog.

Enseñar a los editores que están acostumbrados a los medios impresos cómo se puede trabajar en web. Ellos nos ayudaron a incorporar conceptos de la imprenta clásica a un sitio web.

Calcular un presupuesto con base a las horas y conocimientos y hacerlo lo más apegado a la realidad.

Asignar parte de ese presupuesto a un equipo de trabajo externo, como diseñadores.

Medir qué tantos recursos eran necesarios para que el sitio pudiera escalar sin dificultades. Por ejemplo, rentar un servidor dedicado virtual y empezar a configurarlo.

Conocer y armar el perfil o biografía de todos los colaboradores de la revista.

Leer la revista.

Redes sociales y la importancia de destacar las más importantes.

Incorporar cualquier tipografía a un sitio de la manera más compatible posible.

Organizar y planear estrategias de comunicación.

Entregar un boletín de manera eficiente y a la vez agradable, sin olvidar la usabilidad.

Restringir el acceso al sitio y asignar los roles correspondientes a quien los necesita.

Reconocer que no se puede hacer todo en una sola etapa. Jerarquizar para una segunda ronda.

Estudiar múltiples soluciones para plugins y adaptar las soluciones más convenientes.

Permitir al cliente que liberara el sitio el mismo. Algo así como cortar el listón de inauguración.

Te invitamos a que visites revista Replicante y que nos hagas sugerencias para ir armando los nuevos requerimientos.

Irina y Jos

Continuar leyendo...