5.314 lecturas 0 comentarios

Locuras con CSS

cssloco

Si todavía ponéis en duda la capacidad de CSS para crear animaciones, os recomiendo que le echéis un ojo a esta página. 5 ejemplos, muy potentes, de lo que puede llegar a hacer CSS. Podéis encontrar los códigos en CSS / SASS y HTML para aprender a hacerlos.

4.417 lecturas 0 comentarios

Bricks.JS

bricks

¿Alguna vez habéis tenido que ordenar obras, diseños o algún tipo de material que tenía diferentes alturas y queríais que se encajaran como en la imagen que acompaña estas líneas? Pues con esta librería JS podéis hacerlo de una forma muy sencilla.

Bricks.JS

42.134 lecturas 1 comentario

jVectorMap

jvectormap

¿Cuántas veces habéis diseñado una web que requiera de un mapa donde ubicar puntos de venta o algo similar? Con jVectorMap obtendréis una solución perfecta para esos casos. Entre sus ventajas cuenta con:

  • Compatibilidad con todos los navegadores actuales, incluyendo explorer 6 en adelante.
  • Vectorial. Podrás adaptarlo a cualquier ancho y alto sin perder calidad, perfecto también para dispositivos retina display.
  • Posibilidad de generar mapas personalizados (por ejemplo el mapa de un centro comercial).
  • Mapa del Mundo, Europa y España (por comunidades autónomas).

Visitar sitio de jVectorMap

6.345 lecturas 1 comentario

Colección de efectos rollover CSS3

hover-css

Realizar animaciones de botones, con CSS, cada vez es una tarea más complicada. CSS3 nos ha traído animaciones con muchas opciones que, en la mayoría de los casos, son difíciles de recordar y aplicar. Así que, para ayudar a todos aquellos que quieran tener una animación llamativa en su propia Web, le dejo este archivo CSS con todas las opciones ya escritas, listas para ser aplicadas. Y si no, sólo por ver lo que CSS3 es capaz de hacer, ya merece la pena echarle un ojo 😛

· Ver ejemplos de Hover.css y descargar

6.693 lecturas 1 comentario

Curso Unity 3D Gratis

curso-gratis-unity3d

Unity 3D es una de las herramientas más potentes para desarrollar aplicaciones y videojuegos. Su motor 3D permite crear entornos realistas y experiencias parecidas a las que podrías encontrar en una videoconsola actual. Cuenta con muchísima documentación y una amplia comunidad que resuelve dudas y problemas en diferentes foros pero hay pocos cursos gratuitos y de calidad para empezar a usar esta herramienta.

Para ayudar a todos aquellos que quieran comenzar a aprender Unity 3D, os traigo este curso online gratuito con más de 50 horas de vídeo. Si te desenvuelves bien con el inglés, no lo dudes, ¡Comienza a aprender Unity 3D ahora!

La interfaz
1er Examen. La interfaz
PDF Chuleta con accesos directo de teclado
2º Examen. Accesos directo de teclado
JavaScript Vídeos 1 al 15
3er Examen. Javascript Vídeos 1 al 15
JavaScript Vídeos 16 al 26
4º Examen. Javascript Vídeos 16 al 26

Laboratorio Práctico

Point & Click
Juego 2D de naves
Desarrollo de herramientas en Unity
Clon de Mario Bros 2D
Clon de Mario Bros 3D

Recuerda que puedes descargar Unity3D, Gratis, desde su página Web oficial.

42.864 lecturas 0 comentarios

Guía / Curso CSS3 Completo Gratis

guia-css3-completaUna Guía / Curso interesantísimo sobre todas las mejoras y nuevas características que nos trae CSS3. Es un libro PDF pensado, sobre todo, para aquellos que ya tienen conocimientos sobre CSS y HTML5 puesto que entra de lleno, y en exclusiva, sobre los añadidos CSS3.

Gratis, completo y en Español ¿Qué más se puede pedir?

– Descargar «Guía Completa de CSS3 / Curso CSS3»

Autor: Antonio Navajas.

4.698 lecturas 0 comentarios

Todo sobre el formato SVG

tutorial-svg

SVG es la extensión de aquellas imágenes con formato vectorial. Prácticamente, tal y como lo harías en Illustrator. Es fácil de implementar una imagen SVG en tu Web y tiene muchas ventajas:

  • Se pueden redimensionar sin perder calidad. Perfecto para Webs Responsive.
  • Se ven perfectas en pantallas de alta resolución (como la Retina de iPad).
  • Son interactivas, se les pueden aplicar efectos y cambios mediante código.

En este artículo encontrarás numerosos consejos y ayuda para trabajar con este formato ahora tan de moda.

Leer tutorial sobre el formato SVG