Hoy les presento otro ejemplo más de las historias y creaciones espectaculares que se pueden desarrollar con HTML5, CSS3 y con la ayuda de algunos servicios de Google como Maps y Google+, así como tecnologías libres como Node.js, Redis.

El juego se llama Map Dive, es sencillo pero espectacular en su ejecución, eres un muñequito con un cohete que caes desde el cielo a alguno lugar del mundo mientras colecciona estrellas y pasa a través de varios círculos en el cielo, también puedes pasar a través de algunas elementos sorpresas que te harán el juego más entretenido, el personaje se puede controlar con el mouse o con las teclas de las flechas del teclado.

A continuación algunas de las imágenes del juego:

Les recomiendo cerrar otras pestañas para jugarlo para que la experiencia sea más fluida y saludable en términos de gamer ;)

Map Dive

La entrada Espectacular juego de salto en HTML5 se publicó primero en Punto Geek.

Hoy les traigo otro ejemplo de las capacidades increíbles que tiene la nueva versión de CSS, en su versión número 3 puso a disposición la capacidad de crear animaciones, formas, figuras, sombras, degradados y otras maravillas que antes tan solo eran posible con imágenes o con Flash.

El ejemplo de hoy es el más divertido que he publicado hasta la fecha, se trata de uno de los protagonistas de la serie geek y nerd Futurama, que aunque algunos digan que Los Simpsons es más geek pero eso es otra historia.

En este ejemplo Bender está compuesto por muchas etiquetas div y span, cada articulación, cada ojo, cada brazo, cada mano corresponde a una y gracias a las capacidades de CSS3 se empieza a crear el esqueleto, los tamaños y luego la animación completa, los más impresionante del ejemplo es que hasta los ojos, cejas, dientes y su antena receptora se animan con armoniosa sincronización.

El ejemplo completo lo pueden ver en Liveweave y comprobar que no se trata de ningún hack o uso de JavaScript, tan solo CSS puro y mucha creatividad y por supuesto afición a la serie animada.

La entrada Bender bailando hecho solo con CSS3 se publicó primero en Punto Geek.

Este es otro post mostrándoles las capacidades de la nueva versión de CSS3, en esta oportunidad les traigo todos los modelos del Magic Mouse de Apple, desde el Macintosh Mouse lanzado en 1986 hasta el relativamente nuevo Apple Magic Mouse, todos, absolutamente todos creados con solo CSS3.

Los resultados son increíbles, muy increíbles, y no es porque sean de Apple, no, si no por todos los detalles tan bien logrados en todas las versiones, desde el cable, los colores, las sombras, el bixel de los mouse, es increíble, y todo esto realizado solo con CSS.

A continuación algunos ejemplos para que se hagan una idea de lo que les hablo:

Pueden ver la galería completa en Apple Mice

La entrada Todos los mouse de Apple hechos con CSS se publicó primero en Punto Geek.

No me cansaré de mostrarles casi todos los días la capacidad de las nuevas tecnologías web, hace poco les comentaba sobre detallados símbolos de superheroes creados solo con una etiqueta HTML y el resto del trabajo lo hacía el CSS, en su versión número 3.

Hoy les traigo otra muestra de las cosas que se pueden llegar a crear solo con CSS3, en esta oportunidad son los logos de varias empresas: Apple, Dropbox, Evernote,  Github, Twitter, Facebook y LinkedIn creados a partir de varias formas y figuras recreadas con variadas técnicas de CSS3, en la página con el demo de los logos se puede observar el truco detrás del logo al pasar el mouse por encima del elemento.

El proyecto se puede utilizar libremente en tus proyectos, tan solo basta con descargar los archivos necesarios desde su repositorio en Github e incluirlos donde los necesites.

Logos in Pure CSS

La entrada Logos de empresas creados solo con CSS3 se publicó primero en Punto Geek.

Gracias a que es CSS3 pueden ver el código completo y empezar a jugar con el para aprender como fue logrado tal efecto para un solo elemento HTML.

Reactor Arc de Iron Man

Green Lantern

Spiderman

Captain America’s Shield

Si jugaron un poco con el código se darán cuenta de que el truco  es utilizar las nuevo pseudoelementos :after y :before, los cuales pueden tener cualquier cosa adentro, como degradados, fondos o letras.

Vía: Google+

La entrada Símbolos de superheroes creados solo con CSS3 se publicó primero en Punto Geek.

Las Web está evolucionando, está creciendo, está mejorando, está avanzando, está más Web que nunca.

Con la llegada de CSS3, en conjunto con HTML5, es cada día más común ver sitios web realmente impresionantes, con diseños increíbles, efectos muy bonitos para la vista e interactividad como nunca antes, ofreciéndole al usuario una experiencia única en todos los sentidos.

Para crear estos sitios web es necesario conocer bien las tecnologías que lo hacen posible, en este caso una de ellas es CSS3, la hoja de estilos en cascada para Internet, en la versión 3 incorporaron muchos elementos nuevos, como las transformaciones 3D, transiciones, animaciones, sombras, perspectiva, entre otros.

Si estás interesado en jugar un poco con estás tecnologías te recomiendo Create CSS3, un generador de estilos CSS3 válidos, la aplicación web tiene más de una decena de efectos disponibles en CSS3, cada uno se puede personalizar fácilmente y obtener en tiempo real una vista previa del efecto al lado derecho.

De esta forma ya no tienes excusa para probar e implementar las nuevas tecnologías que están por fin a nuestro alcance y con las cuales se puede crear experiencias enriquecidas para nuestra hermosa Web.

Create CSS3

La entrada Generador visual de CSS3 válido se publicó primero en Punto Geek.

El ebook está titulado como Guía Completa de CSS3 y en él van a encontrar mucha información para aprender sobre CSS3 de forma muy sencilla gracias a los ejemplos incluidos.

El libro consta de 63 páginas y lo pueden descargar gratis en PDF o bien leerlo online.

Enlace: Guía Completa de CSS3

Visto en Soft & Apps

La entrada Ebook gratis: Guía Completa de CSS3 se publicó primero en Punto Geek.

Hace algunos años si queríamos animar algo en nuestro sitios web teníamos que recurrir principalmente a imágenes gif, de esta forma se hacía el sitio web más vistoso, pero para otras personas era una total molestia ver tantas cosas moviéndose sin sicronización.

Ahora todo es diferente, aunque todavía las imágenes gif son muy utilizadas ya no se habla de animaciones de los elementos, si no de transiciones entre ellos, es decir, si haces scroll en la página, algún elemento se mueve para ajustarse a este movimiento, como la barra de navegación que se puede ampliar y establecer al principio de la página para que siempre esté disponible.

Crear estas animaciones con solo CSS3 no es tarea sencilla, es un tema avanzado y realmente no hay muchísima información para implementarlas de forma directa y rápida en tu sitio web, pero alguien ya se dio cuenta de esto y creo Magic CSS3 Animations, un archivo CSS que contiene 55 animaciones y transiciones diferentes para incluirlos en tu proyecto web fácilmente.

Lo primero que debes hacer es descargarlo de su repositorio en Github, luego incluir el archivo CSS en tu documento HTML

<link rel="stylesheet" href="yourpath/magic.css">

Ya con esto se puede combinar fácilmente con JavaScript o jQuery para crear la animación cuando se pase el mouse por encima de un elemento, por ejemplo:

$('.yourdiv').hover(function () {
  $(this).addClass('magictime puffIn');
});

Magic CSS3 Animations

La entrada Animaciones CSS3 bellas y fáciles de implementar con magic animations se publicó primero en Punto Geek.

La etiqueta background existe desde la primera versión de CSS, se mejoró su funcionalidad en la versión 2, y ahora con la versión número 3 de la especificación la etiqueta ha introducido mejoras considerables que permiten hacer muchísimas cosas con las imágenes de fondo de cualquier elemento HTML que antes se tenían que hacer con programas procesadores de imágenes como Adobe Photoshop, Fireworks o GIMP.

En la última versión de la etiqueta ahora es posible crear backgrounds múltiples a cualquier elemento HTML, cada uno con su imagen, dimensión y posición diferentes, aunque esto es posible desde Julio del año pasado, son pocos los que conocen sus posibilidades y es un poco más complicado implementarlos de forma correcta por la cantidad de posibilidades que ofrece gracias a la combinación de todas sus propiedades como: color, imagen, repetir la imagen, posición, tamaño y otras.

Si deseas empezar a utilizar esta propiedad en tus proyectos te recomiendo CSS Background Size una página creada para probar de forma rápida y directa varias configuraciones de la etiqueta background y ver fácilmente en vivo lo que significan dichos atributos, solo basta jugar un poco con los diferentes tamaños, orientación de la imagen y posición del fondo para ver el resultado.

CSS Background Size

La entrada Comprende mejor la etiqueta background de CSS3 se publicó primero en Punto Geek.

Una de las bondades de CSS3 es que podemos crear botones con efectos muy originales, todo sin usar nada más que código. A continuación quiero dejarles una selección con los 3 mejores generadores de botones CSS3.

Estas 3 herramientas son muy fáciles de usar y nos ahorran casi al 100% el trabajo, solo hay que tener un poco de buen gusto, un ratito de tiempo para mezclar colores y efectos y listo.

bestcssbuttongenerator.com

Con un nombre un poco pretencioso (pero bien puesto), Best CSS Button Generator es una herramienta muy completa que nos permite crear botones CSS3 partiendo de algunas plantillas prearmadas a las cuales podemos ir editando a gusto con los colores y efectos que más nos usten.

Nos permite personalizar los tamaños de fuente, el border radius, el tamaño horizontal y vertical, agregar sombras, blur, posición del texto, y una gran cantidad de opciones que tenemos que dedicarles un ratito para obtener un resultado óptimo.

css3button.net

CSS3 Button Generator es otra de las herramientas que quiero recomendarles, también tiene un «showcase» donde podemos encontrar muchísimos ejemplos de otras personas y que podemos mixear a gusto cambiándoles los colores, fuentes y más.

Nos permite elegir los colores del degradado, agregar sombras interiores y exteriores, agregar sombras a los textos y muchas cosas más. Una vez que terminan con la edición del botón a la derecha pueden copiar el código listo para usar en sus proyectos.

css3buttongenerator.com

La última herramienta también es muy recomendable por su simplicidad de uso, vamos paso por paso personalizando fuentes y texto, luego la parte del box, agregando sombras, cambiando colores, modificando bordes, cambiando colores de fondo y por último el hover.

Una vez que hemos terminado con la edición podemos descargar el código listo para usar desde la parte inferior de la página.

Conclusión

Las 3 herramientas son básicamente para lo mismo, por ahí la primera opción es un poco más completa y la que personalmente recomiendo si quieren lograr buenos resultados, pero será cuestión que se tomen un rato y prueben las 3 a ver cuál les gusta más.

La entrada Los 3 mejores generadores de botones CSS3 se publicó primero en Punto Geek.

Los botones siempre han tenido un papel sumamente importante en las interfaces de usuarios tanto en software de escritorio como en la web, juegan un rol fundamental en la usabilidad de la aplicación. Los botones fueron hechos para hacer click, para hacer pulsados, una analogía de lo botones que tenían los aparatos eléctricos de hace décadas, un botón significa acciones, vínculos, llamados a hacer algo por parte del usuario.

Crear botones para la Web no es una tarea sencilla, hay muchos detalles que cuidar y actualmente existe muchísimas opciones para hacerlos, puedes crearlos desde cero desde un editor gráfico como Photoshop o Illustrator y luego convertirlos  a código o puedes utilizar una herramienta como CSSButton, una aplicación web con una interfaz sumamente fácil e intuitiva de usar que te permite crear botones con CSS3 válido con muchísimas opciones para personalizar, desde el borde del botón, hasta la animación entre los estados normal, hover y active del botón, pasando por la fuente, la sombra del botón o del texto y por supuesto las dimensiones o el fondo del botón.

Ten MUCHO CUIDADO de no hacer click en Browse o Rockstars porque perderán todas las modificaciones en las que hayan estado trabajando.

Si necesitas algo todavía más personalizado puedes importar directamente tú HTML y CSS al generador.

Cuándo hayas terminado de personalizar tu botón solo basta con darle click en Source para obtener el código CSS3 válido que podrás aplicar a tu botón en tu proyecto.

Si se crean una cuenta podrán guardar los botones que vayan creando así como compartirlos en la plataforma con el resto de los creadores, también puedes navegar las creaciones de los demás en la pestaña Browse y descargarlos libremente o usarlos como plantilla para tu botón.

CSSButton

La entrada Crea botones con CSS3 válido gráficamente con CSSButton se publicó primero en Punto Geek.

Con el lanzamiento de Windows 8 Microsoft también publicó una nueva versión de Internet Explorar, la número 10 que con mejoras sustanciales, como un rendimiendo más alto con Javascript, corrector ortográfico integrado, así como el soporte para nuevos estándares como CSS3.

El día de hoy Microsoft por fin ha publicado la versión de Internet Explorer 10 para Windows 7 con mejoras en su rendimiento reduciendo el uso de la CPU y la memoria mejorando la batería del portátil, Internet Explorer 10 también incluye soporte para las nuevas tecnologías como HTML5, CSS3, DOM, Web Performance y Aplicaciones web en general.

Entre la lista de nuevos estándares que soporta están:

• CSS3: Sombras de texto CSS, transformaciones 3D CSS, transiciones y animaciones CSS3, gradientes CSS3 y filtros SVG.
• Diseño responsive: Grids CSS3, flexbox, multicolumna, posiciones flotantes y regiones, formularios HTML5, controles y validaciones de campos de entrada.
• Mejoras de Aplicaciones Web: Soporte para aplicaciones offline con almacenamiento local, Cache HTML5, Web Sockets, historia HTML5.
• Aplicaciones web interactivas: Soporte para nuevas tecnologías como posiciones flotantes CSS3, drag-drop en HTML5, Media queries y eventos de apuntadores.

Internet Explorer 10 está disponible es más de 90 lenguajes para 32 y 64 bits desde la página oficial de Microsoft o luego a través de Windows Update, con esta actualización Microsoft impulsa a Internet Explorer como un navegador más respetable en la web.

Descarga Internet Explorer 10

La entrada Disponible Internet Explorer 10 para Windows 7 se publicó primero en Punto Geek.

Shay Wove es un diseñador y desarrollador front-end que ha creado «A Practical Guide to HTML & CSS», como su nombre lo indica es una guía práctica para aprender HTML y CSS con muchísimos ejemplos y documentación completa acerca de cada característica de los dos lenguajes Web, la guía empieza desde los más básico y teórico hasta las últimas especificaciones de los dos lenguajes: HTML5 y CSS3, pero no solo se queda ahí, además del nivel básico donde aprendes todo lo necesario para crear una página web con las mejores prácticas también tiene un segundo nivel más avanzado, donde puedes aprender Rendimiento, Posicionamiento, Selectores complejos de CSS, Diseño Responsive (muy popular y necesario en este año 2013) y hasta jQuery también con variedad de ejemplos muy prácticos y reales.

A Practical Guide to HTML & CSS

La entrada Guía práctica de HTML y CSS básico y avanzado se publicó primero en Punto Geek.

HTML5 y CSS3 son las últimas versiones de los dos lenguajes principales de la Web, estas versiones tienen muchísimos nuevos elementos y funcionalidades que permiten crear nuevas experiencias, aplicaciones y videojuegos web llenas de contenido dinámico, táctil, 3D, con audio y vídeo de alto rendimiento.

Poco a poco han surgido diseños y aplicaciones web que aprovechan todas estas capacidades para crear experiencias enriquecidas y únicas que antes no eran posible.

Jongmin Kim es uno de los desarrolladores web más talentosos en HTML5 y ha creado un sitio para demostrarlo, se llama FFF, Form Follows Function, que incluyen 13 experiencias web espectaculares gracias a los elementos Canvas y Transformaciones CSS.

No se pierdan la oportunidad de conocer de primera mano todo lo que se puede crear con HTML5 y CSS3.

La entrada 13 experiencias web espectaculares creadas con HTML5 y CSS3 se publicó primero en Punto Geek.

Mozilla Developer Network es la comunidad de desarrolladores de Mozilla, la empresa encargada de Firefox, donde cualquier persona puede contribuir con ideas de desarrollo para la Web, también cuenta con una enorme documentación de los estándares Web, desde HTML básico hasta las nuevas tecnologías de HTML5 como Geolocation, WebSockets, o Media Queries.

Una de sus grandes secciones es la de Demos, donde cada cierto tiempo la comunidad sube ejemplos que utilizan por completo estas nuevas tecnologías para crear experiencias interactivas, ayer subieron una muy particular, Super Mario Bros 3 desarrollado por completo con CSS3, aprovechando las nuevas características de Media Queries, la cuales permite mostrar diferente información dependiendo del tamaño del navegador.

Lamentablemente no es jugable por completo, una lástima.

Mozilla Developer Network: Media Query Mario

La entrada Super Mario Bros 3 creado puramente con CSS3 se publicó primero en Punto Geek.

Recuerden que pueden participar desde cualquier parte del mundo, ya que, en el caso de ganar, pueden elegir el curso de forma presencial o a distancia.

Para participar solo tienen que entrar en este enlace y llenar el formulario con sus datos. El ganador se anunciará el 18 de julio en el blog oficial de EducacionIT.

La entrada Ganate un curso de HTML5 y CSS3 [Últimos 2 días] se publicó primero en Punto Geek.

En el video de abajo explican el proceso de instalación y su funcionamiento para que tengan una mejor idea de las cualidades del plugin.

Tiene soporte para Photoshop CS3, CS4, CS5 y CS6, tanto en Windows como Mac.

Enlace: CSS3p

Visto en WebResourcesDepot

La entrada CSS3p: Convierte tus diseños de Photoshop a CSS3 se publicó primero en Punto Geek.

Lo bueno de este curso es que puede participar gente de cualquier parte del mundo, porque el ganador tendrá la posibilidad de elegir hacer el curso en modalidad presencial o a distancia a través de una plataforma de cursos online que tiene el instituto (yo mismo la he probado y es excelente).

Bases y Condiciones

• Sólo se acepta una inscripción por persona.
• Hay tiempo para registrarse hasta el martes 17 de julio inclusive.
• A cada persona registrada se le brindará un código numérico único de registración al sorteo.
• El ganador corresponderá a las últimas cuatro cifras del primer premio de la Lotería Nacional de la Argentina del sorteo matutino del miércoles 18 de Julio.
• El ganador se dará a conocer en el Blog de EducacionIT el mismo miércoles 18 de Julio.
• En el caso de no haber ganadores con cuatro cifras se tendran en cuenta las últimas tres cifras.
• El ganador obtendrá como premio un curso de HTML5 y CSS3 totalmente gratis.
• El ganador podrá elegir la fecha de inicio que desee ya sea en la modalidad presencial o a distancia.
• El ganador podrá hacer uso del premio hasta el 31 de Diciembre de 2012.
• En el caso que el ganador haya sido invitado por otro amigo ambos recibirán el premio (un curso para cada uno).
• Una persona no puede ser invitada por más de un amigo.
• El premio es intransferible (no se puede pasar a otra persona).
• El premio no se puede canjear por el equivalente en dinero.
• El premio no se puede canjear por otro curso.

Para participar solo tienen que entrar en este enlace y llenar el formulario con sus datos. El ganador se anunciará el 18 de julio en el blog oficial de EducacionIT.

La entrada Ganate un curso de HTML5 y CSS3 con Punto Geek y educacionIT se publicó primero en Punto Geek.

Su uso es tan simple que sólo consta de un paso, elegir el color que más les guste y automáticamente se generará el código listo para copiar y pegar. Aunque también tienen una sección para personalizar por completo el botón, donde podemos cambiar color por color, elegir un texto para el botón, cambiar el radio de las esquinas, y muchas cosas más.

Enlace: CSS Gradient Button

La entrada CSS Gradient Button: Generador de botones con degradados en CSS se publicó primero en Punto Geek.

CSS3 Shapes es un interesante sitio que nos ofrece decenas de formas en CSS3, como rectángulos, círculos, cudrados, óvalos, estrellas, corazones, triángulos, trapecios, huevos, globos de texto, y muchas cosas más, todo en CSS sin imágenes.

Enlace: CSS3 Shapes

Visto en WebResourcesDepot

La entrada CSS3 Shapes: Cuadrados, rectángulos, círculos, triángulos, estrellas, y mucho más en CSS3 se publicó primero en Punto Geek.

Enlace: The CSS3 Test

Visto en WebResourcesDepot

La entrada Test de compatibilidad CSS3 para el navegador se publicó primero en Punto Geek.

Para probar la experiencia solo debemos ir a su sitio web donde tiene el emulador y entrar con la contraseña admin. Les recomiendo hacer un tweet, un like o un +1 ya que todos deben entrar a este estupendo sitio web. Recuerden que es demasiado bueno para ser lo que es y que hace muy poco fue lanzado, así que no te quejes si no le encuentras la funcionalidad completa de Mac OS.

Sitio web: http://www.alessioatzeni.com/mac-osx-lion-css3/
Página del autor: http://www.alessioatzeni.com/

La entrada Mac OS X Lion en tu navegador con CSS3 y HTML5 se publicó primero en Punto Geek.

Prefixr es en resumen: Una herramienta que nos permitirá hacer compatibles nuestras hojas de estilo con cualquier navegador, sin tener que recordar con detalle las propiedades para cada uno de ellos. Por ejemplo, si quieres añadir la propiedad de transition, pero no recuerdas como se maneja en Opera, no te preocupes, tu sólo sigue las recomendaciones de la W3C y listo, Prefixr se encargará de hacerla útil no sólo para Opera, sino para todos los demás navegadores.

Prefixr es fácil de utilizar, entras a su sitio, copias tu código, das Ctrl + Enter o Prefixize, y listo, tu CSS se ha filtrado y adecuado para, como lo menciono, hacerse compatible con todos los navegadores. Además, puedes seleccionar en cual sí o en cual no, así como pedir que se genere una versión comprimida.

Bastante interesante esta herramienta. Sólo hay que señalar que funciona para las propiedades de CSS3, y que existe una API para utilizarlo desde tu editor de código. Eso y más información lo pueden consultar en el sitio oficial.

Sitio web: prefixr

Visto en: Net.Tuts+

La entrada Prefixr hace compatible tu CSS con todos los navegadores se publicó primero en Punto Geek.

Es sumamente fácil de utilizar, basta con deslizar los controles hacia la izquierda o la derecha para afectar los valores que serán los que den textura y forma a nuestra caja. Además en la parte derecha podremos ver la previsualización, para saber tal cual como quedará. Una vez terminado, damos click al botón de «Get the code!» y listo, copiamos y pegamos el código a nuestro gusto.

Web: css3.me

Visto en: wwwhatsnew

La entrada Generador de cajas en CSS3 se publicó primero en Punto Geek.

Esta herramienta es tan completa que al principio nos puede marear con tantos parámetros, pero si le prestan un poco de atención y creatividad pueden lograr resultados muy buenos, todo con CSS.

Dentro de los parámetros que pueden configurar encontramos  el color de los degradados, el tipo de borde, las sombras, tipografías, colores, tamaños, y muchísimas cosas más.

Pero lo mejor de todo es que nos permite configurar el botón en sus tres estados posibles: Normal, hover y activo. Así podemos personalizar al máximo el diseño de nuestro botón.

Una vez que terminamos de diseñarlos el sitio nos genera el código CSS que tenemos que usar en nuestro sitio web.

Visto en Kabytes

La entrada Generador de botones CSS3 con degradados se publicó primero en Punto Geek.

Su uso es muy simple, tenemos un area de previsualización donde se ve el texto al cual queremos aplicarle el efecto, a la izquierza está el box para modificar ese texto y las demás configuraciones. Dentro de las opciones disponibles encontramos un texto con curva, uno en forma de círculo, y uno más personalizado que permite que nosotros especifiquemos los puntos para las curvas.

Por otro lado también podemos elegir la fuente que queremos para el texto, y lo mejor de todo es que podemos elegir fuentes desde Google Web Fonts para mostrar el texto con fuentes mucho mas elaboradas que lasque traen los sistemas operativos.

Una vez que terminamos de editar el texto pinchamos en el botón Generate HTML y el sitio nos generará el código HTML listo para que peguemos en nuestro sitio web. El resultado será exactamente el mismo que ven en la previsualización.

Enlace: CSSWarp

Visto en Kabytes

La entrada Generador de textos con efectos CSS3 se publicó primero en Punto Geek.

Con CSS3 Button Generator podemos crear botones en CSS3 de una manera muy simple y rápida, pudiendo elegir los colores del botón, ya sea en el degradado como en los efectos de sombra, el color del texto y su sombra, aplicar esquinas redondeadas, fuentes muy elegantes, y muchas cosas más.

Como les dije, su uso es muy sencillo, ya que a medida que vamos haciendo las modificaciones, éstas se reflejan en la vista previa, así podemos ir viendo cómo va quedando nuestro botón, y cuando está listo guardamos y copiamos los códigos HTML y CSS que el sitio nos genera.

Enlace: CSS3 Button Generator

Visto en Delicious

La entrada Generador de botones CSS3 se publicó primero en Punto Geek.

CSS3Menu es un programa muy interesante que nos permite crear menúes CSS3 gratis. Las ventajas de usar CSS3 son varias, ya que a los menúes les podemos poner esquinas redondeadas, sombras, y muchas cosas que hasta ahora no se podían hacer.

Lo bueno es que este programa está disponible de forma gratuita, tanto para Windows como para Mac.

Enlace: CSS3Menu

Visto en Wwwhats new

La entrada Programa para crear menúes CSS3 gratis se publicó primero en Punto Geek.

La iniciativa se llama Game on 2010, donde los desarrolladores de todo el mundo están invitados a participar para poder crear juegos que utilicen todos estos desarrollos modernos, aplicables y funcionales en las últimas versiones de Firefox. Todavía no se habla de competencia, ni de recompensa ni de muchas cosas más; prometen dar más información en el transcurso de estos días.

Inevitablemente esto parece ser una especie de preludio a la ansiada y esperada Open Web Store que Mozilla viene pensando e imaginando desde la última Mozilla Summit realizada en Canadá. Cuando Google anunció su futura Chrome Web Store allá por el mes de mayo, muchos se emocionaron y otros tantos (como yo) nos quedamos un poco perplejos. ¿Todavía más espacio donde Google se meta? Quizás por esa u otras razones surgió la idea de una Open Web Store, es decir, una tienda de aplicaciones abierta.

Pero la idea va un poco más allá. No se trataría de una tienda propia de Mozilla (como si lo sería la Chrome Web Store), sino de una tienda general para todos los navegadores. ¿Como sería posible esto? Mediante la utilización de los estándares Web. Es decir, si la tienda se basará en CSS3, HTML5, JavaScript, WebGL, entre otros, podría ser fácilmente adaptada a todos los navegadores modernos que respeten esos estándares.

Ya saben, si les gusta lidiar con el desarrollo web y esas yerbas, pueden intentar ir jugando con las nuevas tecnologías Web. ¡Y de paso mostrarnos a nosotros su desarrollos, que con gusto los publicaremos!

La entrada Mozilla Labs Gaming: juegos en tu navegador y la futura tienda de aplicaciones libres se publicó primero en Punto Geek.

Hace unos días en Canadá, se estuvo llevando a cabo la Mozilla Summit 2010, una conferencia anual que reúne a Mozilleros de todo el planeta. Alli, los miembros más activos de la Fundación Mozilla se juntan para compartir experiencias, mostrar proyectos y seguir trabajando mutuamente para una Web abierta y llena de oportunidades.

Hoy en twitter, Nukeador (que pertenece a la Comunidad Mozilla) compartió un link interesantísimo de un video que se presentó en el Mozilla Summit. Allí, Paul Rouget (otro miembro) muestra un «demo» de Firefox 4 utilizando todo el potencial de HTML5, CSS3, SVG, WebM, Websockets y otras yerbas más. El video dura casi 8 minutos y está en ingles; pero eso no es impedimento para ver que nos traerá la «nueva Web».

¿Ven porque es importante la utilización de estándares abiertos y libres para la Web? ¡No veo la hora de que los desarrolladores se pongan a jugar con estas cosas! Además, con el tiempo se irán mejorando y puliendo, para un mejor desempeño. Será cuestión de esperar a que todo se comience a implementar. Y como cierre, una fotito de toda la gente del Mozilla Summit reunida. ¡Que ganas de haber estado ahí!

La entrada Firefox 4 y la Web del futuro se publicó primero en Punto Geek.