En esta ocasión les enseñaré a hacer el diseño de un Smartphone estilo Cristalab, sin utilizar imágenes, sólo con código, gracias a CSS3. El resultado será el siguiente: Primero haremos la estructura HTML5: Código : <!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Cristalab Phone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> [...]
CSS3 es muy bonito de eso no hay duda, lo que resulta muy molesto son los prefijos. Existen varios que, si bien no son difíciles de aprender, son tediosos de escribir y quitan tiempo que podría invertirse en otras cosas. Por suerte esta ingeniosa diseñadora Lea Verou, de la que ya se ha hablado en [...]
En este tutorial haremos un menu desplegable con HTML5 y CSS3. Una de las buenas cosas de olvidarnos de IE6, es que podemos crear simples menús desplegables, sin necesidad de usar Javascript, ya que el selector ":hover" funciona en todos los elementos. Estructura del "index.html": Código : <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Menú [...]
En mi búsqueda de nuevas tecnologías me he encontrado con CSS3, y específicamente con la creación de logos. Los logos con CSS3 son muy fáciles de hacer, con un poquito de razonamiento se les va dando forma hasta encontramos con un logo perfectamente elaborado, y que al agrandarlo no se pixela. En esta ocasión les [...]
Quienes se niegan al avance de HTML5 y CSS3 dicen "no es compatible". Pero este es el año 2011 y gracias a los hackers de la web, es 100% posible hacer CSS3 compatible con IE6 y otros navegadores viejos. CSS3 es genial. En nuestro curso de CSS3 en linea aprendes, con 1 linea de código, [...]