Principal

Diseño web

Space Invaders en HTML + CSS

Código HTML (space_invaders.html):
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ca" lang="ca">
  4. <head>
  5. <title>HTML + CSS Space Invaders</title>
  6. <link href="space_invaders.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body>
  9. <div id="cuerpo"> </div>
  10. <div id="cuerpo2"> </div>
  11. <div id="ojo1"> </div>
  12. <div id="ojo2"> </div>
  13. <div id="antena11"> </div>
  14. <div id="antena12"> </div>
  15. <div id="antena21"> </div>
  16. <div id="antena22"> </div>
  17. <div id="pata11"> </div>
  18. <div id="pata12"> </div>
  19. <div id="pata21"> </div>
  20. <div id="pata22"> </div>
  21. <div id="mano1"> </div>
  22. <div id="mano2"> </div>
  23. </body>
  24. </html>

Código CSS (space_invaders.css):
  1. div  {background-color: #000;}
  2.  
  3. #cuerpo {position:absolute; width:400px; height:200px; top:100px; left:200px; }
  4. #cuerpo2 {position:absolute; width:500px; height: 130px; top: 170px; left: 150px; }
  5.  
  6. #ojo1 {background-color: #fff; position:absolute; width:50px; height:50px; top:170px; left:250px; }
  7. #ojo2 {background-color: #fff; position:absolute; width:50px; height:50px; top:170px; left:500px; }
  8.  
  9. #antena11 {position:absolute; width:50px; height:50px; top:50px; left:250px; }
  10. #antena12 {position:absolute; width:50px; height:50px; top:0px; left:200px; }
  11.  
  12. #antena21 {position:absolute; width:50px; height:50px; top:50px; left:500px; }
  13. #antena22 {position:absolute; width:50px; height:50px; top:0px; left:550px;}
  14.  
  15. #pata11 {position:absolute; width:50px; height:50px; top:300px; left:200px;}
  16. #pata12 {position:absolute; width:50px; height:50px; top:350px; left:150px;}
  17.  
  18. #pata21 {position:absolute; width:50px; height:50px; top:300px; left:550px;}
  19. #pata22 {position:absolute; width:50px; height:50px; top:350px; left:600px;}
  20.  
  21. #mano1 {position:absolute; width:50px; height:200px; top:50px; left:100px;}
  22. #mano2 {position:absolute; width:50px; height:200px; top:50px; left:650px;}

Ejemplo: Space Invaders
Por suil el 21/09/2007 - 00:08 | | | | añadir nuevo comentario

Strings4Web

Strings4Web es la última creación de la empresa donde trabajo, Quadricula.

Strings4Web

Esta herramienta para webmasters sirve para buscar traducciones de las cadenas fijas típicas de una página web (volver atrás, ir arriba, contacto, nota legal...), traduciéndolas a varios idiomas.

De momento tanto el número de cadenas como el de idiomas disponibles es bastante reducido, pero poco a poco va creciendo.

Esperemos que algún día Strings4Web pueda sacar de apuros a algún webmaster. Ese sería nuestro mayor logro.

Por suil el 16/08/2007 - 19:03 | | | | añadir nuevo comentario

Parecidos razonables ( I )

Fisioterapia Argüelles

Second Life

Por suil el 05/06/2007 - 22:55 | | 5 comentarios

Google Analytics ya funciona en GNU/Linux

Acabo de comprobar que la nueva interfaz de Google Analytics funciona en GNU/Linux.

Por fin puedo consultar las estadísticas desde Ubuntu!

Por suil el 29/05/2007 - 20:48 | | | | añadir nuevo comentario

Los 10 mandamientos del Webmaster

En el trabajo hemos elaborado los 10 mandamientos para el webmaster:

  • 1. Amarás a <div> sobre todas las demás etiquetas
  • 2. No usarás <br /> en vano
  • 3. Validarás siempre tu código con w3c
  • 4. Honrarás al XHTML y CSS
  • 5. No usarás tablas en la maquetación principal
  • 6. No utilizarás la etiqueta <font> dentro del código
  • 7. No harás Copy&Paste de otras páginas
  • 8. No programarás sólo para Internet Explorer
  • 9. No descargarás por el emule plantillas de templatemonster
  • 10. No codiciarás la Web 2.0

Estos son los 10 mandamientos que todo webmaster debe cumplir a rajatabla, si se os ocurre alguno más dejarlo en los comentarios.

Amen hermanos.

Por suil el 01/12/2006 - 12:38 | | | | 8 comentarios

Internet Explorer 7 ya está aquí

Ya está disponible en la web de Microsoft la descarga de Internet Explorer 7, la nueva versión del navegador más usado en internet.

Entre las "novedades" cabe destacar la navegación por pestañas, la búsqueda desde el própio navegador y el lector RSS. Y digo "novedades" porque todas las nuevas características están copiadas de algún modo de otros navegadores.

Todavía es pronto para determinar la calidad de esta nueva versión, pero personalmente creo que será más de lo mismo, por muchos cambios y correcciones que hayan aplicado.

Tendremos que esperar pues a ver qué tal se porta.

Por suil el 19/10/2006 - 12:11 | | | añadir nuevo comentario

Noche temática @ Quadricula

00:00 - Venimos de degustar una suculenta cena en La Cava. 3 apuestos soldados: misterid, El Señor de los standards y br-man van a enfrentarse a un temible enemigo que lleva semanas acechando en la sombra, responde al nombre de FLACIDO ( nombre cambiado por razones de seguridad xD ).

00:49 - El calentamiento a acabado, empieza la batalla. El Señor de los standards saca sus armas: CSS y PhotoShop, misterid prepara su carro de batalla: DreamWeaver y br-man desenfunda su rifle de alta precisión: Notepad++. El combate se presenta sangriento, un sudor frio recorre todo mi cuerpo.

01:52 - br-man prueba una nueva arma, AJAX, después de varios intentos fallidos parece que
el ataque empieza a funcionar... FLACIDO empieza a desfallecer, pero todavía tiene puntos fuertes que van a hacer que el combate no se decida hasta el momento final.

5:41 - Hemos sido derrotados. No podemos más.

Por suil el 08/06/2006 - 04:45 | | | | | añadir nuevo comentario
Distribuir contenido