He visto algunos juegos usando HTML5 pero nadie explica ni como empezar y si buscas el código fuente pues esta en chino.
Encontré este excelente tutorial que explica paso a paso como crear un juego pseudo 3D que luce como el viejo Wolfenstein incluyendo los enemigos usando el objeto CANVAS de HTML, incluso te permiten desacargar todo el código fuente y las demos funcionando.
Pueden verlo AQUI
Gracias a que los modernos navegadores han agregado aceleración vía hardware ya es posible generar animaciones de forma fluida usando CANVAS. Para los amantes de lo retro pueden ver una excelente colección de animaciones estilo los viejos juegos de 8bits, para lo cual simplemente cambian los colores de ciertos pixeles de forma continua logrando interesantes animaciones.
Pueden verlo AQUI
Las versiones antiguas de Internet Explorer siempre terminan dándome dolores de cabeza, en este caso tenía un menu usando un UL con algunos LI flotando en su interior algo como:
El lío era que la última opción se veía bien en todos los navegadores excepto Internet Explorer que se producía un salto de línea quedando “mi ultima opción” convertido en 2 líneas, luego de buscar al fin encontré la solución bastaba agregar una sola propiedad white-space: nowrap; hay otras soluciones que exigen se ponga un ancho fijo a ese elemento pero en ciertos diseños esa no es una solución.
Veamos este rediseño integro al viejo sitio de LP analistas, primero veamos como lucía el sitio original
Como se puede observar el sitio adolece de ciertos problemas:
- El diseño luce un tanto antiguo.
- No hay opciones de socialización.
- No se resalta los servicios que brinda y áreas de competencia así que al entrar no se sabe exactamente cuál es el rubro de la empresa.
- No se resaltan los cursos que se ofrecen y es difícil ver los contenidos de cada curso.
Debido a esos problemas se decidió hacer el siguiente rediseño:
Como se puede observar se han resaltado claramente las tres áreas de la empresa: capacitación, desarrollo web y soporte técnico. Adicioanalmente se han añadido opciones para las redes sociales twitter y Facebook, en las páginas de los curso se agregó la opción de compartir por facebook, twitter, email o agregar a favoritos; la navegación es mucho más sencilla y el sitio cuenta con un diseño más moderno.
Internamente el sitio cuenta con un CMS que permite actualizar rápidamente los contenidos los sitios, banners y cursos destacados.
A veces pese a que cambiamos la codificación en el encabezado de nuestra página web de todas formas no se respeta nuestra codificación debido a un problema de configuración en nuestro servidor que fuerza el uso de una codificación y aunque no es un problema frecuente, esto se soluciona agregando esta linea en nuestro archivo .httaccess
1 | AddDefaultCharset UTF-8 |
Basta reemplazar UTF-8 por ISO o la que se requiera
Últimos Comentarios