Blog del Torturo


Si desean ver una lista completa de post lo pueden hacer en: esta lista.

HTML5, CSS3, FireFox, Chrome…

14-03-2013 Por: Torturo

HTML5, CSS3, FireFox, Chrome…

hola a todos, he estado actualizandome un poquito y he sacado creo yo una conclusión…hemos escuchado decir que el HTML5 ya está…quizá hayan escuchado que CSS3 ya está funcionando… ¡es cierto!  ya está funcionando,  pero es muy diferente decir que ya está funcionando a decir que ya se esta VIENDO…

vivo en México en donde el mundo de la computación es: “Windows” no importa que exista Linux, Mac, Linux, ChromeOS, AndroidOS, … en fin

cierto es que los navegadores web, (en especial windows) APENAS está sacando la utilización y visualización de lo que se conoce como HTML5, pero a todo esto… ¿alguien sabe lo que es HTML5? para responder esta pregunta baste decir que es la versión que, NO ES DEL FUTURO… es de la actualidad y que contiene nuevas etiquetas, nuevas funcionalidades, más sencillez, más rapidez… en fin, es algo que planea revolucionar la web…  como mencioné antes, esto no es el futuro, pero igual, no es el pasado… es lo actual, es el PRESENTE! y cabe destacar que las personas que APENAS estén entrando en este mundo, deben de aprender a utilizar ya HTML5 aunque esto signifique por igual, tener una noción acerca del HTML2,3 o 4

igualmente tenemos a CSS3, CSS3 hace nuestras vidad EXTREMADAMENTE simples… ejemplo:
ANTES, la creación de una cuadradito (un div) en HTML  con bordes redondeados constaba de crear 5 DIVS!!!!
con CCS2 que constaba de hacer:
<div id=”topizq”></div><div id=”viejo”>-</div><div id=”topder”></div>
<div id=”centro”>HOLA QUE TAL!!!!!</div>
<div id=”downizq”></div><div id=”viejo”>-</div>    <div id=”downder”></div>
con un css que es:

:#topizq{background:url(“topizq.png”); width:7px; height:16px; float:left;}
#topder{background:url(“topder.png”); width:7px; height:16px; float:left;}
#viejo{width:186px;height:16px; background:black; float:left;}
#downizq{background:url(“downizq.png”); width:7px; height:16px; float:left;}
#downder{background:url(“downder.png”); width:7px; height:16px; float:left;}
#centro{background:black; color:white; clear:both;width:186px; padding-left:7px;padding-right:7px;}

 

y eso es sólo con CSS2, pero si lo hacemos con CSS3 sería:

 

#centro{background-color: #000; border-radius:5px; color:white;}

en donde sólo le decimos, el color: el tamaño del radio y el color de la letra

se iaginan cuando código han ahorrado, cuantos KB han ahorrado???? y eso es sólo un ejemplo muy tosco…

en HTML5 ocurre algo similar… si desean una muestra de que tan corto puede ser pues… es:

en html 4 la primera line es:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

mientras que en HTML5 podría ser:

<!DOCTYPE HTML>
cabe destacar que PUEDE ser en MAYÚSCULAS o minúsculas

Arturo Ojeda Dominguez
irónicamente, aquello que me ha puesto más obstáculos para seguir aprendiendo es: la escuela...


Dejar Comentario

Leave a Reply

Your email address will not be published. Required fields are marked *